在網(wǎng)頁設計和UI設計中刽严，圖標不僅僅是為了視覺上的美化，更多是為了提高指示和可識別的作用荐绝，那么什么樣的 Icon 才是可用性高的呢挂疆？本文作者 AURORA BEDFORD 提出從發(fā)現(xiàn)性、理解性亚兄、預測性混稽、吸引力這4個方面來評價圖標，也為圖標設計構思提供了一個方向。
設計師經(jīng)常使用圖標來節(jié)省頁面空間匈勋、提高用戶識別速度礼旅。隨著像智能手機、可穿戴設備等這些小屏設備越來越流行洽洁，圖標的使用也更多了痘系。但是，這些圖標是否可用饿自？唯一的方法就是對這些圖標進行用戶測試汰翠。
如何進行圖標測試
不同方法可以解決圖標可用性的不同方面，判斷圖標是否可用可以從以下4個量化指標來測量：
1）發(fā)現(xiàn)性：用戶能否發(fā)現(xiàn)頁面上的圖標璃俗；
2）理解性：用戶能否理解圖標的意義奴璃；
3）預測性：用戶能否猜到圖標點擊會發(fā)生什么；
4）吸引力：圖標是否美觀城豁；
以上4個指標都是圖標設計中起著關鍵性的作用苟穆，但需要獨立去思考如何來提升。
圖標測試方法
圖標評價的方法有很多唱星，要根據(jù)評價目標和所處的設計階段來決定測試方法雳旅。圖標評價方法可以分為2大類：無背景的圖標測試、基于背景的圖標測試间聊，區(qū)別在于圖標測試時攒盈，是否將圖標放在頁面中進行用戶測試。無背景的圖標測試哎榴，就是單獨用圖標（測試素材只有圖標型豁，沒有頁面）進行測試；基于背景的圖標測試尚蝌，就是圖標放在實際的頁面中進行測試迎变。
需要注意的是，盡管采用無背景的圖標測試飘言，受測用戶也必須目標用戶衣形，熟悉產品行業(yè)并有相關背景知識或概念。
發(fā)現(xiàn)性測試方法
為了評估圖標的發(fā)現(xiàn)性姿鸿，需要將圖標放在頁面中實際位置谆吴，基于背景的圖標測試可以用于判斷：多個相似的圖標放在一起是否會導致用戶找到目標圖標會比較困難，或者放在太隱蔽的位置或周邊有很多廣告導致圖標被用戶忽視苛预。
查找時間測試是用于判斷用戶能不能容易地發(fā)現(xiàn)圖標的最好方法句狼，在測試過程中，受測用戶需要按任務點擊圖標热某，計算受測用戶成功找到目標圖標的操作時間鲜锚、首次點擊準確率突诬。
理解性測試方法
理解性測試最好進行無背景的圖標測試：只向受測用戶呈現(xiàn)單獨的圖標（而沒有頁面內容），讓受測用戶猜測圖標所代表的意義芜繁，在某種意義上來說旺隙，這種測試也是洛夏墨跡測驗的一種方式。這個測試的目的是保證圖標能夠被用戶容易地理解骏令。
從用戶的描述或詞語中來獲得用戶對圖標的理解蔬捷，如果用戶的理解與圖標想要表達的意義/內容不相符合，那就意味著需要重新構思圖標榔袋，重新設計圖標周拐。
我們知道圖標都伴隨著文字標題，你可以會認為：先向用戶呈現(xiàn)圖標的名稱凰兑，再讓用戶從多個圖標方案中選擇一個與名稱最匹配的一個圖標妥粟，這種測試方式更為合理。但是我們不建議使用這樣的方法測試吏够，因為在真實使用場景中勾给，用戶很可能只看圖標，而是不看圖標名稱锅知。因此播急，在測試時使用以下方式更加合理：以某種方式讓用戶知道需要在這個頁面上查找某個功能，從而找到對應的圖標售睹。
預測性測試方法
不僅需要用戶理解圖標的意義桩警，而且還需要預測圖標代表是是什么功能。實際上昌妹，即使用戶不知道這個圖標是什么/叫什么捶枢，只要用戶知道圖標所代表的功能就夠了。
用于評價理解性的無背景圖標測試方式同樣可以用于評價圖標的預測性飞崖。然而烂叔，預測性測試不是簡單地問用戶圖標代表了什么功能，而是當圖標點擊后蚜厉，用戶期望發(fā)生什么。不像理解性測試一樣畜眨，在理解性測試中昼牛，需要向用戶簡單（但盡量少）描述一下圖標所在系統(tǒng)/頁面。例如：告訴用戶手提箱是電商網(wǎng)站的一部分康聂，請用戶找出能夠代表的圖標贰健。在預測性測試中，不能告訴受測用戶網(wǎng)站的任何具體信息恬汁，也不能告訴用戶任何產品相關的功能伶椿。通過這種測試方式，可以了解圖標的用戶心智模型。
另外脊另，如果有多個圖標方案导狡，A/B測試也可用于判斷出哪個圖標的預測性最好。對于A/B測試偎痛，需要分析不同圖標下的用戶行為差異旱捧，同時需要分析用戶是否存在這種現(xiàn)象：點擊了圖標然后又馬上返回到前一頁。這個現(xiàn)象是一種探索行為踩麦，通常說明圖標的預測性比較差枚赡，表明用戶點擊圖標后，對看到的內容不滿意谓谦，從而返回原來的頁面贫橙。在測試不同的圖標圖形方案時，不同圖標需要放在頁面相同的位置和使用相同的圖標名稱反粥，保證沒有其它因素影響了用戶行為卢肃。
吸引力測試方法
圖標需要進行吸引力測試，因為最普遍目標是使用圖標來增加用戶的吸引力星压，但不能保證所有圖標的吸引力都很好践剂。在圖標吸引力測試中，既要進行單圖標測試娜膘，也要進行圖標組測試（一個產品或頁面會有多個圖標逊脯，一個產品或頁面的所有圖標稱之為圖標組）。
吸引力測試的最簡單方法就是用戶對圖標吸引力進行1-7分的主觀評分竣贪。如果有多個圖標方案军洼，叫用戶選擇一個最喜歡的圖標，并解釋對某個圖標喜歡/不喜歡的原因演怎。最后從多套圖標組選擇中匕争，選擇一套最喜歡和最不喜歡的圖標組。圖標組測試主要是為了避免整套圖標大多數(shù)圖標是好的爷耀，只要修改少數(shù)幾個圖標甘桑，整套圖標就可能是最適合產品/頁面的圖標組。
標準的可用性測試與圖標測試
標準的可用性測試可以發(fā)現(xiàn)一些圖標問題歹叮，但不能準確地發(fā)現(xiàn)圖標的所有問題跑杭。例如：在測試過程中，用戶被其它一些頁面元素搞得不耐煩咆耿，甚至不能完成操作任務德谅。即使圖標存在問題，但不準確地發(fā)現(xiàn)圖標的具體問題在哪里：是用戶沒有識別出圖標萨螺，還是用戶不能理解圖標的意義窄做，還是用戶沒有發(fā)現(xiàn)圖標愧驱？
由于存在多種可能的原因，所以不能單靠標準的可用性測試來評價圖標的可用性椭盏。
產品開發(fā)周期
與用戶體驗研究方法一樣组砚，選擇測試方法時需要考慮產品所處的項目生命周期。
1. 規(guī)劃期：在早期的概念階段庸汗，主要使用有利于形成概念惫确、探索多種設計想法的測試方法。在這個適合進行無背景的理解性蚯舱、預測性的圖標測試改化，用于判斷圖標使用的可行性和確定合適的圖標心智模型。
2. 執(zhí)行期：在設計和實現(xiàn)階段枉昏，主要使用有利于持續(xù)地幫助系統(tǒng)設計出最好的圖標方案陈肛。一旦圖標方案是可理解的，主要持續(xù)地進行無背景的圖標吸引力測試兄裂，直至得到吸引力優(yōu)秀的圖標為止句旱。接著進行有背景的圖標測試，將圖標放在真實頁面中晰奖，讓用戶去查找目標圖標谈撒，圖標查找時間測試用于量化評價圖標的發(fā)現(xiàn)性∝夷希可用性測試（開始使用紙面原型啃匿，后面使用高保真原型進行測試）可以在圖標意義理解性與可發(fā)現(xiàn)性方面給我們更多的發(fā)現(xiàn)。
3. 評估期：產品一旦發(fā)布蛆楞，圖標測試主要用于評價圖標上線效果溯乒、幫助圖標持續(xù)優(yōu)化”基于可用性測試的基準測試裆悄、圖標查找時間測試可以定期開展來跟蹤效果。在圖標持續(xù)優(yōu)化的過程中臂聋，A/B測試是衡量和選擇圖標方案的最好方法光稼。
更多內容請關注微信公眾號：EasyUX
