2017-2-17 濤濤
想從美工變成真正的設計師，學習設計之上的原則很重要。這篇譯文收集了全球各個最優秀的產品設計原則，讓我們了解這些產品設計背后更高的設計指導原則。
騰訊視頻TVD：在我們進行產品設計的時，總會遇到一些很難決策的地方或者沒有頭緒的時候，例如兩個方案看上去都很不錯，究竟選使用哪個才是對的？在設計時該往哪個方向進行？
在表層設計之外，探索和制定更高層級的產品設計原則應當是需要我們努力的方向，這些設計原則能幫助產品設計保持更高的一致性。
最近我需要為我的產品設定最高層級的原則。我尋找著那些簡單卻有力量的設計準則，那些可以在設計決策時引導我們，和在討論中打破僵局的準則。
首先，對于設計原則，我發現需要先理清一些誤會，在開始前我們先明確一下這個概念。
如果你嘗試google”設計原則“，很可能會得到一些平面設計的基本定理：鄰近、平衡、對比、留白，等等都是些設計師已經熟爛于心的事情。
另一部分你可能還會看到一些科學的設計流程的原則。這些流程可以指導你地產出優秀的設計方案。使用這些設計流程可以為團隊設定一個標準，為新加入的成員可以快速上手。
例如英國政府電子服務的設計原則GOV.UK Design Principles.
1. 從用戶的需求著手。
2. 少做。多考慮可復用性和共享，做政府部門應該做的事。
3. 通過數據來做設計決策。
4. 盡最大的努力讓事情變簡單。
5. 迭代，再迭代。
6. 為所有人設計。
7. 深刻的理解用戶的使用場景。
8. 創建電子服務，而不是網站。
9. 保持一致，但不是死板的一成不變。
10. 保持開放，與全世界分享我們的代碼、設計、想法，這樣才會越來越好。
這十條準則看上去很合理，但我認為這已經是業界的基本標準，誰不是通過數據、理解用戶場景才設計呢。我相信如果你要為自己的團隊設定設計原則，你應該找到那些可以幫助團隊走得更遠、更有挑戰性的原則。
有些團隊會把他們的設計原則寫在網上，我有時候會看到諸如”人性化“”樂意溝通“這樣的話。我深信這樣的話完全不值得作為準則掛在墻上，除非你團隊里充滿了垃圾設計師，從一開始你就不應該雇傭這樣的人。
所以，我想找的是產品設計的準則。英國政府的設計原則至少有一條是我認為好的：
無障礙設計是好的。所有我們創造的產品都應該是盡可能清晰、易讀。如果我們需要為此犧牲優雅，那就犧牲吧，我們是為了滿足需求而設計，不是要設計出擺在那里的花瓶。我們為全國的人設計，而不是為某一個人。那些最需要我們服務的人，通常都是覺得我們服務最難用的人。讓我們一開始就考慮到他們，為他們設計。
產品的設計原則應該可以告訴你的團隊和參與者在艱難決策時應該往哪個方向走。他應該關注在如果讓你的產品與競爭對手區別開，你的用戶在其中應該感受到什么樣的體驗。
你肯定聽說過蘋果的人機界面原則和google的material design。系統背后的設計原則是想要盡可能的把平臺里的產品統一為一種體驗。
如果你的產品存在于不同的平臺，你就應該考慮設立一個設計系統或設計原則。因為你既需要讓自己的產品與競爭對手的區分開，又需要在不同的平臺系統內符合他們的設計原則。
這會導致同一個問題：一些團隊會設定一些顯而易見的設計原則：清晰、簡潔、可用。但缺少這些你根本不可能創造出一個好產品，這已經是最最最基本的了。
好的設計原則
是指能指導偉大設計的一系列規則
設計流程的準則
是指解釋如何創造偉大產品的流程步驟的準則
為產品而定的設計原則
產品應該帶給用戶什么感覺，帶來什么情緒，如何和競爭產品區別開
系統的設計原則
為你的產品在不同環境不同平臺體驗保持一致的原則。
有很好的設計原則并不代表著你的產品也可以笑到最后。顯然，好的產品需要在所有層面上優秀的執行，而設計準則只是其中很小的一部分，他能幫助你在有分歧的時候打破僵局，節省時間，讓團隊有一致的目標。
什么才是好的原則？
我收集了一些我覺得好的設計原則。這里面不會包括基本的平面設計原理或設計流程，但我把設計系統的準則也加在里面了，因為它與產品的設計原則有重合的地方。
統一的
每一個部分都是為更好的整體提供積極的貢獻。不應該有分離或局外的功能。
全球化的
Airbnb是一個會被全球用戶使用的產品。我們的產品和視覺語言對全球用戶都要是友好的和可用的。
清晰聚焦的
當我們呈現設計和功能時，都應該是十分聚焦的。圍繞聚焦的內容，我們的設計應該清晰和大膽的傳達給用戶。
口語化的
我們的產品與用戶溝通時，應該與現實生活一樣，輕松易懂。
作為“共同的朋友”
讓用戶在線上盡量減少不確定的內容、可以方便設定好自己的期望，從而更好的匹配用戶需要的結果，真實生活中的線下體驗才會很棒。我們產品是為了房東、租客可以更好的互相認識而設計的。我們還會不斷了解你的需求，通過好的產品設計，持續為用戶創造更好的新體驗。我們為用戶互相認識搭好舞臺，互相介紹，然后就離開，把空間留給用戶。就像好朋友的角色一樣，當你需要我的時候，我就在你身邊。
為第一印象而設計
盡管airbnb在用戶下訂單的時候需要一些信息，但并不需要所有事情都開誠布公。所以我們需要客人告訴我們他是誰，但具體他是什么樣的人，由客人決定吧。
互相信任需要努力
就和現實生活中一樣，你在airbnb里投入什么，就會收獲到什么。airbnb里的信任是相互共享的。我們發現租客對房東越真誠，房東也會更愿意信任租客。
（譯者補充：剛好前陣子使用airbnb在美國租房子，在向房東提出申請的時候可以寫一封信介紹自己，寫得越詳細和真誠，房東的通過率越高，畢竟房東要拿出自己的房子給你住，總不愿意雜七雜八的人糟蹋自己的房子，所以大部分房東挑選房客都很謹慎。當你住宿完離開后，可以互相打評價，你覺得房東的房子有什么優缺點都可以寫到評論里作為下一個房客的依據。如果你很愛護房東的房子，他也會對你寫出很好的評價。下次你再向別的房東提出申請時，就像有推薦信一樣，更容易通過。所以這是個互相信任的過程。）
全球化的
我們的使命是讓全世界更加開放，這意味著我們的產品要觸達世界每一個角落、每一個人。我們要為每一個人、每一種文化、每一種語言、每個生命階段而設計。這就是為什么我們的產品總是做90%用戶的功能，而不做少數人的功能，即使這樣意味著我們短期內可能后退一點。
以人為中心
用戶使用我們產品是因為這里有他的朋友和他附近的人。 “你在乎的人都在這里“就是我們產品的核心價值。這就是為什么人的臉龐、人們發的消息比一切視覺設計都重要。
干凈的
我們的視覺設計干凈而素雅，就是為了給用戶提供一個干凈的畫布呈現他們的生活。一個極簡的、明亮的空間可以讓參與者真誠的交流。干凈并不是視覺設計最容易的方法。相反的，因為想極力減少視覺樣式，邊緣的距離、字體的比例，顏色的設計都變得尤其重要。
始終如一的
擁抱可重復使用的控件樣式。我們認識到當使用一致的交互控件后，可用性會大大提高，因為不需要重復的學習。我們保持用同一種聲音和用戶說話，建立信任。盡量做減法、重復的使用，不要什么都重新設計。
實際有用的
我們的產品不像娛樂類的產品，它會被每天重復使用，需要有效率的為用戶提供價值。這就是為什么我們用戶每天最主要的交互方式就是時間流，為用戶大大節省了要沒必要的點擊和空間的浪費。
快速
我們珍惜用戶的時間比自己的更甚。我們認識到更快速的體驗可以讓人感覺更有效率和不費勁。網站性能不是用戶應該關心和注意到的。我們的網站應該盡我們所能的快。
透明
用戶把信任交給我們，他們的身份、照片、想法、對話都因為信任而交給了我們。我們要以的誠實和透明作為回報。對于現在發生了什么，為什么會這樣，我們都要對用戶如實告知。
整體的美學
整體的美學是指一個app應該從外觀、行為與它的功能保持高度的一致性。例如，如果一個app要幫助用戶完成一個嚴肅的任務，圖形的設計就應該更微妙而不張揚，使用標準的控件，這樣用戶可以很輕松的預測操作后的反饋。如果一個app是沉浸式的如游戲，就應該有一個抓人眼球的外觀，提供有趣、激動人心、鼓勵發現的體驗。
保持一致
通過使用系統提供的界面元素、大家熟知的icon、標準的文字樣式、統一的術語來可以使App保持一致。app所包含的功能和行為，都應該與用戶期待的所一致。
直接的操作感
對屏幕內容的直接操作，使用戶有參與感和容易理解。當旋轉設備或使用手勢來控制屏幕上的內容時，用戶應該直接體驗到他操作后十分迅速的結果呈現。
反饋
用戶行為后的及時反饋可以讓用戶馬上知道操作的結果。iOS的原生app對所有的用戶行為都提供了容易感知的反饋。交互的元素在點擊后會有高亮的點擊態，進程的指示器會在稍長時間的運行時提供狀態告知，動效和聲音的提示也可以幫助告知當前行動的結果。
隱喻
當app中虛擬物體的行為與現實生活中相似時，人們會學習得更快。iOS的隱喻使用得很棒的原因是人們真的在與屏幕交互。你可以拖動視圖來展示內容的底部。你也可以拖拽或掃動內容。你還可以打開切換按鍵，移動滑塊，滾動選擇器的數值。你甚至還可以對書籍和雜志進行翻頁的操作。
用戶的操控感
在iOS里，人才是控制者，而不是app。app可以在遇到危險結果時提出建議的操作，但如果app自作主張的幫用戶做決定就一定是錯的。好的app能在糾錯和讓用戶有操控感之間找到完美平衡點。好的app能通過熟悉的交互元素、再次確認、容易取消之前的操作等來讓用戶覺得他們正在控制大局。
實體感是一種隱喻
通過構建科學合理化的空間和系統的動效，形成了實體感的隱喻。由于在研究紙和墨水的時候受到啟發，實體感的營造靈感來源于可觸摸的實體，實體感的技術上很先進且充滿想象和魔力。
界面元素的表面和邊緣提供了基于現實的視覺暗示，熟悉的觸感讓用戶可以快速地明白其功能可見性。界面元素的靈活變化甚至創造了超越物理世界的新的功能可見性，但又不會脫離客觀的物理規律。
光線、界面、運動是傳達物體在移動、交互和空間中相互關系的基礎。真實的光線會展現出兩個面之間交接線，劃分的空間以及移動的部分。
大膽，生動，有意為之
基于印刷設計的基本元素-字體、柵格、空間、比例、顏色、圖像的使用-是我們視覺處理的基礎。這些元素的作用遠遠不止養眼。他們創造了層次關系，意義和焦點。通過顏色選擇、圖像、大比例的字體，和有意的留白可以創造出一個讓用戶沉浸體驗的大膽的、圖形化的界面。
我們要為用戶突出當前的核心功能操作以及路徑的關鍵節點。
動效提供意義
用戶才是操作后動效的原動力。因為用戶的行為才有了動效，這會改變整個設計。
所有動作都在同一個環境里產生。呈現給用戶的物體即使在變形或重新組織時，也不應該打斷整個體驗的連續性。
為了讓用戶更好的聚焦和維持連續性，動效要富有意義和適宜的。反饋要微妙細膩且清晰。轉變要連貫。
保持簡單
我們把簡潔作為統一的終極武器。當設計是直觀的時候，我們都能感覺到。結果就會是一個真誠和永不過時的體驗。
個性化
下一步，我們希望能與每個個體都創造情感的聯系。我們為每一個人的真實生活、想法和行動而設計，結果就會感受到像是為每一個人設計。
更加全球化的思考
擁抱更人性化的設計。這遠遠不只是造物，而是讓生活更加美好。這樣技術就非常有包容性。
創造愉快
我們最后的準則是關于設計所體現出的能量。你如何感受到這個體驗是由一個真實的人設計出來的。結果就會是讓人驚喜的體驗。
帶有引導性的而不是什么都讓用戶選擇
這個準則主要應用于當我們設計medium的輸入編輯器時。我們有意的引導特定編排、字體和顏色選擇，是因為我們希望用戶把焦點放在寫作上，而不是被太多選擇所分散注意力。
合適比一致性重要
這個似乎很有爭議性，但當應用到不同的設備平臺時，理由就很充分了。我們愿意為了操作系統、平臺等環境的原因，打破一致性。
不斷進化的，而不是定稿不變的
這體現在Medium的草稿、給予段落的評論或贊，和留下備注的功能。在Medium上的內容不應該是脆弱的，應該隨著使用不斷提高和進化。我們并不想把互聯網的Medium設計成像打印出來的一成不變的書。
照顧你
Firefox就是你的捍衛者-你的安全、隱私和上網的質量。我們對你的時間、數據和注意力十分的尊重，因此我們會為你做出明智的選擇。
用戶才是最高權威，默認就是隱私，不要搞驚喜，具有操作性的建議。
你的參與才能使產品更好
Firefox是為了擁有最好的用戶體驗而設計，但只有當它成為你的個人化產品后才會完美。
在我們的社區里需要你的聲音，讓人們從智能的默認選項開始，隱形和顯性的定制化。
邀請用戶參與進來。
一起才好玩
Firefox的產品是那種你不是因為他的默認設置有多好才選擇的產品。Firefox絕不會把你綁定在任何特定的服務或供應商。相反的，它給你足夠的選擇權和獨立權（會提供很好的建議），讓你擁有最好的體驗。
用戶的控制權和選擇權，可以簡單的使用你所選的服務，提供在web所能得到最好的服務。
熱情洋溢
其他的瀏覽器可能追求極簡和平實，光亮或非個人化。Firefox會更人性化、有趣、異想天開的和快樂。我們都喜愛web，Firefox也不例外。
讓用戶覺得與它溝通的就是一個真實的人，有趣的工具會更容易使用
Firefox是由非常關注細節的人創造的。一個漂亮的app在使用的過程會感覺到容易和清晰。這只有在不斷打磨和對細節的關注中達到。
不同平臺里外觀的延續性
全球化的
Firefox是由來自世界各地的人設計和使用的。針對不同地域的設計，不僅僅是翻譯過來。因為我們知道除了特定的一些需求是全世界都一致的以外， 全球各地的需求是會存在差異的，而Firefox非常在意這些差異。
全球化意味著本土化、本土化、本土化
平衡的力量與簡潔
Firefox的設計簡單和容易使用，干凈直接。但簡潔是一個方法，并不是結果。結果是容易理解。
80/20/2:默認是最簡潔的界面，但需要的時候，很容易可以自己定制。
不一味追求簡潔，而是追求用戶容易理解
讓網頁在情理之中
網頁是大而復雜的。Firefox會從幫助用戶聚焦在真實的人類目標和活動，用工具幫助你完成所需要的任務。
聚焦在人的任務和環境，提供任務所需的工具，到達網頁和你想要內容的快捷入口。
不要用專業術語，說人話
高性能
速度仍然是評估一個瀏覽器好壞的最重要因素。除了技術上的性能，用戶是否感覺響應快速也是非常重要。
性能是客觀的，但是否響應迅速是主觀的。
探索、嘗試、購買
主動的找到目標用戶。給用戶展現實際的產品和服務，不要光用嘴巴說。把用戶從“嘗試”無縫連接到“購買”
發現
一個最完美的發現體驗是，用戶以為是自己找到這個答案的。
嘗試
嘗試一個產品就應該和試駕一輛新車那樣有趣愉快。
購買
一個軟件類的產品或數碼的服務應該就和購買咖啡一樣簡單直接。產品功能的使用的步驟和細節都應該非常明顯。要給用戶一種購買完就非常興奮的感受。
如何開始
把用戶邀請進來，給他們展示產品可以完成什么事情。最初的體驗會留下第一印象。
人們在接觸到新鮮事物是，會很快的形成一些看法，尤其是在那些會影響他們生活的東西。
通過用戶操作與他個人化相關的任務來展示產品。量身定制的為每個用戶講解那些產品改變他們生活的驚喜時刻點。永遠不要低估一些小細節。當你給以為他們節省時間、免去麻煩、甚至是節省桌面的空間時，用戶都會馬上感覺到喜悅。
第一次的使用一定要在個人或商業價值被展完整的示和傳達出來后，才算結束。
每天使用
用戶應該在每次使用你的產品時，都感覺到獨特的價值。
無論是每天還是一年一次，用戶都應該感覺到控制感，可以隨時從上次他結束的地方重新開始。用戶應該第一時間就明白你產品的用處。系統也應該清楚的給用戶傳達出他該期待什么、可操作什么和得到什么。
讓用戶明白如何達到自己的目標
允許用戶按照自己的需求個性化產品
為錯誤的發生創造一個寬容的環境，即使錯了也可以輕松回退
隨時為用戶準備好正確的操作和工具，鼓勵用戶的積極性
當用戶完成任務時，給他一個大大的鼓勵，讓用戶為自己驕傲。
管理和升級
在每天使用產品時，保養和收取升級應該盡可能的優雅和可預見。
管理
管理容易的產品才會被經常使用。用戶只有在不用老擔心怎么管理的時候才會是一個開心的用戶。無論是對為整個組織負責的管理員還是終端普通用戶，都要盡可能的把管理任務設計好。無論對于哪個用戶群，都會是“不要拿管理來煩我”的態度。
升級
升級的過程盡可能不要打擾用戶和減少用戶的參與。當有一些重要的用戶體驗改變了的時候，不要讓用戶去猜什么是新的或猜移除了哪些功能。要明確的告訴用戶發生了什么改變，和這對他而言有什么影響。
獲得幫助
以用戶希望的方式來幫助用戶。告訴他們更多的知識和鼓勵他們的分享。
“幫助”體驗由始至終都會貫穿。幫助應該是積極主動的、愉快的，和有多種形式的。
當用戶需要幫助，要為用戶找到最容易解決的辦法。要了解用戶的使用習慣和教用戶它最順手的解決辦法。
通過貼心的交互方式，引導用戶在邊操作的過程中邊學習，知道下次自己該怎么操作、掌握成功的技能。要盡可能的幫用戶避免錯誤。當你的產品或服務不可用或者壞了的時候，要明確告訴用戶狀態且在什么時候服務才會恢復。要找到最好的通知用戶的方式。
幫助的體驗應該讓用戶感覺到自己學到東西并且知識淵博。鼓勵用戶成為專家。對你的目標用戶使用平實的語言。給他們反饋和分享學習成果的機會。用戶通常會更愿意從同輩人中聽取建議，所以社區的學習也是值得推行的。
為探索者而設計
讓用戶感到愉快和驚喜
贏得信任
符合品牌價值
賺錢
展示我們最好的一面
通過相關性組織頁面
尊重速度的需求
給足夠的并提供更多
提供無縫的體驗
BBC的全球體驗語言
全球化的
我們必須通過簡單、有用、直覺的界面來傳達的清晰的信息。我們的服務是開放和容易獲得的。
引人入勝的
我們廣播的聲音從嚴肅、官方的到詼諧幽默的。我們可靠、有價值、溫暖人心和有人情味。我們是通過引人入勝的故事讓觀眾著迷。
可靠的
我們非常重視用戶給予的信任和親近。我們通過微妙的延續以往BBC標志性的設計來延續這種感覺。
先驅的
我們會做創新的先鋒，以此給用戶愉悅和驚喜。我們會帶著觀眾一起享受新鮮的探索。
當下的
我們管理著英國的時間線，除了反映當下發生的，還提供過往相關的上下文。
獨特的
我們不只是按照當下的設計趨勢去做，我們會看到未來的趨勢。在中規中矩符合潮流和新探索中取得平衡。
聯合的
我們的所有服務和平臺都是相互連接的。我們提供內在和外在都相連的體驗路徑。
本土化與全球化
我們在全球化的同時，也非常重視本土化。我們的信息是可擴展和本土化的。
現代英國的
我們的服務已經是英國民眾日常生活必不可少的一部分了。它必須擁抱現代的英國設計審美，我們的形象應該是生機勃勃甚至有點小古怪的。
最好的
最后但是同樣重要的，質量第一。
清晰易懂的
直覺的，不需要學習的
不需要解釋就能明白怎么操作
讓用戶覺得自己很厲害
不要有讓你覺得不信任或不舒服的東西。系統給你提供了正確的控件和接下來的做什么的選項。
讓內容更出彩
界面的框架是完全無縫且隱藏的。在你不需要的時候根本不用注意到。由用戶決定要使用什么，我們不會強迫用戶。
生機勃勃的
多彩
人物性格大膽出挑
視覺上響應很快的
交互體驗模擬物理世界的
意料之外
體驗是好玩有趣的，但絕不會壓倒一切。
牢不可破的
為了探索而設計，就像小孩的玩具，你會想要玩弄它各種嘗試看看會發生什么。越多的探索，就越快學會且得到越多。
幾乎不可能會按錯，所有的設計都為了幫助你容易找到想要的內容。
可逆轉的，如果萬一你真的操作錯了什么，改正過來會非常簡單。
打好基礎
清晰的選擇和上下文
建立信心
一如既往和透明
獨特
可擁有且愉悅的
個性化的推薦和體驗
當我們想地方吃飯、喝東西、購物時，沒理由給每個人都推薦相同的內容。在2006年的時候給所有人都相同的列表推薦可能是可以接受的，但現在看就太過時了。各人的品味都不相同，為何我們要看到相同的結果？
持續的數據收集并在情境中使用
我們的手機應該越來越了解我們的口味、社交關系和偏好。這樣可以幫助我們更好的探索周圍的世界。例如你喜歡復古風格的衣服，就應該告訴你附近有一個很好的小店。如果你來到一個新城市，就應該告訴你你的朋友Katy推薦了當地的一個小餐廳。如果你特別愛吃辣，就應該在你坐下點菜的時候給出合適的建議。
好玩的視覺語言
應該在城市探索的過程中設計好玩、輕松、娛樂的視覺體驗：例如大膽的icon設計，明亮純度高的顏色，結合超級英雄的地圖中的定位錨點logo等。
讓用戶可以聚焦在自己的工作上免除干擾
用戶的精力應該由自己控制，只有與個人密切相關的改變時才打擾用戶。
通過清晰明確來增加信心
在應用里，團隊中，正在發生什么和為什么發生都應該毫不含糊。
從人際技巧中獲得的產出和情感的滿足
當用戶感覺與同伴可以相互依賴、各司其事、往同一個目標努力時，會感覺自己是團隊的一部分。
為了更快、不費力和有目的的交互而設計
簡單和日常的任務應該毫無障礙和顯而易見的。復雜的任務應該感覺到和愉快。但不能因為速度快而耽誤準確度。
通過一步一步探索讓每個人都越來越厲害
使用Asana的人，無論是否有經驗、使用多少功能，都應該感覺到掌控感，清楚怎么使用。
保持統一和標準，但在值得的時候創新
用戶應該感覺到Asana很熟悉但也很現代。
原文地址：medium.muz.li
藍藍設計( m.73404.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務