您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 交互設(shè)計 >> 瀏覽設(shè)計教程

【譯文】圖標(biāo)的可用性測試

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

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

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

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

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

  3)預(yù)測性:用戶能否猜到圖標(biāo)點擊會發(fā)生什么;

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

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

  圖標(biāo)測試方法

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

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

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

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

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

  理解性測試方法

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

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

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

  預(yù)測性測試方法

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

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

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

  吸引力測試方法

  圖標(biāo)需要進行吸引力測試,因為最普遍目標(biāo)是使用圖標(biāo)來增加用戶的吸引力,但不能保證所有圖標(biāo)的吸引力都很好。在圖標(biāo)吸引力測試中,既要進行單圖標(biāo)測試,也要進行圖標(biāo)組測試(一個產(chǎn)品或頁面會有多個圖標(biāo),一個產(chǎn)品或頁面的所有圖標(biāo)稱之為圖標(biāo)組)。

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

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

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

  由于存在多種可能的原因,所以不能單靠標(biāo)準的可用性測試來評價圖標(biāo)的可用性。

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

  與用戶體驗研究方法一樣,選擇測試方法時需要考慮產(chǎn)品所處的項目生命周期。

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

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

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

  譯者:阿里巴巴_B2B_UED 戴均開


[教程作者:阿里巴巴_B2B_UED]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id3260.html
網(wǎng)頁彈窗設(shè)計的5條基本原則
不要忽視色彩在手機APP設(shè)計中的作用
圖趣網(wǎng)微信
建議反饋
×