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

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

音頻、視頻

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

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

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

?產(chǎn)品的一致性

產(chǎn)品規(guī)則不會出乎意料地改變。

一致性是實(shí)現(xiàn)清晰簡潔的功能設(shè)計(jì)的關(guān)鍵之一，它讓我們周圍的世界變得更容易理解，從而使得我們的生活變得簡單。蘋果公司的設(shè)計(jì)師曾經(jīng)說過，‘當(dāng)事物表現(xiàn)不同時(shí)，應(yīng)該保持視覺上的不一致；而當(dāng)事物表現(xiàn)相同時(shí)，應(yīng)該保持視覺上的一致性。’

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

保持事物的單一性

既想要保持用詞的標(biāo)準(zhǔn)性，也要為用戶提供簡單直接的選擇。比如，選擇性別時(shí)：

• 男；
• 女；

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

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

菜單分類清晰、明確

用標(biāo)準(zhǔn)化提升一致性

使用標(biāo)準(zhǔn)化的設(shè)計(jì)可以為用戶的使用保駕護(hù)航，比如，做一款安卓應(yīng)用要符合Google的相關(guān)規(guī)范，同樣，iOS也有著自己的設(shè)計(jì)規(guī)范。標(biāo)準(zhǔn)化的關(guān)鍵不是阻礙創(chuàng)新，而是讓解決方案清晰可見。

在設(shè)計(jì)不同客戶端產(chǎn)品時(shí)，我們要確保熟練掌握其設(shè)計(jì)規(guī)范，這樣才能設(shè)計(jì)出符合用戶使用習(xí)慣的產(chǎn)品。

一個按鈕，一個功能

多按鈕的遙控器

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

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

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

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

一個圖標(biāo)，一個功能

與按鈕密切相關(guān)的是圖標(biāo)的操作。例如，谷歌備受歡迎的Gmail應(yīng)用程序曾經(jīng)是出了名地愛重復(fù)使用圖標(biāo)。畢竟，設(shè)置圖標(biāo)是為了對隱藏在圖標(biāo)背后的功能提供快速的認(rèn)知提示。

當(dāng)然，并不是只有谷歌這么做。Windows產(chǎn)品，也同樣也有重用圖標(biāo)的案例。

由此看來，盡管經(jīng)過多年的研究和消費(fèi)者投訴，就連那些大企業(yè)都還沒有真正接受“一個圖標(biāo)，一個功能”的最佳實(shí)踐理念。

不同的圖標(biāo)提供不同的功能，這樣才能讓用戶對我們的產(chǎn)品不產(chǎn)生疑慮。

網(wǎng)易云音樂，細(xì)致的圖標(biāo)

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

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

產(chǎn)品的可預(yù)見性

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

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

一致性與可預(yù)見性

讓用戶知道該期待什么

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

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

當(dāng)用戶觸發(fā)一個操作后，適當(dāng)?shù)奶崾究梢詾橛脩艚㈩A(yù)期。

倒計(jì)時(shí)跳轉(zhuǎn)頁面提示，給予用戶期待

品牌、客戶滿意度和預(yù)期

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

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

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

讓用戶知道有多少步驟

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

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

展示出過程的步驟

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

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

為確保我們的產(chǎn)品具備可預(yù)見性，我們可以嘗試如下方法：

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

相關(guān)閱讀

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)之易用性

作者：流年，互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)師，4年互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)。

本文由 @流年 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議