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

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

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

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

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

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

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

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

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

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

  圖標(biāo)測(cè)試方法

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

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

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

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

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

  理解性測(cè)試方法

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

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

  預(yù)測(cè)性測(cè)試方法

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

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

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

  吸引力測(cè)試方法

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

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

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

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

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

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

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

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

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

  譯者:阿里巴巴_B2B_UED 戴均開


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