(譯)Airbnb設計師關(guān)于維護設計系統(tǒng)的5個技巧

作者:Jeremy Dizon ? 來源:www.designsystems.com

作者簡介:Jeremy Dizon是前Google和賽門鐵克的產(chǎn)品設計師,他不僅負責維護,傳播和記錄Airbnb的設計語言系統(tǒng),還尋找機會在面向產(chǎn)品和營銷的設計中使用該系統(tǒng)。在他的空閑時間里,他是兩個孩子的父親,為孩子傳授對漫畫書的廣博知識和對星球大戰(zhàn)的熱愛。

他還是國際星球大戰(zhàn)服裝組織501軍團的榮譽成員,該組織志愿參加各種當?shù)卮壬苹顒?,同時宣傳“Bad Guys Doing Good”的使命。



那么,你已經(jīng)使設計團隊相信公司對設計系統(tǒng)有迫切需求,或許你們已經(jīng)開始構(gòu)建設計系統(tǒng),耗費無數(shù)個小時用來討論、組織組件、選擇字體和圖標。但是,一旦在框架被確定下來之后,保證設計系統(tǒng)自成閉環(huán)的最佳方式是什么?

作為Airbnb的產(chǎn)品設計師,我的工作是與一組設計師和軟件工程師一起,確保我們設計的6個設計模板始終保持更新和正確。提出一致化和透明化的流程是事情完成的關(guān)鍵,但到此為止都絕非易事。

你可以確認幾個關(guān)鍵問題:

1.如何維護這個設計系統(tǒng)?

2.如何促進和鼓勵系統(tǒng)的使用?

3.如何發(fā)布和溝通更新內(nèi)容?

每一個公司都需要不同的流程來建立符合公司組織架構(gòu)、文化和產(chǎn)品的設計系統(tǒng),在Airbnb,我們首先通過在首頁增加Trips業(yè)務的體驗,以及今年在Airbnb Plus會員功能中增加端到端的預定服務,我們的設計語言系統(tǒng)為產(chǎn)品團隊提供了一個起點,可以比之前更高效地創(chuàng)建出色的用戶體驗。隨著我們擴充業(yè)務和設計/工程人員,設計系統(tǒng)有助于確定Airbnb的基礎設計,并使我們能夠解決復雜的用戶問題。


Airbnb設計系統(tǒng)(摘)

5個溝通訣竅

可以肯定地說,我在管理Airbnb的同時學到了很多關(guān)于如何維護設計系統(tǒng)的知識。對于那些希望嘗試地比我更順暢的人來說,下面是5條經(jīng)過實踐和真正的建議。在本文中,為了簡潔起見,我關(guān)注的是技術(shù)建議而不是文化。

1.說同一種語言

開發(fā)一種通用語言,讓每個人都以相同的方式引用組件。為各種跨平臺應用通用地命名組件、圖標等可能具備挑戰(zhàn),但這樣做對于溝通至關(guān)重要。同樣,你的設計系統(tǒng)的元素要被廣泛傳播。我們說的我們的組件數(shù)量級已經(jīng)超出了組織內(nèi)部的疲倦點。但這是卻是值得的——工程師和設計師可以一起解決問題,因為他們彼此理解各自的意圖。

2.使用JIRA保持業(yè)務優(yōu)先順序

老實說如果沒有用JIRA,我可能不能完成這份工作。每周我都會使用JIRA來管理事務請求,更新設計模板,然后通過事務列表交付給團隊。

完成這些任務后,我會為每個項目和合作伙伴創(chuàng)建獨立的子任務,通過截圖、任務(簡單任務,如更新組件)或提供規(guī)范(較更新單一組件更負責的需求)來保障設計系統(tǒng)覆蓋的業(yè)務優(yōu)先順序。


3.通過審核來避免重復組件

將審核目標聚焦在“少即是多”上,我們力求用最小數(shù)量的組件應用于大量用例上。但是我們不會拒絕創(chuàng)建新組件。每個產(chǎn)品團隊都可以為功能構(gòu)建“團隊組件”。在通過測試后,可以將這些“團隊組件”添加到核心的設計系統(tǒng)中。審查的關(guān)鍵指標是其他團隊是否可以將這些組件應用到其他設計中。

4.使用“Masters”文件夾避免工作丟失

作為一名產(chǎn)品設計是,我在筆記本上保存了一個“Masters”文件夾,這個“Masters”文件夾的目標是防止有人改變文件。因此,我是唯一管理“Masters”文件夾的人。這個文件夾嵌入在我自己的工作流程中,因此當我提供新的組件面板時,我同樣在“Masters”文件夾中更新文件。這樣不僅有助于版本控制,還可以快速解決已交付文件的任何問題。(譯者按:原作者用一個離線文件夾備份的方式來做設計系統(tǒng)源文件的管理,實際上這種方式可以通過GitHub來優(yōu)化之,讓設計師使用工程師的工作方式來對設計系統(tǒng)進行更新,可能存在的一些學習成本,但是一旦貫徹則受益無窮。)


5.每一步更新都要記錄

當你的設計系統(tǒng)發(fā)布時,保持全面的文件是必要的。無論是用一個網(wǎng)站還是演示幻燈片,記錄下你的設計系統(tǒng)的原理,以及它是如何為所有使用者服務,從長遠來看都是值得的。

我們的文檔經(jīng)過了幾次迭代。目前,我們有一個可搜索的站點,允許用戶使用從實時生產(chǎn)代碼中呈現(xiàn)的視覺屏幕截圖瀏覽組件,顯示它們在每個平臺上的外觀。每個組件都鏈接到GIT中的實際代碼,并允許工程師在構(gòu)建時快速引用它們。未來的版本將包括一種快速方法,讓設計人員將這些組件拖入他們的模型,使得這個文檔站點成為設計人員和工程師的單一來源。



如果您將構(gòu)建設計系統(tǒng)

作用中的設計系統(tǒng)以為著不斷產(chǎn)生變化,隨著使用設計系統(tǒng)的團隊數(shù)量的增長,開發(fā)一個不斷發(fā)展的設計系統(tǒng)是自然發(fā)展的結(jié)果,在工程和設計之間擁有資源資源是至關(guān)重要的。因此您的設計系統(tǒng)應具備可用性、相關(guān)性且必須是最新的。

了解有關(guān)Airbnb DLS的更多信息:如果您想了解更多關(guān)于我們的設計系統(tǒng)如何定義組件、模式和規(guī)則,我建議您訪問Airbnb正在進行的設計語言系統(tǒng)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容