經驗告訴我們，如果你真的需要一個圖標，最好使用類似微軟、蘋果或谷歌的設計。人們通過網站或應用程序學習東西，也期望能把這些知識應用到其他網站和應用程序中。不要設計太有創意的圖標。雖然它們很漂亮，但設計成本很高。真正有創意的圖標一般只有被點擊才有意義，否則做得再好看也沒有用。產品中任何東西的理念都是它可以做什么，而不是它看起來怎么樣。

QQ的圖標也會加入鼠標移入顯示文字，這樣做讓用戶更容易理解圖標的含義

音頻、視頻

帶寬增大、格式標準化的統一和易于使用的第三方服務的出現，使得人們可以將真正的多媒體內容快速地添加到網站和應用中。視頻與音頻的出現增加了用戶交互的趣味性，人們可以通過聽和看視頻更快速的獲取想要得到的資源。視頻和音頻往往都會是比較好的共同參照。

為保證我們的產品能夠讓用戶易于理解，我們要做到以下幾點：

1. 說明、幫助文案要精確而全面。
2. 不要使用讓用戶可能難以理解的縮寫、官話或生僻詞匯。
3. 使用正確建立共同參照的圖片。
4. 要讓所有用戶都能理解網頁內容或者線下流程。
5. 使圖標包含描述性文字，包括alt屬性（當鼠標懸停在一個詞或圖像上，就會自動彈出一個小黃框）。
6. 從視覺設計的角度來創建成熟的共同參照。
7. 可視化描述內容不要誤導用戶。

?產品的一致性

產品規則不會出乎意料地改變。

一致性是實現清晰簡潔的功能設計的關鍵之一，它讓我們周圍的世界變得更容易理解，從而使得我們的生活變得簡單。蘋果公司的設計師曾經說過，‘當事物表現不同時，應該保持視覺上的不一致；而當事物表現相同時，應該保持視覺上的一致性?！?/p>

例如，如果你一直把“提交”作為按鈕標簽，就不要突然將它改為“發送”和“接受”，以免大家疑惑。不要只是出于創意而混用術語。一旦建立了自己的語言習慣，就要堅持使用，特別是在有關表單和對話框的地方。

保持事物的單一性

既想要保持用詞的標準性，也要為用戶提供簡單直接的選擇。比如，選擇性別時：

• 男；
• 女；

這是一個單一列表，其中所有的詞語（把這些想象成網站上的菜單標簽）都有明確的區別，沒有任何重復，用戶也可以輕易的做出選擇。如果換成下面的情況，你會怎么選？

• 男；
• 女；
• 未成年人；

菜單分類清晰、明確

用標準化提升一致性

使用標準化的設計可以為用戶的使用保駕護航，比如，做一款安卓應用要符合Google的相關規范，同樣，iOS也有著自己的設計規范。標準化的關鍵不是阻礙創新，而是讓解決方案清晰可見。

在設計不同客戶端產品時，我們要確保熟練掌握其設計規范，這樣才能設計出符合用戶使用習慣的產品。

一個按鈕，一個功能

多按鈕的遙控器

我們都見到過讓人討厭的遙控器，面板上有很多個按鈕。盡管這個東西有很多其他的可用性問題，但至少它沒有多功能按鈕。如果你希望一個按鈕有多種功能，那基本上就是在自討苦吃。人們總是不理解為什么一個應用程序或一個網站突然就切入到“不同的模式”里了。

例如，我可以使用遙控器上的菜單按鈕來激活或關閉電視屏幕上的菜單。這很好。但是在菜單鍵周圍還有四個光標按鈕用于導航。左箭頭按鈕為后退功能，而在菜單關閉的情況下，它可以快速瀏覽12個不同的屏幕高寬比（寬屏，電影擴展16∶9，字幕變焦，等等）。如果我同時按下左箭頭和右箭頭，就會看到設置菜單，但它不同于按下菜單鍵時看到的菜單?？傊?，多功能按鈕可以說是非常糟糕的。

蘋果公司在消除多功能按鈕和避免多用途方面做得十分出色。iPhone只有一個按鈕，并且它只做一件事情：返回手機主屏幕。其他所有的操作都通過觸摸屏上的“軟”按鈕完成。蘋果鼠標也只有一個按鈕。也就是說，如果你按住蘋果鼠標一兩秒鐘，就會看到另一個菜單，就像PC上的鼠標右鍵。這是一個折中的方法，但它能正常工作并且易于操作。

當然，一鍵并不總是更為簡單。多按鈕也不總是壞事，只要它們能夠合理分組，表明按鈕的相關功能，并且不會在不同的時間代表不同的功能。

一個圖標，一個功能

與按鈕密切相關的是圖標的操作。例如，谷歌備受歡迎的Gmail應用程序曾經是出了名地愛重復使用圖標。畢竟，設置圖標是為了對隱藏在圖標背后的功能提供快速的認知提示。

當然，并不是只有谷歌這么做。Windows產品，也同樣也有重用圖標的案例。

由此看來，盡管經過多年的研究和消費者投訴，就連那些大企業都還沒有真正接受“一個圖標，一個功能”的最佳實踐理念。

不同的圖標提供不同的功能，這樣才能讓用戶對我們的產品不產生疑慮。

網易云音樂，細致的圖標

讓我們的產品具備一致性是極其重要的，我們要做到以下幾點：

1. 設計中不要存在看起來相同，但實際操作不相同的東西。
2. 設計中不要存在看起來不同，但操作相同的東西。
3. 不要為了創新而犧牲了對象或功能的一致性。
4. 不要重復利用圖標來實現不同的功能。
5. 嘗試在你的產品或服務中增加功能的一致性，也可采用他人開發的最佳實踐。
6. 使用顏色和物理分組對按鈕和其他控件進行分類，讓用戶馬上明白它們是有關聯的。

產品的可預見性

讓用戶清楚地知道下一步會發生什么。

一致性與可預見性的一個顯著區別是：一致性意味著某些東西每次都做相同的事情，可預見性意味著它會做你期望它做的事情。舉一個簡單的例子，花瓣網上每一個素材都有收藏的圖標，這是一致性。用戶點擊圖標意味著收藏了該素材，這是可預見性。

一致性與可預見性

讓用戶知道該期待什么

可預見性意味著某樣事物會做你希望它做的事情。知道該期待什么的關鍵在于，在交互活動真正發生之前設置預期。

我敢打賭，在去一個餐廳之前你一定會通過‘大眾點評’查看評論，來了解商戶是否值得信賴。在購買圖書（或其它商品）之前，你也一定會在評論區查看該書的評價。

當用戶觸發一個操作后，適當的提示可以為用戶建立預期。

倒計時跳轉頁面提示，給予用戶期待

品牌、客戶滿意度和預期

從營銷意義上說，品牌也與設定預期有關。其中一個關鍵部分就是對產品或服務進行市場定位。例如，我們認為沃爾沃是安全型汽車，捷豹是舒適的運動型汽車，雪佛蘭是實用性汽車。

客戶滿意度和預期是緊密相關的。例如，國外的調查顯示，并不因良好服務而著稱且不涉人情的折扣商店沃爾瑪，得到的客戶滿意度要高于以服務自詡的諾德斯特姆。為什么呢？因為沒有人真正期望會從沃爾瑪得到良好的服務，所以工作人員做任何一件讓購物者更方便的小事都會令人印象深刻。但人們對諾德斯特姆的服務預期已相當高，所以他們需要更努力才能為客戶留下深刻的印象。這等同于商業中的位高則任重。

所以，我們從中學到的是，如果人們不抱有期望，那就幫助他們建立期望；如果他們懷有期望，你超出期望越多，那么人們就會感受到更好的可用性。也就是，要做到超出用戶的預期。

讓用戶知道有多少步驟

多次點擊并不一定會使產品變糟糕，只要用戶認為每次點擊會使他們更接近目標，就會多次點擊。因此，我們最可能預見的往往是那些提前告訴人們要點擊多少次的過程。

如果有多步過程，請確保用文字或圖片明示出來。

展示出過程的步驟

把東西放在用戶期待看到的地方

讓東西可見意味著把它們放在它們應該出現的地方。說到可預見性，將東西放在人們期望找到的地方也很重要。例如，在現實世界中，我希望電燈開關緊挨著門，希望在廚房里找到鍋碗瓢盆。簡而言之，用戶希望所有東西就在需要用到的地方附近，并以合理的方式進行分組。

為確保我們的產品具備可預見性，我們可以嘗試如下方法：

1. 幫助用戶利用過去的經驗。
2. 讓用戶知曉應該提前知道的事情。
3. 提前告訴用戶有幾個步驟。
4. 提供某種可見狀態表明產品的不可用狀態。
5. 在產品的使用過程中確保符合用戶的預期。

相關閱讀

互聯網產品設計之易用性

作者：流年，互聯網產品設計師，4年互聯網產品設計經驗。

本文由 @流年 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自PEXELS，基于CC0協議