作者：戴 均開 ?來源：www.aliued.cn

【譯者注】

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

引言

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

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

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

1）發(fā)現(xiàn)性：用戶能否發(fā)現(xiàn)頁面上的圖標(biāo)冠跷；

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

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

4）吸引力：圖標(biāo)是否美觀蜜托；

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

圖標(biāo)測試方法

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

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

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

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

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

理解性測試方法

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

從用戶的描述或詞語中來獲得用戶對圖標(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)采蚀，這種測試方式更為合理疲牵。但是我們不建議使用這樣的方法測試，因?yàn)樵谡鎸?shí)使用場景中榆鼠，用戶很可能只看圖標(biāo)纲爸，而是不看圖標(biāo)名稱。因此妆够，在測試時(shí)使用以下方式更加合理：以某種方式讓用戶知道需要在這個(gè)頁面上查找某個(gè)功能识啦，從而找到對應(yīng)的圖標(biāo)。

預(yù)測性測試方法

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

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

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

吸引力測試方法

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

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

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

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

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

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

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

1. 規(guī)劃期：在早期的概念階段，主要使用有利于形成概念口注、探索多種設(shè)計(jì)想法的測試方法变擒。在這個(gè)適合進(jìn)行無背景的理解性、預(yù)測性的圖標(biāo)測試寝志，用于判斷圖標(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)吸引力測試，直至得到吸引力優(yōu)秀的圖標(biāo)為止乐导。接著進(jìn)行有背景的圖標(biāo)測試苦丁，將圖標(biāo)放在真實(shí)頁面中，讓用戶去查找目標(biāo)圖標(biāo)物臂，圖標(biāo)查找時(shí)間測試用于量化評(píng)價(jià)圖標(biāo)的發(fā)現(xiàn)性旺拉。可用性測試（開始使用紙面原型棵磷，后面使用高保真原型進(jìn)行測試）可以在圖標(biāo)意義理解性與可發(fā)現(xiàn)性方面給我們更多的發(fā)現(xiàn)蛾狗。

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

原文鏈接：www.nngroup.com/articles/icon-testing

您也可以加微信號(hào)1025792036備注“設(shè)計(jì)”進(jìn)入微信群討論冰抢。

想系統(tǒng)的學(xué)習(xí)了解如何在項(xiàng)目中循序漸進(jìn)的思考體驗(yàn)設(shè)計(jì)和體驗(yàn)創(chuàng)新。個(gè)人參與可以學(xué)習(xí)到如何成為合格的用戶體驗(yàn)設(shè)計(jì)師艘狭，團(tuán)隊(duì)參與可以推動(dòng)團(tuán)隊(duì)在用戶體驗(yàn)思維角度的主動(dòng)思考挎扰，以幫助建立跨團(tuán)隊(duì)的用戶體驗(yàn)協(xié)作的意識(shí)和初步能力翠订。我們提倡把用戶體驗(yàn)作為思維方式在企業(yè)中跨角色推廣。若要獲得產(chǎn)品和服務(wù)體驗(yàn)的全面提升和突破創(chuàng)新遵倦，需要團(tuán)隊(duì)成員對用戶體驗(yàn)的思維方式的共同理解尽超、認(rèn)同和深入人心的貫徹執(zhí)行。你不但可以聽到理念方法講授梧躺、案例分享似谁，還有現(xiàn)場的小組實(shí)踐項(xiàng)目練習(xí)幫你吸收、應(yīng)用掠哥。

點(diǎn)擊“工作坊詳情”或掃描下圖中的二維碼進(jìn)入報(bào)名頁巩踏。