作者:Jeremy Dizon ? 來(lái)源:www.designsystems.com
作者簡(jiǎn)介:Jeremy Dizon是前Google和賽門鐵克的產(chǎn)品設(shè)計(jì)師处坪,他不僅負(fù)責(zé)維護(hù),傳播和記錄Airbnb的設(shè)計(jì)語(yǔ)言系統(tǒng)波俄,還尋找機(jī)會(huì)在面向產(chǎn)品和營(yíng)銷的設(shè)計(jì)中使用該系統(tǒng)。在他的空閑時(shí)間里,他是兩個(gè)孩子的父親登失,為孩子傳授對(duì)漫畫書(shū)的廣博知識(shí)和對(duì)星球大戰(zhàn)的熱愛(ài)。
他還是國(guó)際星球大戰(zhàn)服裝組織501軍團(tuán)的榮譽(yù)成員挖炬,該組織志愿參加各種當(dāng)?shù)卮壬苹顒?dòng)揽浙,同時(shí)宣傳“Bad Guys Doing Good”的使命。
那么,你已經(jīng)使設(shè)計(jì)團(tuán)隊(duì)相信公司對(duì)設(shè)計(jì)系統(tǒng)有迫切需求馅巷,或許你們已經(jīng)開(kāi)始構(gòu)建設(shè)計(jì)系統(tǒng)膛虫,耗費(fèi)無(wú)數(shù)個(gè)小時(shí)用來(lái)討論、組織組件钓猬、選擇字體和圖標(biāo)稍刀。但是,一旦在框架被確定下來(lái)之后敞曹,保證設(shè)計(jì)系統(tǒng)自成閉環(huán)的最佳方式是什么账月?
作為Airbnb的產(chǎn)品設(shè)計(jì)師,我的工作是與一組設(shè)計(jì)師和軟件工程師一起澳迫,確保我們?cè)O(shè)計(jì)的6個(gè)設(shè)計(jì)模板始終保持更新和正確局齿。提出一致化和透明化的流程是事情完成的關(guān)鍵,但到此為止都絕非易事橄登。
你可以確認(rèn)幾個(gè)關(guān)鍵問(wèn)題:
1.如何維護(hù)這個(gè)設(shè)計(jì)系統(tǒng)抓歼?
2.如何促進(jìn)和鼓勵(lì)系統(tǒng)的使用?
3.如何發(fā)布和溝通更新內(nèi)容示绊?
每一個(gè)公司都需要不同的流程來(lái)建立符合公司組織架構(gòu)锭部、文化和產(chǎn)品的設(shè)計(jì)系統(tǒng),在Airbnb面褐,我們首先通過(guò)在首頁(yè)增加Trips業(yè)務(wù)的體驗(yàn)拌禾,以及今年在Airbnb Plus會(huì)員功能中增加端到端的預(yù)定服務(wù),我們的設(shè)計(jì)語(yǔ)言系統(tǒng)為產(chǎn)品團(tuán)隊(duì)提供了一個(gè)起點(diǎn)展哭,可以比之前更高效地創(chuàng)建出色的用戶體驗(yàn)湃窍。隨著我們擴(kuò)充業(yè)務(wù)和設(shè)計(jì)/工程人員,設(shè)計(jì)系統(tǒng)有助于確定Airbnb的基礎(chǔ)設(shè)計(jì)匪傍,并使我們能夠解決復(fù)雜的用戶問(wèn)題您市。
5個(gè)溝通訣竅
可以肯定地說(shuō),我在管理Airbnb的同時(shí)學(xué)到了很多關(guān)于如何維護(hù)設(shè)計(jì)系統(tǒng)的知識(shí)役衡。對(duì)于那些希望嘗試地比我更順暢的人來(lái)說(shuō)茵休,下面是5條經(jīng)過(guò)實(shí)踐和真正的建議。在本文中手蝎,為了簡(jiǎn)潔起見(jiàn)榕莺,我關(guān)注的是技術(shù)建議而不是文化。
1.說(shuō)同一種語(yǔ)言
開(kāi)發(fā)一種通用語(yǔ)言棵介,讓每個(gè)人都以相同的方式引用組件钉鸯。為各種跨平臺(tái)應(yīng)用通用地命名組件、圖標(biāo)等可能具備挑戰(zhàn)邮辽,但這樣做對(duì)于溝通至關(guān)重要唠雕。同樣贸营,你的設(shè)計(jì)系統(tǒng)的元素要被廣泛傳播。我們說(shuō)的我們的組件數(shù)量級(jí)已經(jīng)超出了組織內(nèi)部的疲倦點(diǎn)岩睁。但這是卻是值得的——工程師和設(shè)計(jì)師可以一起解決問(wèn)題钞脂,因?yàn)樗麄儽舜死斫飧髯缘囊鈭D。
2.使用JIRA保持業(yè)務(wù)優(yōu)先順序
老實(shí)說(shuō)如果沒(méi)有用JIRA捕儒,我可能不能完成這份工作芳肌。每周我都會(huì)使用JIRA來(lái)管理事務(wù)請(qǐng)求,更新設(shè)計(jì)模板肋层,然后通過(guò)事務(wù)列表交付給團(tuán)隊(duì)亿笤。
完成這些任務(wù)后,我會(huì)為每個(gè)項(xiàng)目和合作伙伴創(chuàng)建獨(dú)立的子任務(wù)栋猖,通過(guò)截圖净薛、任務(wù)(簡(jiǎn)單任務(wù),如更新組件)或提供規(guī)范(較更新單一組件更負(fù)責(zé)的需求)來(lái)保障設(shè)計(jì)系統(tǒng)覆蓋的業(yè)務(wù)優(yōu)先順序蒲拉。
3.通過(guò)審核來(lái)避免重復(fù)組件
將審核目標(biāo)聚焦在“少即是多”上肃拜,我們力求用最小數(shù)量的組件應(yīng)用于大量用例上。但是我們不會(huì)拒絕創(chuàng)建新組件雌团。每個(gè)產(chǎn)品團(tuán)隊(duì)都可以為功能構(gòu)建“團(tuán)隊(duì)組件”燃领。在通過(guò)測(cè)試后,可以將這些“團(tuán)隊(duì)組件”添加到核心的設(shè)計(jì)系統(tǒng)中锦援。審查的關(guān)鍵指標(biāo)是其他團(tuán)隊(duì)是否可以將這些組件應(yīng)用到其他設(shè)計(jì)中猛蔽。
4.使用“Masters”文件夾避免工作丟失
作為一名產(chǎn)品設(shè)計(jì)是,我在筆記本上保存了一個(gè)“Masters”文件夾灵寺,這個(gè)“Masters”文件夾的目標(biāo)是防止有人改變文件曼库。因此,我是唯一管理“Masters”文件夾的人略板。這個(gè)文件夾嵌入在我自己的工作流程中毁枯,因此當(dāng)我提供新的組件面板時(shí),我同樣在“Masters”文件夾中更新文件叮称。這樣不僅有助于版本控制种玛,還可以快速解決已交付文件的任何問(wèn)題。(譯者按:原作者用一個(gè)離線文件夾備份的方式來(lái)做設(shè)計(jì)系統(tǒng)源文件的管理瓤檐,實(shí)際上這種方式可以通過(guò)GitHub來(lái)優(yōu)化之赂韵,讓設(shè)計(jì)師使用工程師的工作方式來(lái)對(duì)設(shè)計(jì)系統(tǒng)進(jìn)行更新,可能存在的一些學(xué)習(xí)成本距帅,但是一旦貫徹則受益無(wú)窮右锨。)
5.每一步更新都要記錄
當(dāng)你的設(shè)計(jì)系統(tǒng)發(fā)布時(shí)括堤,保持全面的文件是必要的碌秸。無(wú)論是用一個(gè)網(wǎng)站還是演示幻燈片绍移,記錄下你的設(shè)計(jì)系統(tǒng)的原理,以及它是如何為所有使用者服務(wù)讥电,從長(zhǎng)遠(yuǎn)來(lái)看都是值得的蹂窖。
我們的文檔經(jīng)過(guò)了幾次迭代。目前恩敌,我們有一個(gè)可搜索的站點(diǎn)瞬测,允許用戶使用從實(shí)時(shí)生產(chǎn)代碼中呈現(xiàn)的視覺(jué)屏幕截圖瀏覽組件,顯示它們?cè)诿總€(gè)平臺(tái)上的外觀纠炮。每個(gè)組件都鏈接到GIT中的實(shí)際代碼月趟,并允許工程師在構(gòu)建時(shí)快速引用它們。未來(lái)的版本將包括一種快速方法恢口,讓設(shè)計(jì)人員將這些組件拖入他們的模型孝宗,使得這個(gè)文檔站點(diǎn)成為設(shè)計(jì)人員和工程師的單一來(lái)源。
如果您將構(gòu)建設(shè)計(jì)系統(tǒng)
作用中的設(shè)計(jì)系統(tǒng)以為著不斷產(chǎn)生變化耕肩,隨著使用設(shè)計(jì)系統(tǒng)的團(tuán)隊(duì)數(shù)量的增長(zhǎng)因妇,開(kāi)發(fā)一個(gè)不斷發(fā)展的設(shè)計(jì)系統(tǒng)是自然發(fā)展的結(jié)果,在工程和設(shè)計(jì)之間擁有資源資源是至關(guān)重要的猿诸。因此您的設(shè)計(jì)系統(tǒng)應(yīng)具備可用性婚被、相關(guān)性且必須是最新的。
了解有關(guān)Airbnb DLS的更多信息:如果您想了解更多關(guān)于我們的設(shè)計(jì)系統(tǒng)如何定義組件梳虽、模式和規(guī)則址芯,我建議您訪問(wèn)Airbnb正在進(jìn)行的設(shè)計(jì)語(yǔ)言系統(tǒng)。