(譯)Airbnb設(shè)計(jì)師關(guān)于維護(hù)設(shè)計(jì)系統(tǒng)的5個(gè)技巧

作者: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)題您市。


Airbnb設(shè)計(jì)系統(tǒng)(摘)

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)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末窜觉,一起剝皮案震驚了整個(gè)濱河市是复,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌竖螃,老刑警劉巖淑廊,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異特咆,居然都是意外死亡季惩,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門腻格,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)画拾,“玉大人,你說(shuō)我怎么就攤上這事菜职∏嗯祝” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵酬核,是天一觀的道長(zhǎng)蜜另。 經(jīng)常有香客問(wèn)我适室,道長(zhǎng),這世上最難降的妖魔是什么举瑰? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任捣辆,我火速辦了婚禮,結(jié)果婚禮上此迅,老公的妹妹穿的比我還像新娘汽畴。我一直安慰自己,他們只是感情好耸序,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布忍些。 她就那樣靜靜地躺著,像睡著了一般坎怪。 火紅的嫁衣襯著肌膚如雪坐昙。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,031評(píng)論 1 285
  • 那天芋忿,我揣著相機(jī)與錄音炸客,去河邊找鬼。 笑死戈钢,一個(gè)胖子當(dāng)著我的面吹牛痹仙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播殉了,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼开仰,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了薪铜?” 一聲冷哼從身側(cè)響起众弓,我...
    開(kāi)封第一講書(shū)人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎隔箍,沒(méi)想到半個(gè)月后谓娃,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蜒滩,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年滨达,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片俯艰。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡捡遍,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出竹握,到底是詐尸還是另有隱情画株,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站谓传,受9級(jí)特大地震影響蜈项,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜良拼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望充边。 院中可真熱鬧庸推,春花似錦、人聲如沸浇冰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)肘习。三九已至际乘,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間漂佩,已是汗流浹背脖含。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留投蝉,地道東北人养葵。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像瘩缆,于是被迫代替她去往敵國(guó)和親关拒。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容