如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

編者按：2012年的Spotify 設(shè)計(jì)團(tuán)隊(duì)還是一團(tuán)亂麻，到今天已經(jīng)是協(xié)同效率，有標(biāo)準(zhǔn)可循的頂尖團(tuán)隊(duì)。來(lái)看這位總監(jiān)如何從零開(kāi)始改善它的。

歡迎關(guān)注譯者的微信公眾號(hào)：「非科班設(shè)計(jì)」

“設(shè)計(jì)無(wú)法標(biāo)準(zhǔn)化”在過(guò)去四年一直困擾著我。2012年我加入Spotify設(shè)計(jì)團(tuán)隊(duì)的時(shí)候，被當(dāng)時(shí)的混亂與分散嚇到了。說(shuō)得詳細(xì)點(diǎn)，字體、色彩、圖片、板式、信息架構(gòu)和交互方式好像全部都沒(méi)有能夠遵循的標(biāo)準(zhǔn)。

當(dāng)我開(kāi)始跟他們談?wù)撨@件事時(shí)，我才知道整個(gè)團(tuán)隊(duì)也為此覺(jué)得沮喪。我們的結(jié)論是：支離破碎的產(chǎn)品恰巧反映這個(gè)團(tuán)隊(duì)的松散，設(shè)計(jì)師分散在不同的項(xiàng)目、時(shí)區(qū)和漫無(wú)目標(biāo)的時(shí)程表，當(dāng)然不可能有任何機(jī)會(huì)去改善。

可是，這些原因在現(xiàn)代科技公司不是很常見(jiàn)嗎？所以我第一次說(shuō)出：“設(shè)計(jì)無(wú)法標(biāo)準(zhǔn)化”。

但是，這個(gè)問(wèn)題讓我坐立不安。我試著忽略它，把它當(dāng)作無(wú)法解決的問(wèn)題，不想被它困住，然后專注在重新設(shè)計(jì)上。但是這樣沒(méi)用。不管先前多喜歡設(shè)計(jì)，看到互相沖突的設(shè)計(jì)方向，都只會(huì)感到厭煩。任職一年之后，我終于也因?yàn)檫@個(gè)問(wèn)題變得非常沮喪，于是我決定為此尋求解決方案。袖手旁觀接受“設(shè)計(jì)無(wú)法標(biāo)準(zhǔn)化”肯定不是唯一的答案。

我的挑戰(zhàn)前提是“設(shè)計(jì)無(wú)法標(biāo)準(zhǔn)化”，或者可以這樣說(shuō)：分散在不同時(shí)區(qū)、項(xiàng)目，目標(biāo)不一樣的設(shè)計(jì)師團(tuán)隊(duì)，是否可以找到一個(gè)緊密結(jié)合的共同工作方式？以下是我的探索過(guò)程。

原則

某次周例行設(shè)計(jì)討論的時(shí)候，我們都發(fā)現(xiàn)真的沒(méi)有可以遵循的方向。我們的討論都只是一些對(duì)短暫流行風(fēng)格的個(gè)人意見(jiàn)，這讓臺(tái)上正在談?wù)摰脑O(shè)計(jì)師感到受挫，結(jié)束后整個(gè)團(tuán)隊(duì)還是沒(méi)有方向。所以2013年，我們決定寫下一些原則，讓本來(lái)由個(gè)人組成的團(tuán)體，轉(zhuǎn)變?yōu)閾碛泄餐^點(diǎn)的團(tuán)隊(duì)。

（1. 內(nèi)容優(yōu)先、2. 盡量活潑、3. 建立熟悉感、4. 爭(zhēng)取事半功倍、5. 保持真實(shí)、6.恰如其分）

這些原則，讓我們?cè)谟懻撛O(shè)計(jì)的時(shí)候有方向可循，讓團(tuán)隊(duì)里的設(shè)計(jì)達(dá)成一致的，這是我們?cè)?014年推出視覺(jué)重定位的基礎(chǔ)：讓我們學(xué)習(xí)到了很多，多到值得再寫一篇文章。

真正讓這些原則發(fā)揮作用的原因是：與我們的行業(yè)領(lǐng)域（音樂(lè)）巧妙結(jié)合，然后跟業(yè)務(wù)目標(biāo)一起向前，就能夠讓非設(shè)計(jì)師背景的人產(chǎn)生共鳴。

執(zhí)行這些原則后，我們?nèi)岳^續(xù)探索更為緊密的方式，例如，將上面6個(gè)原則減少為3項(xiàng)，然后納入營(yíng)銷團(tuán)隊(duì)合作的經(jīng)驗(yàn)原則。

指南

視覺(jué)重新定位之后，我們立刻知道最困難的其實(shí)是維護(hù)這些剛打造出來(lái)的一致性。所以在2014年，我們建立了Spotify設(shè)計(jì)語(yǔ)言系統(tǒng)GLUE（ Global Language for a Unified Experience，產(chǎn)生一致經(jīng)驗(yàn)的共同語(yǔ)言），記載樣式（styles）、元件（components）和布局（patterns），公司所有人都可以訪問(wèn)這個(gè)網(wǎng)站。

（Spotify設(shè)計(jì)指南第一版）

這是我們首次對(duì)界面有共同的認(rèn)知。這不僅增加了一致性，還提升了效率。同時(shí)也創(chuàng)造了設(shè)計(jì)人員和開(kāi)發(fā)人員之間共享的詞匯，因此對(duì)于顏色或類型風(fēng)格的標(biāo)簽可以跨越設(shè)計(jì)規(guī)范和代碼來(lái)理解。

根據(jù)設(shè)計(jì)指南，我們創(chuàng)建了體現(xiàn)了同樣的風(fēng)格和組件的用戶界面工具包為我們的設(shè)計(jì)工具。這是一個(gè)開(kāi)始全新項(xiàng)目的好東西，同時(shí)也能指導(dǎo)先前沒(méi)出現(xiàn)，但之后可能需要再加入工具包的事情。它也迫使我們選擇能夠支持哪種軟件（Photoshop、Illustrator 或Sketch?等），以及我們之間如何共享文件。

模塊化的設(shè)計(jì)方式，讓我們發(fā)現(xiàn)組成 “體驗(yàn)” 的人際連結(jié)與依賴關(guān)系，最終使我們更易于彼此協(xié)作。

Glue

我們很快意識(shí)到，維護(hù)設(shè)計(jì)指南和工具包需要持續(xù)不間斷的付出。所以在經(jīng)過(guò)一系列的說(shuō)服后，GLUE 團(tuán)隊(duì)在2015年成為一支由設(shè)計(jì)師與工程師組成的完整團(tuán)隊(duì)。

（GLUE 團(tuán)隊(duì)的合照）

身為集中式的團(tuán)隊(duì)，GLUE藉由團(tuán)隊(duì)之間的合作，提供框架改進(jìn)公司內(nèi)部不同設(shè)計(jì)需求，給各個(gè)項(xiàng)目中的設(shè)計(jì)師提供支援。團(tuán)隊(duì)里的工程師以iOS、Android和桌面版準(zhǔn)則為核心基礎(chǔ)來(lái)擴(kuò)展這項(xiàng)工作，提供整個(gè)組織的前端開(kāi)發(fā)者技術(shù)實(shí)現(xiàn)。

設(shè)計(jì)協(xié)會(huì)

集中式團(tuán)體最常遇到的挑戰(zhàn)是維持一致性，很容易與組織當(dāng)下的需求脫鉤，然后就發(fā)現(xiàn)解決方案無(wú)法產(chǎn)生共鳴。為了這個(gè)問(wèn)題，我們成立 “設(shè)計(jì)協(xié)會(huì)” 。

每周花一小時(shí)，每一個(gè)產(chǎn)品項(xiàng)目都會(huì)派兩位設(shè)計(jì)師和GLUE團(tuán)隊(duì)聚在一起分享他們目前正在進(jìn)行的事情，并且得到其他人的反饋。GLUE分享的設(shè)計(jì)指南，與此同時(shí)各個(gè)項(xiàng)目的設(shè)計(jì)會(huì)以此標(biāo)準(zhǔn)規(guī)范他們的設(shè)計(jì)。通常這些更新會(huì)有兩種情況：大家友善的點(diǎn)頭表示遵守，或是辦一場(chǎng)工作坊，解決在設(shè)計(jì)方向的任何爭(zhēng)議。這個(gè)會(huì)議能夠幫助破除谷倉(cāng)效應(yīng)，鼓勵(lì)合作，并擴(kuò)大共享所有權(quán)的整體體驗(yàn)。

*譯注：谷倉(cāng)效應(yīng)，亦稱筒倉(cāng)效應(yīng)，指企業(yè)內(nèi)部因缺少溝通，部門間各自為政，只有垂直的指揮系統(tǒng)，沒(méi)有水平的協(xié)同機(jī)制，就象一個(gè)個(gè)的谷倉(cāng)，各自擁有獨(dú)立的進(jìn)出系統(tǒng)，但缺少了谷倉(cāng)與谷倉(cāng)之間的溝通和互動(dòng)。

設(shè)計(jì)QA

盡管已經(jīng)做了遵循方向與協(xié)調(diào)，有些設(shè)計(jì)的錯(cuò)誤還是會(huì)出現(xiàn)。為了修正這個(gè)問(wèn)題，我們最近設(shè)立首個(gè)通用設(shè)計(jì)品控。它要求來(lái)自各地（斯德哥爾摩、歌特堡、倫敦、紐約與舊金山）的設(shè)計(jì)師聚在一起，重新校準(zhǔn)原本公認(rèn)的品質(zhì)如何定義，我們必須確認(rèn)大家都是按照標(biāo)準(zhǔn)指南設(shè)計(jì)的。我們邀請(qǐng)QA的成員確認(rèn)設(shè)計(jì)師是否都很清楚如何充分利用像是Jira（錯(cuò)誤追蹤系統(tǒng)）等工具，還有如何在目前支援的平臺(tái)測(cè)試設(shè)計(jì)。這引發(fā)許多討論，討論哪類型的設(shè)計(jì)錯(cuò)誤應(yīng)該抓出來(lái)，以及安排優(yōu)先順序的條件。

（最近某次的設(shè)計(jì)QA工作坊現(xiàn)場(chǎng)照）

不過(guò)，我們找出最根本的爭(zhēng)議在于如何定義設(shè)計(jì)品質(zhì)。即使到現(xiàn)在也大多是 “你看到就知道了?！?我們決定試試用勾選清單代替。內(nèi)容是：品質(zhì)代表是否遵循原則與準(zhǔn)則，還有是否支持核心目標(biāo)。當(dāng)你必須偏移原則與準(zhǔn)則時(shí)，你必須負(fù)起責(zé)任，更新任何受到影響的團(tuán)隊(duì)或架構(gòu)。

我們最近開(kāi)始要求設(shè)計(jì)是否符合 “TUNE” ，這個(gè)縮寫代表經(jīng)驗(yàn)的測(cè)量值，包含使用Spotify的感覺(jué)，借以尋求更多定義品質(zhì)的方法。這能夠以塑造強(qiáng)而有力的敘事方式，對(duì)情感上的品牌體驗(yàn)有幫助，同時(shí)也把界面就是品牌的觀念放在心上。

• 語(yǔ)調(diào)（ Tone）：我們的品牌是否使用正確的語(yǔ)調(diào)？
• 易用（ Usable）：它對(duì)于每一個(gè)人都方便使用嗎？
• 必要性（ Necessary）：那個(gè)功能是真的有必要嗎？
• 情感化（ Emotive）：使用起來(lái)的感覺(jué)很舒服嗎？使用者在意（這個(gè)產(chǎn)品）嗎？

今年夏天之后，我們預(yù)計(jì)要求所有設(shè)計(jì)師在版本推出某些功能時(shí)，將通用設(shè)計(jì)品保流程納入關(guān)鍵步驟。確保設(shè)計(jì)品控不只是我們內(nèi)部的工作，還可以在我們的顧客發(fā)揮效用。

我回顧過(guò)去幾年的經(jīng)驗(yàn)和感想寫了這篇文章，僅僅代表對(duì)我們有用的方式。即使我知道這還不夠完善，因?yàn)楹罄m(xù)還有很多挑戰(zhàn)會(huì)出現(xiàn)，甚至某些解決方案將成為阻礙。我很高興將個(gè)人設(shè)計(jì)主見(jiàn)放在一邊，了解當(dāng)你花時(shí)間打造定位，以及設(shè)計(jì)師之間的協(xié)調(diào)時(shí)，設(shè)計(jì)確實(shí)可以標(biāo)準(zhǔn)化。

如果你是設(shè)計(jì)師、產(chǎn)品擁有者或是管理者，而且正在面臨困境，我鼓勵(lì)你試試看上面說(shuō)的方法，也許會(huì)有幫助。

藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)