在業(yè)務(wù)迭代周期內(nèi)，產(chǎn)品經(jīng)理和設(shè)計(jì)師對(duì)要做的產(chǎn)品需求和功能點(diǎn)進(jìn)行需求分析和設(shè)計(jì)討論的過程中，有時(shí)會(huì)出現(xiàn)一些拿捏不定的設(shè)計(jì)細(xì)節(jié)。比如，試圖推出某個(gè)新功能時(shí)所設(shè)計(jì)的圖標(biāo)，它的應(yīng)用效果如何？如果你還在頭疼諸如此類的問題，那現(xiàn)在就可以take it easy了，因?yàn)槟慵磳碛幸粋€(gè)得力助手——圖標(biāo)的可用性測(cè)試，來幫你排解疑惑。如何擁有呢？還請(qǐng)認(rèn)真閱讀本期內(nèi)容。

圖標(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)給出原因。接著，讓用戶選擇最喜歡的一套方案和最不喜歡的一套方案。

這樣一來，能夠避免出現(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)用戶的文化背景來分析等。在具體項(xiàng)目中，還需要團(tuán)隊(duì)成員發(fā)揮主觀能動(dòng)性。

歡迎關(guān)注滴滴創(chuàng)意設(shè)計(jì)中心：

「可用性測(cè)試好文合集」

• 《在可用性測(cè)試中，如何做好任務(wù)評(píng)估模型與計(jì)量方式？》
• 《適合小公司！為什么你只需要5個(gè)用戶去做可用性測(cè)試？》
• 《零基礎(chǔ)也能學(xué)！超詳細(xì)的可用性測(cè)試方法經(jīng)驗(yàn)總結(jié)》

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

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com