圖標(biāo)在頁(yè)面設(shè)計(jì)中被廣泛使用，圖標(biāo)設(shè)計(jì)的好不好、圖標(biāo)應(yīng)用效果如何，是設(shè)計(jì)師非常關(guān)心的問題。本文作者提出從發(fā)現(xiàn)性、理解性、預(yù)測(cè)性、吸引力這4個(gè)方面來評(píng)價(jià)圖標(biāo)，也為圖標(biāo)設(shè)計(jì)構(gòu)思提供了一個(gè)方向。

引言

設(shè)計(jì)師經(jīng)常使用圖標(biāo)來節(jié)省頁(yè)面空間、提高用戶識(shí)別速度。隨著像智能手機(jī)、可穿戴設(shè)備等這些小屏設(shè)備越來越流行，圖標(biāo)的使用也更多了。但是，這些圖標(biāo)是否可用?唯一的方法就是對(duì)這些圖標(biāo)進(jìn)行用戶測(cè)試。

如何進(jìn)行圖標(biāo)測(cè)試

不同方法可以解決圖標(biāo)可用性的不同方面，判斷圖標(biāo)是否可用可以從以下4個(gè)量化指標(biāo)來測(cè)量：

1)發(fā)現(xiàn)性：用戶能否發(fā)現(xiàn)頁(yè)面上的圖標(biāo);

2)理解性：用戶能否理解圖標(biāo)的意義;

3)預(yù)測(cè)性：用戶能否猜到圖標(biāo)點(diǎn)擊會(huì)發(fā)生什么;

4)吸引力：圖標(biāo)是否美觀;

以上4個(gè)指標(biāo)都是圖標(biāo)設(shè)計(jì)中起著關(guān)鍵性的作用，但需要獨(dú)立去思考如何來提升。

圖標(biāo)測(cè)試方法

圖標(biāo)評(píng)價(jià)的方法有很多，要根據(jù)評(píng)價(jià)目標(biāo)和所處的設(shè)計(jì)階段來決定測(cè)試方法。圖標(biāo)評(píng)價(jià)方法可以分為2大類：無背景的圖標(biāo)測(cè)試、基于背景的圖標(biāo)測(cè)試，區(qū)別在于圖標(biāo)測(cè)試時(shí)，是否將圖標(biāo)放在頁(yè)面中進(jìn)行用戶測(cè)試。無背景的圖標(biāo)測(cè)試，就是單獨(dú)用圖標(biāo)(測(cè)試素材只有圖標(biāo)，沒有頁(yè)面)進(jìn)行測(cè)試;基于背景的圖標(biāo)測(cè)試，就是圖標(biāo)放在實(shí)際的頁(yè)面中進(jìn)行測(cè)試。

需要注意的是，盡管采用無背景的圖標(biāo)測(cè)試，受測(cè)用戶也必須目標(biāo)用戶，熟悉產(chǎn)品行業(yè)并有相關(guān)背景知識(shí)或概念。

發(fā)現(xiàn)性測(cè)試方法

為了評(píng)估圖標(biāo)的發(fā)現(xiàn)性，需要將圖標(biāo)放在頁(yè)面中實(shí)際位置，基于背景的圖標(biāo)測(cè)試可以用于判斷：多個(gè)相似的圖標(biāo)放在一起是否會(huì)導(dǎo)致用戶找到目標(biāo)圖標(biāo)會(huì)比較困難，或者放在太隱蔽的位置或周邊有很多廣告導(dǎo)致圖標(biāo)被用戶忽視。

查找時(shí)間測(cè)試是用于判斷用戶能不能容易地發(fā)現(xiàn)圖標(biāo)的最好方法，在測(cè)試過程中，受測(cè)用戶需要按任務(wù)點(diǎn)擊圖標(biāo)，計(jì)算受測(cè)用戶成功找到目標(biāo)圖標(biāo)的操作時(shí)間、首次點(diǎn)擊準(zhǔn)確率。

理解性測(cè)試方法

理解性測(cè)試最好進(jìn)行無背景的圖標(biāo)測(cè)試：只向受測(cè)用戶呈現(xiàn)單獨(dú)的圖標(biāo)(而沒有頁(yè)面內(nèi)容)，讓受測(cè)用戶猜測(cè)圖標(biāo)所代表的意義，在某種意義上來說，這種測(cè)試也是洛夏墨跡測(cè)驗(yàn)的一種方式。這個(gè)測(cè)試的目的是保證圖標(biāo)能夠被用戶容易地理解。

從用戶的描述或詞語中來獲得用戶對(duì)圖標(biāo)的理解，如果用戶的理解與圖標(biāo)想要表達(dá)的意義/內(nèi)容不相符合，那就意味著需要重新構(gòu)思圖標(biāo)，重新設(shè)計(jì)圖標(biāo)。

我們知道圖標(biāo)都伴隨著文字標(biāo)題，你可以會(huì)認(rèn)為：先向用戶呈現(xiàn)圖標(biāo)的名稱，再讓用戶從多個(gè)圖標(biāo)方案中選擇一個(gè)與名稱最匹配的一個(gè)圖標(biāo)，這種測(cè)試方式更為合理。但是我們不建議使用這樣的方法測(cè)試，因?yàn)樵谡鎸?shí)使用場(chǎng)景中，用戶很可能只看圖標(biāo)，而是不看圖標(biāo)名稱。因此，在測(cè)試時(shí)使用以下方式更加合理：以某種方式讓用戶知道需要在這個(gè)頁(yè)面上查找某個(gè)功能，從而找到對(duì)應(yīng)的圖標(biāo)。

預(yù)測(cè)性測(cè)試方法

不僅需要用戶理解圖標(biāo)的意義，而且還需要預(yù)測(cè)圖標(biāo)代表是是什么功能。實(shí)際上，即使用戶不知道這個(gè)圖標(biāo)是什么/叫什么，只要用戶知道圖標(biāo)所代表的功能就夠了。

用于評(píng)價(jià)理解性的無背景圖標(biāo)測(cè)試方式同樣可以用于評(píng)價(jià)圖標(biāo)的預(yù)測(cè)性。然而，預(yù)測(cè)性測(cè)試不是簡(jiǎn)單地問用戶圖標(biāo)代表了什么功能，而是當(dāng)圖標(biāo)點(diǎn)擊后，用戶期望發(fā)生什么。不像理解性測(cè)試一樣，在理解性測(cè)試中，需要向用戶簡(jiǎn)單(但盡量少)描述一下圖標(biāo)所在系統(tǒng)/頁(yè)面。例如：告訴用戶手提箱是電商網(wǎng)站的一部分，請(qǐng)用戶找出能夠代表的圖標(biāo)。在預(yù)測(cè)性測(cè)試中，不能告訴受測(cè)用戶網(wǎng)站的任何具體信息，也不能告訴用戶任何產(chǎn)品相關(guān)的功能。通過這種測(cè)試方式，可以了解圖標(biāo)的用戶心智模型。

另外，如果有多個(gè)圖標(biāo)方案，A/B測(cè)試也可用于判斷出哪個(gè)圖標(biāo)的預(yù)測(cè)性最好。對(duì)于A/B測(cè)試，需要分析不同圖標(biāo)下的用戶行為差異，同時(shí)需要分析用戶是否存在這種現(xiàn)象：點(diǎn)擊了圖標(biāo)然后又馬上返回到前一頁(yè)。這個(gè)現(xiàn)象是一種探索行為，通常說明圖標(biāo)的預(yù)測(cè)性比較差，表明用戶點(diǎn)擊圖標(biāo)后，對(duì)看到的內(nèi)容不滿意，從而返回原來的頁(yè)面。在測(cè)試不同的圖標(biāo)圖形方案時(shí)，不同圖標(biāo)需要放在頁(yè)面相同的位置和使用相同的圖標(biāo)名稱，保證沒有其它因素影響了用戶行為。

吸引力測(cè)試方法

圖標(biāo)需要進(jìn)行吸引力測(cè)試，因?yàn)樽钇毡槟繕?biāo)是使用圖標(biāo)來增加用戶的吸引力，但不能保證所有圖標(biāo)的吸引力都很好。在圖標(biāo)吸引力測(cè)試中，既要進(jìn)行單圖標(biāo)測(cè)試，也要進(jìn)行圖標(biāo)組測(cè)試(一個(gè)產(chǎn)品或頁(yè)面會(huì)有多個(gè)圖標(biāo)，一個(gè)產(chǎn)品或頁(yè)面的所有圖標(biāo)稱之為圖標(biāo)組)。

吸引力測(cè)試的最簡(jiǎn)單方法就是用戶對(duì)圖標(biāo)吸引力進(jìn)行1-7分的主觀評(píng)分。如果有多個(gè)圖標(biāo)方案，叫用戶選擇一個(gè)最喜歡的圖標(biāo)，并解釋對(duì)某個(gè)圖標(biāo)喜歡/不喜歡的原因。最后從多套圖標(biāo)組選擇中，選擇一套最喜歡和最不喜歡的圖標(biāo)組。圖標(biāo)組測(cè)試主要是為了避免整套圖標(biāo)大多數(shù)圖標(biāo)是好的，只要修改少數(shù)幾個(gè)圖標(biāo)，整套圖標(biāo)就可能是最適合產(chǎn)品/頁(yè)面的圖標(biāo)組。

標(biāo)準(zhǔn)的可用性測(cè)試與圖標(biāo)測(cè)試

標(biāo)準(zhǔn)的可用性測(cè)試可以發(fā)現(xiàn)一些圖標(biāo)問題，但不能準(zhǔn)確地發(fā)現(xiàn)圖標(biāo)的所有問題。例如：在測(cè)試過程中，用戶被其它一些頁(yè)面元素搞得不耐煩，甚至不能完成操作任務(wù)。即使圖標(biāo)存在問題，但不準(zhǔn)確地發(fā)現(xiàn)圖標(biāo)的具體問題在哪里：是用戶沒有識(shí)別出圖標(biāo)，還是用戶不能理解圖標(biāo)的意義，還是用戶沒有發(fā)現(xiàn)圖標(biāo)?

由于存在多種可能的原因，所以不能單靠標(biāo)準(zhǔn)的可用性測(cè)試來評(píng)價(jià)圖標(biāo)的可用性。

產(chǎn)品開發(fā)周期

與用戶體驗(yàn)研究方法一樣，選擇測(cè)試方法時(shí)需要考慮產(chǎn)品所處的項(xiàng)目生命周期。

1. 規(guī)劃期：在早期的概念階段，主要使用有利于形成概念、探索多種設(shè)計(jì)想法的測(cè)試方法。在這個(gè)適合進(jìn)行無背景的理解性、預(yù)測(cè)性的圖標(biāo)測(cè)試，用于判斷圖標(biāo)使用的可行性和確定合適的圖標(biāo)心智模型。

2. 執(zhí)行期：在設(shè)計(jì)和實(shí)現(xiàn)階段，主要使用有利于持續(xù)地幫助系統(tǒng)設(shè)計(jì)出最好的圖標(biāo)方案。一旦圖標(biāo)方案是可理解的，主要持續(xù)地進(jìn)行無背景的圖標(biāo)吸引力測(cè)試，直至得到吸引力優(yōu)秀的圖標(biāo)為止。接著進(jìn)行有背景的圖標(biāo)測(cè)試，將圖標(biāo)放在真實(shí)頁(yè)面中，讓用戶去查找目標(biāo)圖標(biāo)，圖標(biāo)查找時(shí)間測(cè)試用于量化評(píng)價(jià)圖標(biāo)的發(fā)現(xiàn)性。可用性測(cè)試(開始使用紙面原型，后面使用高保真原型進(jìn)行測(cè)試)可以在圖標(biāo)意義理解性與可發(fā)現(xiàn)性方面給我們更多的發(fā)現(xiàn)。

3. 評(píng)估期：產(chǎn)品一旦發(fā)布，圖標(biāo)測(cè)試主要用于評(píng)價(jià)圖標(biāo)上線效果、幫助圖標(biāo)持續(xù)優(yōu)化。基于可用性測(cè)試的基準(zhǔn)測(cè)試、圖標(biāo)查找時(shí)間測(cè)試可以定期開展來跟蹤效果。在圖標(biāo)持續(xù)優(yōu)化的過程中，A/B測(cè)試是衡量和選擇圖標(biāo)方案的最好方法。