你設計的圖標，能順利通過圖標的可用性測試嗎？

在業務迭代周期內，產品經理和設計師對要做的產品需求和功能點進行需求分析和設計討論的過程中，有時會出現一些拿捏不定的設計細節。比如，試圖推出某個新功能時所設計的圖標，它的應用效果如何？如果你還在頭疼諸如此類的問題，那現在就可以take it easy了，因為你即將擁有一個得力助手——圖標的可用性測試，來幫你排解疑惑。如何擁有呢？還請認真閱讀本期內容。

圖標的可用性測試，測的是什么？

以下有4個指標，用于判斷圖標是否可用。

• 可查找性（Find-ability）：用戶是否能在某頁面上找到該圖標。
• 可識性（Recognition）：用戶是否能夠理解圖標所代表的意思。
• 預測性（Information scent）：用戶能否猜到點擊圖標會發生什么。
• 吸引力（Attractiveness）：圖標是否美觀。

以上這些都是關乎設計是否成功的關鍵方面，在思考如何改進一個圖標的時候，必須分別考慮。

如何進行圖標的可用性測試？

圖標的可用性測試的方法，可以主要分為2個類別：脫離情境的測試（out-of-context testing）和情境之中的測試（in-context testing ）。選擇哪種類別，取決于測試時，圖標是單獨呈現給用戶，還是在真實完整的界面之中呈現給用戶，前者是脫離情境的測試，而后者則是情境之中的測試。

1. 可查找性（Find-ability）測試

圖標需要被展示在完整的真實界面中。

因此，需要采用情境之中的測試，它可以幫助你明確，是否存在多個過于相似的圖標，使得被訪者需要花較長的時間去區分它們；是否圖標被隱藏在相似背景色之中，或者廣告很多的地方，使得被訪者忽視了圖標。

其中，定位所需的時間測試（time-to-locate tests）為最佳方式。

測試中，被訪者需要按任務點擊圖標，你需要計算被訪者成功找到目標圖標的操作時間，首次點擊的正確率。

首次點擊的正確率，指的是用戶第一次點擊即選中目標圖標的頻率，錯誤的選擇暗示著圖標之間的差異不夠明顯。

2. 可識性（Recognition）測試

用戶需要猜出他看到的圖標代表了什么，有什么作用。

因此，選擇脫離情境的測試，它讓圖標在沒有文本標簽，或者其他界面元素的情況下，被單獨展示。

從用戶的描述中，獲得他對于圖標的理解。如果用戶的理解與圖標想要表達的意義不符，就意味著需要重新設計圖標。

不推薦的方式：如果圖標將伴隨著文本（文案）標簽，在測試的時候，給用戶呈現文本標簽，然后讓他在幾種可能的圖標中選擇最能代表標簽意思的圖標。

不推薦的理由：在現實情境中，有的用戶會忽略文字標簽，只看圖標。

3. 預測性（Information scent）的測試

圖標的可用性測試目的，不僅是測出用戶理解出這個圖標的意義，還需要測出用戶推斷這個圖標所代表的功能。

因此，選擇脫離情境的測試，詢問用戶當他點擊圖標后，將會發生什么。

4. 吸引力（Attractiveness）的測試

增加視覺的吸引力，是使用圖標的一個常見原因。

最簡單的測試方式：讓用戶給每一個圖標打分，最高分7分，最低分1分.

如果你對同一個圖標有多套設計方案，可以讓用戶從中選擇一個最有吸引力的圖標，并對喜歡或者不喜歡某個圖標給出原因。接著，讓用戶選擇最喜歡的一套方案和最不喜歡的一套方案。

這樣一來，能夠避免出現如下狀況。你的圖標大部分是不錯的，但離一套最適合的產品圖標方案差一點，因為其中存在個別需要修改的圖標。

作為一篇「科普文」，上面介紹的內容，都是一些通用性的方法，細節沒有照顧得很周到，比如圖標的可識性測試中，可能需要結合目標用戶的文化背景來分析等。在具體項目中，還需要團隊成員發揮主觀能動性。

歡迎關注滴滴創意設計中心：

「可用性測試好文合集」

• 《在可用性測試中，如何做好任務評估模型與計量方式？》
• 《適合小公司！為什么你只需要5個用戶去做可用性測試？》
• 《零基礎也能學！超詳細的可用性測試方法經驗總結》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com