【譯文】圖標(biāo)的可用性測試
設(shè)計(jì)師經(jīng)常使用圖標(biāo)來節(jié)省頁面空間、提高用戶識別速度。隨著像智能手機(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)擊會發(fā)生什么;
4)吸引力:圖標(biāo)是否美觀;
以上4個(gè)指標(biāo)都是圖標(biāo)設(shè)計(jì)中起著關(guān)鍵性的作用,但需要獨(dú)立去思考如何來提升。
圖標(biāo)測試方法
圖標(biāo)評價(jià)的方法有很多,要根據(jù)評價(jià)目標(biāo)和所處的設(shè)計(jì)階段來決定測試方法。圖標(biāo)評價(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)背景知識或概念。
發(fā)現(xiàn)性測試方法
為了評估圖標(biāo)的發(fā)現(xiàn)性,需要將圖標(biāo)放在頁面中實(shí)際位置,基于背景的圖標(biāo)測試可以用于判斷:多個(gè)相似的圖標(biāo)放在一起是否會導(dǎo)致用戶找到目標(biāo)圖標(biāo)會比較困難,或者放在太隱蔽的位置或周邊有很多廣告導(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)題,你可以會認(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)所代表的功能就夠了。
用于評價(jià)理解性的無背景圖標(biāo)測試方式同樣可以用于評價(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)品或頁面會有多個(gè)圖標(biāo),一個(gè)產(chǎn)品或頁面的所有圖標(biāo)稱之為圖標(biāo)組)。
吸引力測試的最簡單方法就是用戶對圖標(biāo)吸引力進(jìn)行1-7分的主觀評分。如果有多個(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)的具體問題在哪里:是用戶沒有識別出圖標(biāo),還是用戶不能理解圖標(biāo)的意義,還是用戶沒有發(fā)現(xiàn)圖標(biāo)?
由于存在多種可能的原因,所以不能單靠標(biāo)準(zhǔn)的可用性測試來評價(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í)間測試用于量化評價(jià)圖標(biāo)的發(fā)現(xiàn)性??捎眯詼y試(開始使用紙面原型,后面使用高保真原型進(jìn)行測試)可以在圖標(biāo)意義理解性與可發(fā)現(xiàn)性方面給我們更多的發(fā)現(xiàn)。
3. 評估期:產(chǎn)品一旦發(fā)布,圖標(biāo)測試主要用于評價(jià)圖標(biāo)上線效果、幫助圖標(biāo)持續(xù)優(yōu)化?;诳捎眯詼y試的基準(zhǔn)測試、圖標(biāo)查找時(shí)間測試可以定期開展來跟蹤效果。在圖標(biāo)持續(xù)優(yōu)化的過程中,A/B測試是衡量和選擇圖標(biāo)方案的最好方法。
譯者:阿里巴巴_B2B_UED 戴均開
本文地址:http://m.pkvc.cn/tutorial/id3260.html
您可能還喜歡
- 關(guān)于第三方注冊和本地注冊的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始