UX體驗(yàn)設(shè)計(jì)是一門在產(chǎn)品和用戶之間建立關(guān)系的藝術(shù),而設(shè)計(jì)系統(tǒng)最有能力以最具創(chuàng)造性和整體性的方式實(shí)現(xiàn)這一目標(biāo)。他們通過構(gòu)建共享增強(qiáng)功能和制定規(guī)則來將混亂變成有序,降低產(chǎn)品運(yùn)行成本。在過去的十年間,圍繞設(shè)計(jì)系統(tǒng)構(gòu)建的興趣、技術(shù)和社區(qū)爆炸式增長。雖然設(shè)計(jì)系統(tǒng)不是一個(gè)新物種,但一些最大的公司直到現(xiàn)在仍在正在構(gòu)建,或者甚至還沒有開始,或者開始了卻做成一鍋粥.....那么是什么讓越來越多的公司決定他們需要?jiǎng)?chuàng)造的改變,這就是設(shè)計(jì)系統(tǒng)提供的價(jià)值,從哪里開始以及如何繼續(xù)是我將在本文中討論。
早期設(shè)計(jì)系統(tǒng):
通常向開發(fā)人員提供了一個(gè)PDF設(shè)計(jì)規(guī)范文檔,主要用于制作產(chǎn)品的樣式指南,稱為“UI設(shè)計(jì)庫”,其中幾乎是顏色、排版和主要內(nèi)容的文檔成分。一切都以更加靜態(tài)和線性的方式交付給開發(fā)人員,他們將這些指南解釋為類似于代碼決策的Style樣式表。
現(xiàn)在的設(shè)計(jì)系統(tǒng):
現(xiàn)在的設(shè)計(jì)系統(tǒng)設(shè)計(jì)包含的內(nèi)容很多:有規(guī)則、約束和設(shè)計(jì)原則,并同步在設(shè)計(jì)和代碼中實(shí)現(xiàn)。設(shè)計(jì)系統(tǒng)被描述為構(gòu)成產(chǎn)品整體身份的一組元素。包括幾乎所有內(nèi)容:
1、品牌指南
2、設(shè)計(jì)原則
3、文案話術(shù)
4、設(shè)計(jì)原型
5、用戶界面
6、營銷模式
7、攝影插圖
8、動(dòng)效聲效
整個(gè)系統(tǒng)涵蓋文檔、UI組件、示例和編碼指南的所有這些資產(chǎn)都被打包在一起,積累成一個(gè)龐大的知識(shí)庫,供今天的團(tuán)隊(duì)成員和未來的新成員參考和使用,同時(shí)也可以以不同的組合和樣式重復(fù)使用,允許設(shè)計(jì)師和開發(fā)團(tuán)隊(duì)大規(guī)模進(jìn)行設(shè)計(jì)管理。
為什么企業(yè)需要設(shè)計(jì)系統(tǒng)?
在這兩種情況下,大多數(shù)公司都意識(shí)到?jīng)]有設(shè)計(jì)系統(tǒng)對他們造成的損害有多大,然后再?zèng)Q定是否構(gòu)建設(shè)計(jì)系統(tǒng)。設(shè)計(jì)系統(tǒng)是為變化而構(gòu)建的,公司了解他們需要的變化。 設(shè)計(jì)系統(tǒng)是為節(jié)省時(shí)間和金錢而被發(fā)明出來的,他帶來了明顯的回報(bào)。想象一家擁有 10 名設(shè)計(jì)師和 50 名開發(fā)人員的團(tuán)隊(duì),只是重用設(shè)計(jì)系統(tǒng)模式庫中的一個(gè)組件,而不是他們每個(gè)人每次都單獨(dú)設(shè)計(jì)它,并且每年可以節(jié)省多少資金。
設(shè)計(jì)系統(tǒng)通過以下方式使公司受益:
1、為設(shè)計(jì)人員和開發(fā)人員提供單一的知識(shí)庫,因此從事產(chǎn)品工作的每個(gè)人都始終在同一頁面上。
2、節(jié)省時(shí)間和金錢。通過更高效、更快速地重用現(xiàn)有資產(chǎn),無需重復(fù)并且可以輕松擴(kuò)展
3、填補(bǔ)溝通空白,讓設(shè)計(jì)師專注于體驗(yàn),讓開發(fā)者專注于實(shí)施。
4、通過明確定義和學(xué)習(xí)的行為改善用戶體驗(yàn)。
從哪兒開始設(shè)計(jì)?
當(dāng)我們在一個(gè)項(xiàng)目上工作時(shí),我們很容易失去一致性。當(dāng)與其他設(shè)計(jì)師合作時(shí),甚至在不同的團(tuán)隊(duì)中,情況會(huì)更加復(fù)雜。 雖然設(shè)計(jì)系統(tǒng)包含大量元素,但它是與整個(gè)產(chǎn)品團(tuán)隊(duì)合作創(chuàng)建的。理想情況下,設(shè)計(jì)師、工程師、程序員和產(chǎn)品經(jīng)理可能是主要的團(tuán)隊(duì)成員,他們致力于為此工作并制定他們的總體規(guī)劃。
他們中的大多數(shù)都以幾乎相同的方式設(shè)置。它們包含顯示系統(tǒng)主要類別的頂級導(dǎo)航,通常是品牌、設(shè)計(jì)、UI組件、代碼等。在每個(gè)類別中,子導(dǎo)航進(jìn)一步將這些類別分解為更具體的資產(chǎn)。 最有效的方法是從低級組件(測量和間距、顏色、排版、圖標(biāo)、使用列和網(wǎng)格)開始。
原子設(shè)計(jì):其理念是UI設(shè)計(jì)界面應(yīng)始終依賴于界面的最小部分(原子)來構(gòu)建任何其他資產(chǎn)。在使用原子設(shè)計(jì)時(shí),我們始終必須記住,相同的組件將在非常不同的上下文中重用,同時(shí)一組元素相互依賴。然而,組件本身必須有自己的斷點(diǎn)和自己的流動(dòng)行為。 為系統(tǒng)創(chuàng)建一個(gè)自然的需求層次結(jié)構(gòu)從這個(gè)開始,然后從小事開始。
今天建設(shè),明天思考。設(shè)計(jì)你以后需要的各種東西是組織你的想法和避免錯(cuò)誤的好方法。例如,不要只設(shè)計(jì)按鈕,還要設(shè)計(jì)它們的狀態(tài)(默認(rèn)、懸停、活動(dòng)、聚焦、禁用)。這是確保一致性的關(guān)鍵。
在設(shè)計(jì)系統(tǒng)的每一部分背后,都有一個(gè)微系統(tǒng)存在。系統(tǒng)建立在系統(tǒng)之上。
如果我添加或刪除一個(gè)元素會(huì)發(fā)生什么,以及這個(gè)組件的響應(yīng)行為是什么。如果我們希望我們的系統(tǒng)同時(shí)具有可重用性和豐富性,這個(gè)過程是必要的。最后,保留注釋,以便以后構(gòu)建文檔時(shí)更容易。如果沒有記錄,它就不存在。
確保采用
雖然設(shè)計(jì)一個(gè)系統(tǒng)是這里的主要事情,但有影響力的事情是讓其他團(tuán)隊(duì)成員采用。他們的需求以及他們將如何使用設(shè)計(jì)系統(tǒng)的某些部分至關(guān)重要。將使用設(shè)計(jì)系統(tǒng)的人必須經(jīng)常和盡早參與,以便與它進(jìn)行交互并擁有自己的聲音。頻繁更新、修復(fù)錯(cuò)誤、編輯功能和推出對設(shè)計(jì)系統(tǒng)的更改也是基本問題。
最后
設(shè)計(jì)系統(tǒng)通過創(chuàng)建共享區(qū)域、模塊、從而增強(qiáng)功能和制定規(guī)則來將混亂變成有序,降低數(shù)字化產(chǎn)品的運(yùn)行成本,設(shè)計(jì)系統(tǒng)構(gòu)建了知識(shí)資源庫,幫助設(shè)計(jì)師、程序員、運(yùn)營人員、產(chǎn)品經(jīng)理們的理解和探索。 構(gòu)建設(shè)計(jì)系統(tǒng)必須成為每個(gè)企業(yè)構(gòu)建產(chǎn)品理念的重要組成部分,同時(shí)也是您的品牌地圖,可以幫助您開拓和進(jìn)入新領(lǐng)域。
聯(lián)系我們,開啟一場關(guān)于您項(xiàng)目的討論會(huì)吧。
?2010-2025 維好維可 | 用戶體驗(yàn)創(chuàng)新設(shè)計(jì)公司-版權(quán)所有
滬ICP備19006116號-1
提交信息后,我們的專屬顧問會(huì)在1個(gè)工作日內(nèi)與您聯(lián)系。