UI設計師怎樣讓圖標通過可用性測試

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

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

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

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

 

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

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

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

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

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

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

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

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

2. 可識性（Recognition）測試

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

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

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

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

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

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

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

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

4. 吸引力（Attractiveness）的測試

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

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

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

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

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