圖標在頁面設計中被廣泛使用,圖標設計的好不好、圖標應用效果如何,是設計師非常關心的問題。本文作者提出從發現性、理解性、預測性、吸引力這4個方面來評價圖標,也為圖標設計構思提供了一個方向。
引言
設計師經常使用圖標來節省頁面空間、提高用戶識別速度。隨著像智能手機、可穿戴設備等這些小屏設備越來越流行,圖標的使用也更多了。但是,這些圖標是否可用?唯一的方法就是對這些圖標進行用戶測試。
如何進行圖標測試
不同方法可以解決圖標可用性的不同方面,判斷圖標是否可用可以從以下4個量化指標來測量:
1)發現性:用戶能否發現頁面上的圖標;
2)理解性:用戶能否理解圖標的意義;
3)預測性:用戶能否猜到圖標點擊會發生什么;
4)吸引力:圖標是否美觀;
以上4個指標都是圖標設計中起著關鍵性的作用,但需要獨立去思考如何來提升。
圖標測試方法
圖標評價的方法有很多,要根據評價目標和所處的設計階段來決定測試方法。圖標評價方法可以分為2大類:無背景的圖標測試、基于背景的圖標測試,區別在于圖標測試時,是否將圖標放在頁面中進行用戶測試。無背景的圖標測試,就是單獨用圖標(測試素材只有圖標,沒有頁面)進行測試;基于背景的圖標測試,就是圖標放在實際的頁面中進行測試。
需要注意的是,盡管采用無背景的圖標測試,受測用戶也必須目標用戶,熟悉產品行業并有相關背景知識或概念。
發現性測試方法
為了評估圖標的發現性,需要將圖標放在頁面中實際位置,基于背景的圖標測試可以用于判斷:多個相似的圖標放在一起是否會導致用戶找到目標圖標會比較困難,或者放在太隱蔽的位置或周邊有很多廣告導致圖標被用戶忽視。
查找時間測試是用于判斷用戶能不能容易地發現圖標的最好方法,在測試過程中,受測用戶需要按任務點擊圖標,計算受測用戶成功找到目標圖標的操作時間、首次點擊準確率。
理解性測試方法
理解性測試最好進行無背景的圖標測試:只向受測用戶呈現單獨的圖標(而沒有頁面內容),讓受測用戶猜測圖標所代表的意義,在某種意義上來說,這種測試也是洛夏墨跡測驗的一種方式。這個測試的目的是保證圖標能夠被用戶容易地理解。
從用戶的描述或詞語中來獲得用戶對圖標的理解,如果用戶的理解與圖標想要表達的意義/內容不相符合,那就意味著需要重新構思圖標,重新設計圖標。
我們知道圖標都伴隨著文字標題,你可以會認為:先向用戶呈現圖標的名稱,再讓用戶從多個圖標方案中選擇一個與名稱最匹配的一個圖標,這種測試方式更為合理。但是我們不建議使用這樣的方法測試,因為在真實使用場景中,用戶很可能只看圖標,而是不看圖標名稱。因此,在測試時使用以下方式更加合理:以某種方式讓用戶知道需要在這個頁面上查找某個功能,從而找到對應的圖標。
預測性測試方法
不僅需要用戶理解圖標的意義,而且還需要預測圖標代表是是什么功能。實際上,即使用戶不知道這個圖標是什么/叫什么,只要用戶知道圖標所代表的功能就夠了。
用于評價理解性的無背景圖標測試方式同樣可以用于評價圖標的預測性。然而,預測性測試不是簡單地問用戶圖標代表了什么功能,而是當圖標點擊后,用戶期望發生什么。不像理解性測試一樣,在理解性測試中,需要向用戶簡單(但盡量少)描述一下圖標所在系統/頁面。例如:告訴用戶手提箱是電商網站的一部分,請用戶找出能夠代表的圖標。在預測性測試中,不能告訴受測用戶網站的任何具體信息,也不能告訴用戶任何產品相關的功能。通過這種測試方式,可以了解圖標的用戶心智模型。
另外,如果有多個圖標方案,A/B測試也可用于判斷出哪個圖標的預測性最好。對于A/B測試,需要分析不同圖標下的用戶行為差異,同時需要分析用戶是否存在這種現象:點擊了圖標然后又馬上返回到前一頁。這個現象是一種探索行為,通常說明圖標的預測性比較差,表明用戶點擊圖標后,對看到的內容不滿意,從而返回原來的頁面。在測試不同的圖標圖形方案時,不同圖標需要放在頁面相同的位置和使用相同的圖標名稱,保證沒有其它因素影響了用戶行為。
吸引力測試方法
圖標需要進行吸引力測試,因為最普遍目標是使用圖標來增加用戶的吸引力,但不能保證所有圖標的吸引力都很好。在圖標吸引力測試中,既要進行單圖標測試,也要進行圖標組測試(一個產品或頁面會有多個圖標,一個產品或頁面的所有圖標稱之為圖標組)。
吸引力測試的最簡單方法就是用戶對圖標吸引力進行1-7分的主觀評分。如果有多個圖標方案,叫用戶選擇一個最喜歡的圖標,并解釋對某個圖標喜歡/不喜歡的原因。最后從多套圖標組選擇中,選擇一套最喜歡和最不喜歡的圖標組。圖標組測試主要是為了避免整套圖標大多數圖標是好的,只要修改少數幾個圖標,整套圖標就可能是最適合產品/頁面的圖標組。
標準的可用性測試與圖標測試
標準的可用性測試可以發現一些圖標問題,但不能準確地發現圖標的所有問題。例如:在測試過程中,用戶被其它一些頁面元素搞得不耐煩,甚至不能完成操作任務。即使圖標存在問題,但不準確地發現圖標的具體問題在哪里:是用戶沒有識別出圖標,還是用戶不能理解圖標的意義,還是用戶沒有發現圖標?
由于存在多種可能的原因,所以不能單靠標準的可用性測試來評價圖標的可用性。
產品開發周期
與用戶體驗研究方法一樣,選擇測試方法時需要考慮產品所處的項目生命周期。
1. 規劃期:在早期的概念階段,主要使用有利于形成概念、探索多種設計想法的測試方法。在這個適合進行無背景的理解性、預測性的圖標測試,用于判斷圖標使用的可行性和確定合適的圖標心智模型。
2. 執行期:在設計和實現階段,主要使用有利于持續地幫助系統設計出最好的圖標方案。一旦圖標方案是可理解的,主要持續地進行無背景的圖標吸引力測試,直至得到吸引力優秀的圖標為止。接著進行有背景的圖標測試,將圖標放在真實頁面中,讓用戶去查找目標圖標,圖標查找時間測試用于量化評價圖標的發現性。可用性測試(開始使用紙面原型,后面使用高保真原型進行測試)可以在圖標意義理解性與可發現性方面給我們更多的發現。
3. 評估期:產品一旦發布,圖標測試主要用于評價圖標上線效果、幫助圖標持續優化。基于可用性測試的基準測試、圖標查找時間測試可以定期開展來跟蹤效果。在圖標持續優化的過程中,A/B測試是衡量和選擇圖標方案的最好方法。