UI設(shè)計(jì)師怎樣讓圖標(biāo)通過可用性測(cè)試

圖標(biāo)的可用性測(cè)試，測(cè)的是什么？

以下有4個(gè)指標(biāo)，用于判斷圖標(biāo)是否可用。

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

以上這些都是關(guān)乎設(shè)計(jì)是否成功的關(guān)鍵方面，在思考如何改進(jìn)一個(gè)圖標(biāo)的時(shí)候，必須分別考慮。

 

如何進(jìn)行圖標(biāo)的可用性測(cè)試？

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

1. 可查找性（Find-ability）測(cè)試

圖標(biāo)需要被展示在完整的真實(shí)界面中。

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

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

測(cè)試中，被訪者需要按任務(wù)點(diǎn)擊圖標(biāo)，你需要計(jì)算被訪者成功找到目標(biāo)圖標(biāo)的操作時(shí)間，首次點(diǎn)擊的正確率。

首次點(diǎn)擊的正確率，指的是用戶第一次點(diǎn)擊即選中目標(biāo)圖標(biāo)的頻率，錯(cuò)誤的選擇暗示著圖標(biāo)之間的差異不夠明顯。

2. 可識(shí)性（Recognition）測(cè)試

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

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

從用戶的描述中，獲得他對(duì)于圖標(biāo)的理解。如果用戶的理解與圖標(biāo)想要表達(dá)的意義不符，就意味著需要重新設(shè)計(jì)圖標(biāo)。

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

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

3. 預(yù)測(cè)性（Information scent）的測(cè)試

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

因此，選擇脫離情境的測(cè)試，詢問用戶當(dāng)他點(diǎn)擊圖標(biāo)后，將會(huì)發(fā)生什么。

4. 吸引力（Attractiveness）的測(cè)試

增加視覺的吸引力，是使用圖標(biāo)的一個(gè)常見原因。

最簡(jiǎn)單的測(cè)試方式：讓用戶給每一個(gè)圖標(biāo)打分，最高分7分，最低分1分.

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

這樣一來(lái)，能夠避免出現(xiàn)如下狀況。你的圖標(biāo)大部分是不錯(cuò)的，但離一套最適合的產(chǎn)品圖標(biāo)方案差一點(diǎn)，因?yàn)槠渲写嬖趥€(gè)別需要修改的圖標(biāo)。

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