偉大產品背後的設計原則
簡評:設計原則要結合產品、企業文化、以及願景,本文和大家分享一下世界上頂級產品背後的設計原則。
以下我代表原作者。
最近,我正在編寫產品的設計原則。我在尋求一些簡單而直接的概念,以指導團隊的設計決策。我先環顧四周,參考現有的那些偉大的產品是什麼樣的設計原則。
我先參考了 GOV.UK Design Principles,英國政府數字服務的設計原則,文章不長,強烈建議點擊看一下。
要記得,產品服務於人。服務於每個人:
所以你要考慮無障礙設計,儘可能的包容、清晰易懂。為此,哪怕犧牲優雅也在所不惜。先考慮滿足需求,其次才是表象,我們為整個國家的人做設計,而不僅僅為那些習慣使用互聯網的人。最需要我們服務的人恰恰是那些離互聯網很遠的人,從設計之初,就要想到那些人。
產品設計原則應該能夠給我們提供理論指導,幫助我們做出取捨。
在設計的時候我們要注意到四點:
- Principles of good design 定義偉大設計的規則範圍。
- Principles for the design process 解釋了創造優質產品的流程
- Design principles for the products 產品應該如何感受,它會帶來什麼樣的情緒,與別人有什麼不同。
- Design principle for the systems 在不同的情況下統一您的產品體驗。
什麼是優秀的設計原則:
- 簡單
- 有一個實例
- 指導設計決策
- 反映你的品牌
ok,說了這麼多,我們也來看看世界級的偉大產品的設計原則是什麼。
Here we go!
Airbnb
- 統一
- 普適性
- 標誌性
- 對話性(產品更被吸引,更容易理解)
- 友好(最大程度減少不確定性和線上線下的落差感,在線下體驗更有意義)
- 為第一印象而設計
- 努力做到信任
- 普適性
- 人(這是我們產品的核心承諾,你所關心的人都在這)
- 簡潔(視覺風格是乾淨和低調)
- 一致性
- 實用(重視重複使用,有效提供價值)
- 快(重視用戶的時間,更快的體驗,更高效的反饋)
- 透明(用戶把信息交於 Facebook,我們以誠實和透明的方式進行回報)
- 美學的完整性(美觀完整性是指相關信息組織非常合理,與美觀的視覺設計準則一致。例如,一個幫助人們執行嚴肅任務的應用程序可以通過使用微妙,不引人注意的圖形,標準控制項和可預測的行為來保持他們的重點;另一方面,一個沉浸式的應用程序,如遊戲,可以提供一個迷人的外觀,承諾樂趣和興奮,同時鼓勵發現。)
- 一致性
- 直接操縱(旋轉屏幕、手勢可直接操作,行動即所得)
- 反饋(互動元素在點擊時會突出效果,進度傳達運行狀態,動畫和聲音有助於澄清動作結果)
- 用戶控制(iOS 置於人的控制之下,而不是 App)
- 隱喻(合理化空間和運動系統的統一,以現實為基礎)
- 大膽的、圖形化的、有意為之的
- 賦予運動意義
- 保持簡單
- 更私人化
- 普適性
- 創造喜悅
Medium
- 方向勝過選擇(專註於寫作,不因為過多選擇而分心)
- 適當的一致性
- 不斷進化
Firefox Design Values
- 照顧你(用戶主權、隱私、沒驚喜、可行的建議)
- 用戶參與(社區發聲、優質種子用戶)
- 和別人一起玩
- 生機勃勃
- 良心之作
- 全球化
- 專業和簡單的平衡
- 了解網路
- 高用戶性能
IBM UX
- 發現、嘗試、購買(購買就是買軟體和數字服務就該像買一杯咖啡一樣簡單,用戶買完了還會有興奮感)
- 即刻開始(邀請用戶並展示功能,從感受到持久)
- 每天使用
- 管理和升級
- 獲得支持(以用戶想的方式支持用戶)
- 為探索者設計
- 令用戶驚喜和愉悅
- 獲得信任
- 成為品牌
- 創造回憶
- 展示我們最好的一面
- 安關聯性整理頁面
- 重視對速度的需求
- 給予足夠的,同時提供更多
- 無縫體驗
- 普適性
- 強求(做到最好,不論是嚴肅的還是娛樂的)
- 真實
- 勇於嘗試
- 把握趨勢
- 獨特
- 聯動的
- 本地/世界
- 現代英國
- 力求最好
- 明白易懂
- 生動
- 高容錯(探索、清晰、可逆)
Lyft Design Principles
- 盯緊基礎
- 建立信任
- 獨一無二
以上。
原文:Design Principes Behind Great Products
園長:可能我們覺得這些東西都很 easy,洒洒水啦。但事實上,這些簡短的辭彙凝結著公司的願景、責任以及核心原則。就像是樹根一樣。比如 Lyft,後來重新制定這些設計原則,花了 30 萬美金。
日報相關閱讀:
- 設計師的自學手冊(附大量學習資源和工具)
- 設計師自學手冊:配色方案指南
歡迎關注極光日報,每天導讀三篇優質英文文章。
推薦閱讀:
※五本書帶你入門設計
※sMrZhao專題紋身(第 1 期)| 關於手的紋身:手指、手心、手背
※磨鍊你的技能:多學科設計的價值
※就是因為好看才喜歡你啊!