2021-8-15 資深UI設計者
本期提綱：
在本文中，我們將分享如何提煉出設計原則，并在團隊中引推廣實施的。
去年，我們一群人聚在一起探討了一個棘手的問題：隨著 Spotify 的不斷發(fā)展，我們如何在產品迭代中保持高水平的設計質量？
經過研究和討論，我們確定了一個方向：為了提高質量，我們需要清晰、有用的設計原則。一方面，我們認為只有定義了 Spotify 的設計原則是什么，才能夠幫助團隊評估他們是否以 “Spotify 方式” 進行設計。另一方面，我們還希望幫助設計師在討論設計目標和設計評審時使用相同的評價標準。通過不斷更新的設計原則可以實現(xiàn)保持高水平設計質量的目標。
為了解決設計無法標準化的問題，2013 年，Spotify 制定了最初的設計原則：內容優(yōu)先、盡量活潑、建立熟悉感、爭取事半功倍、保持真實、恰如其分，這些原則讓設計師們在輸出和討論方案的時候有方向可循。有了設計原則之后，我們的設計方案在字體、色彩、圖片、板式、信息架構和交互方式等方面都具備了一致性，即使不是設計師也能夠對我們的設計產生共鳴。
Spotify 在 2013 年制定的設計原則：內容優(yōu)先、盡量活潑、建立熟悉感、爭取事半功倍、保持真實、恰如其分。
但設計原則是需要與我們的業(yè)務目標一起向前的，到了 2020 年，Spotify 已經發(fā)生了很大變化，我們在播客上加倍發(fā)力，我們?yōu)橄M者提供的不僅僅是音樂，而是包含廣播、故事等更多元的音頻形式；我們服務的對象，不僅僅是聽眾，還有藝術家和廣告商；我們的設計師團隊也不斷的壯大，發(fā)展到現(xiàn)在已經有近 200 人。
看著 2013 年制定的設計原則，我們問自己：這些設計原則對于我們現(xiàn)在的設計是否還是正確的？Spotify 的設計師們是否真的意識到這些設計原則的存在？答案是否定的。
我們經過對現(xiàn)有設計原則的討論，發(fā)現(xiàn)了以下三個方面的問題：
1. 無法滿足不同內容的需求：原本的設計原則，更專注于消費者的音樂體驗，然而隨著 Spotify 的發(fā)展壯大，我們的產品不僅僅是音樂，而是包含更多內容的音頻，但這些原則似乎并不適用于我們設計的所有內容。
2. 概念容易混淆：比如 “l(fā)agom” 和 “do less”，都有簡約的、恰到好處的意思，在表意上存在重疊使得它們很難分辨，在評估設計方案時，我們很難確定從哪一方面評估我們的工作。
3. 數量過多的原則很難記住：根據我們的調研和設計師的反饋，設計師們往往記不住這些設計原則的內容，這也就導致了他們無法很好的在設計實踐中應用。
簡而言之，舊的設計原則需要更新。
去年，我們工作組的十幾名產品設計師和用戶體驗設計師，在一個協(xié)作研討會上聚在一起討論如何制定新的設計原則，我們希望團隊中的每個人都參與進來，而不是讓一個人來決定 Spotify 的設計原則應該是什么。
我們通過以下三個問題，指導我們制定新的設計原則：
經過一番激烈的辯論，我們得到了答案：
然而真正的挑戰(zhàn)是應該怎樣定義新的設計原則。我們在設計時應該追求什么樣的價值觀和設計屬性？產品應該傳遞給用戶什么感受？
對于這些問題，每一位設計師都有自己的觀點。我們讓所有人將自己對 spotify 的設計原則進行定義，并將這些想法寫在便利貼上。我們將這些想法進行總結分類，為了避免重復性的概念，我們把相似的概念歸為同一類別，并且讓大家對這些觀點進行具體的描述，來幫助大家理解他們想要的設計原則。最后，我們將所有的想法都匯集在一個巨大的矩陣圖中，通過設計師們的投票來幫助我們縮小范圍，確定大家認為合理的設計原則。
帶有便利貼的矩陣圖
通過上面的方式，我們提出了新原則的草案。同時我們也通過與用戶溝通，進一步了解用戶對于 spotify 設計的理解，根據這些反饋，我們進一步在設計原則的概念細節(jié)上進行調整后，確定了新的 Spotify 設計原則：相關性、人性化、統(tǒng)一性。
Spotify 新設計原則：相關性、人性化、統(tǒng)一性
1. 相關性
把每個用戶作為一個獨立的個體來看待。
Spotify 是為每一位用戶量身定做的，我們希望 Spotify 具有個性化的感覺。為了給用戶提供專享的感受，在設計過程中，我們認真思考我們所展示的內容是什么、展示給誰以及在什么背景下呈現(xiàn)。簡單來說，我們會在正確的時間提供正確的信息給特定的人，我們不想要 “一刀切” 的體驗。
那么我們在具體的實踐中，是怎樣體現(xiàn) “相關性” 的設計原則呢？
舉個例子，同樣是歌曲 “pure seduction” 的封面，歐美國家的用戶看到的畫面可能是激情熱吻，但對于相對內斂的東南亞國家用戶，封面的內容就會以更加含蓄柔和的方式呈現(xiàn)。同樣的，印度用戶大多數更喜歡聽印度語的歌曲，我們在一開始就讓他們選擇自己喜歡的音樂語言，使用戶得到與自己具有 “相關性” 的音樂內容。
我們尊重不同的文化和社會環(huán)境，我們希望每一個視覺呈現(xiàn)都能夠適合當地用戶，能夠被當地用戶所理解。
Spotify 播放列表封面和注冊頁面的示例
2. 人性化
人性化的設計是可以與用戶交流的。
Spotify 是依賴于推薦算法的產品，但這種技術也是基于人的喜好的。Spotify 像人類一樣，也會有情感，有自己的思考方式。我們希望用戶在使用 Spotify 時，可以有一種 “和人交流的感覺”，如果我們把 Spotify 設計得太工具化，就會失去這種感覺了。我們的每周推薦歌單封面，沒有選用精致的照片，而是直接使用用戶的個人頭像，通過這種方式我們告訴用戶 “這是只為你一個人準備的歌單”，還有什么比自己的個人形象更加 “人性化” 呢？再舉個例子，在 Spotify 的兒童版本中，我們將創(chuàng)建個人資料的行為變成了創(chuàng)建有趣的卡通角色的過程，“人性化” 的虛擬形象使 Spotify 與兒童用戶更流暢的交流。
Discover Weekly 封面和 Spotify Kids 應用程序的示例
3. 統(tǒng)一性
統(tǒng)一性可以使線下產品和線上產品實現(xiàn)品牌感。
我們的線上和線下產品的設計風格都應該具有統(tǒng)一性，即使沒有過多的說明，人們看到一眼也可以知道這是 Spotify 的設計。統(tǒng)一的設計風格，可以讓用戶對于我們的產品有一定的熟悉感和信任感。正因如此，我們沒有完全拋棄 2013 年制定的的設計原則，去創(chuàng)造新的方向，而是根據之前的設計原則進行修改和優(yōu)化。為了實現(xiàn)品牌的一致性，我們希望我們所制定的原則是可以在不同設計對象和設計場景中復用的。
下圖中是一個營銷活動的案例，無論是線下的廣告牌、宣傳海報，還是線上的活動頁面，我們的設計風格都保持了統(tǒng)一性，無論你在線下還是線上看到，你都會知道這是 Spotify 的產品。
Spotify 營銷活動的示例
提出設計原則是一回事，讓每個人都參與進來完全是另一回事。如果我們想讓新設計原則持續(xù)運行下去，就需要一個執(zhí)行計劃。
在推行設計原則的初期，我們在一個設計團隊的工作坊中試運行了新的設計原則。通過觀察設計師在實際工作過程中，是否由于運用了新的設計原則更好的完成了設計實踐，幫助我們判斷這些原則是否是真的發(fā)揮作用。之后，我們將這些原則納入現(xiàn)有的設計活動中 —— 例如，在全員設計會議中，介紹這些原則，并將它們添加到我們的設計手冊和新員工的入職流程中。幾個月后，我們與 Spotify 的所有設計團隊都開展了一系列工作坊。這樣，每個設計師都可以學習如何將設計原則應用在工作實踐當中。
在工作坊中，我們將設計項目中應用設計原則的案例記錄下來，比如，以用戶的名字來命名歌單，建立與用戶的 “相關性”。我們將這些設計師們在真實的項目中遇到的案例整理到一起，以便其他設計師看到具體案例時，更好的理解新的設計原則。
展示如何使用設計原則的卡片
在推行新的設計原則的過程中，我們發(fā)現(xiàn)有兩點值得注意：
1. 恰當的案例，有助于我們對新設計原則的理解
口頭上表達 Spotify 的設計原則是 “人性化” 或是 “相關性” 是很容易的，但是什么樣子的設計才是 “人性化” 和 “相關性” 的呢？在推行設計原則時，用例子來說明這些原則的含義非常有用，案例越多越有利于我們對這些抽象設計原則的理解。
2. 周邊產品可有助于設計師理解和記憶新的原則
設計原則也可以通過更多的周邊產品，如海報、貼紙或其他產品去推廣。理解新的設計原則和理念需要很多時間，周邊產品可以幫助團隊理解和記憶這些原則。為了推行新的設計原則，我們已經開始設計相關的海報、文具等周邊產品。
設計原則的在線下產品應用的示例（由 deepyellow 和 dribbble 圖形組成的樣機模板）
在沒有 “官方” 的周邊產品時，一位設計師把設計原則作為自己的筆記本電腦桌面背景，這也是一個很好的理解設計原則的方法。
帶有壁紙的筆記本電腦，壁紙上寫著設計原則：相關的、人性化的、統(tǒng)一的。
我們推出了這些設計原則后，有什么變化呢？
1. 新的設計原則更容易被大家記住和應用
現(xiàn)在，大多數設計師都意識到了 Spotify 有設計原則。根據我們的設計行動小組最近的一項調查表明，設計師們已經了解了 “相關性、人性化和統(tǒng)一性” 的設計原則，并且在設計過程中，設計師們也會考慮這些原則。這表明新的設計原則與我們之前的六項原則（內容優(yōu)先、盡量活潑、建立熟悉感、爭取事半功倍、保持真實、恰如其分）相比，更適用且更容易被記住，也更容易在實踐中應用。
2. 為設計評審建立了統(tǒng)一的標準
設計師有時在設計評審時會參考這些原則，但在這方面還有有待改進。在評審期間，設計師仍然需要有意識的參考設計原則。隨著時間的推移，我們希望這成為設計師的本能反應。
我們開始制定新的設計原則時，目的是幫助設計師提升設計質量。那么我們的新設計原則是否使設計質量有所提升呢？現(xiàn)在說還為時過早。但我們希望 “相關性、人性化和統(tǒng)一性” 可以傳達出 Spotify 的產品目標，這些原則能夠不斷提醒我們做得更好。
設計原則不應該是一成不變的，設計原則需要根據我們的產品目標的不斷發(fā)展進行優(yōu)化更新，不斷適應新的設計環(huán)境和設計對象，以持續(xù)保持高質量的設計輸出。
好的設計原則應該是更容易被大家記住，并在工作實踐中應用的。好的設計原則可以幫助我們在工作中做出正確的設計決策，在設計評審中建立統(tǒng)一的標準。相比設計原則的制定，設計原則的推行也同樣重要，合理的推行方式可以使設計師真正的理解設計原則，并能夠像本能反應一樣在設計實踐中應用。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系。
文章來源：優(yōu)設 作者：騰訊設計
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務