摘要

本文旨在解釋眼動(dòng)跟蹤(Eye tracking) 如何與傳統(tǒng)的可用性測試結(jié)合使用。 文中會(huì)主要介紹針對(duì)三個(gè)電子商務(wù)網(wǎng)站的兩項(xiàng)測試任務(wù)。從這兩項(xiàng)任務(wù)的結(jié)果中,我們發(fā)現(xiàn)眼動(dòng)跟蹤所得出來的數(shù)據(jù),是可以用來更好的理解使用者在網(wǎng)頁上如何開始搜尋他們要找的目標(biāo)鏈接或信息。該數(shù)據(jù)包括用者對(duì)興趣區(qū)域(Area of Interest – AOI)的視覺注意的頻率、持續(xù)時(shí)間以及順序;對(duì)網(wǎng)站設(shè)計(jì)和理解用者心理期望很有幫助。

簡介

多年以來,眼動(dòng)跟蹤在用戶測試是常用的輔助工具之一。當(dāng)中以駕駛倉設(shè)計(jì) (Fitts, Jones & Milton, 1950) 為先驅(qū)。該類研究替眼睛移動(dòng)與認(rèn)知活動(dòng)訂下一些假設(shè),甚具價(jià)值。例如:視覺注視的頻率與操控有關(guān),注視持續(xù)的時(shí)間長短則與理解信息的難度有關(guān)等。

近年眼動(dòng)跟蹤與網(wǎng)頁應(yīng)用的用戶測試的概念逐漸融合起來(詳情可參考 Duchowski, 2003;Dadach and Deubei;2003)。獨(dú)立的研究團(tuán)體或?qū)I(yè)人士這些年來一直在嘗試發(fā)現(xiàn)眼動(dòng)跟蹤在網(wǎng)頁設(shè)計(jì)可用性方面的應(yīng)用。這些研究項(xiàng)目涉及到用戶瀏覽網(wǎng)頁時(shí),來發(fā)現(xiàn)對(duì)界面的不同部分的視覺注意力的具體目標(biāo)、或找出他們的興趣區(qū)等。所得出來的數(shù)據(jù)可以使用不同的方法比較,當(dāng)中包括先后次序、數(shù)量和對(duì)每個(gè)興趣區(qū)注視持續(xù)的時(shí)間。

為繼續(xù)調(diào)查眼動(dòng)跟蹤對(duì)可用性測試的貢獻(xiàn),研究人員收集了三個(gè)不同的電子商務(wù)網(wǎng)站的眼動(dòng)跟蹤的數(shù)據(jù),并對(duì)這些數(shù)據(jù)根據(jù)在屏幕上興趣區(qū)的不同進(jìn)行分析,進(jìn)而來了解用戶如何和這些界面打交道。

方法

本次研究的參與者共有三十六名,他們來自唯芝達(dá)國立大學(xué)(Wichita State University)的本科生或研究生。其中二十六名為女生,其余十名為男生,百分之七十二的參與者年齡介乎十八至二十六歲。他們使用配備了Pentium IV中央處理器的計(jì)算機(jī),其顯示屏為96 dpi、十七吋,解像度為1024 * 768。顯示屏幕與Tobii 1750眼動(dòng)跟蹤系統(tǒng)接連。該眼動(dòng)跟蹤儀并不是頭戴式的,而是安裝在顯示屏上的,這樣使用者使用的時(shí)候感覺很自然。眼動(dòng)跟蹤儀每20毫秒(即50赫茲的頻率)對(duì)眼球的位置取樣一次,來探測并搜集使用者在測試時(shí)眼球移動(dòng)的數(shù)據(jù),測試的三家專門銷售教育類玩具的電子商務(wù)網(wǎng)站,分別是Mastermind Toys, Toys to Grow On和Wonder Brains。

結(jié)果

我們在三個(gè)維度上來比較測試得到的數(shù)據(jù):任務(wù)需時(shí)多久、經(jīng)過多少頁數(shù)才能完成任務(wù)和困難度(1=最容易 5=最困難)。在測試當(dāng)中,從記錄眼球移動(dòng)得出來的數(shù)據(jù),可得知在不同的網(wǎng)站的首頁,測試者對(duì)不同興趣區(qū)注視的次數(shù)以及注視持續(xù)時(shí)間等的數(shù)據(jù)。以下便是考察使用者完成兩項(xiàng)任務(wù)的可用性測試的結(jié)果。

任務(wù)一:尋找聯(lián)系信息

這是一項(xiàng)簡單的任務(wù),測試者要在網(wǎng)頁上搜尋玩具公司的聯(lián)系信息。結(jié)果是網(wǎng)站二(MastermindToys.com)在使用時(shí)的困難度最大 (F(2.33)=5.459, p.=.009),所使用的時(shí)間亦最長 (F(2.33)=9.841, p.<.001). 見表一。

表一. 任務(wù)一不同網(wǎng)站的可用性量度

量度 網(wǎng)站 1 (Toystogrowon) 網(wǎng)站 2 (MastermindToys) 網(wǎng)站 3(WonderBrains)
難度 1.08 (0.29) 1.81 (0.60) 1.67 (0.77)
任務(wù)時(shí)間(秒) 40.12 (10.59) 61.94 (17.1) 42.66 (10.84)

每家公司在他們的網(wǎng)站首頁都置有聯(lián)系信息的鏈接,但位置不同。網(wǎng)站二(MastermindToys.com)將鏈接與其它鏈接放在右方,反觀網(wǎng)站一(Toytogrowon.com)則放置在網(wǎng)站的底部。網(wǎng)站三(WonderBrains.com) 將?絡(luò)我們的鏈接放在網(wǎng)站首頁內(nèi)多?位置-頂部和底部。根據(jù)結(jié)果發(fā)現(xiàn),測試者在網(wǎng)站二(MastermindToys.com)所需的時(shí)間較多,困難度也較大。顯示出用戶的心中已有特定的位置放置某些特定的鏈接。如果鏈接沒有在預(yù)期的位置出現(xiàn),用戶的表現(xiàn)便相應(yīng)地較差,這正好與(Bernard, 2001;Bernard 2002)的研究同出一轍。

這個(gè)眼動(dòng)跟蹤任務(wù)是測試用戶如何在不同的首頁里找出一個(gè)特定鏈接。我們考察了每一個(gè)興趣區(qū)眼睛注視的平均時(shí)間,在網(wǎng)站一(Toytogrowon.com),用戶是先開始搜尋網(wǎng)頁的中心位置,然后移向網(wǎng)頁的邊緣地帶,例如位于網(wǎng)頁頂部的購物車、左面的導(dǎo)航條等等。


圖 1. 任務(wù)一的注視順序 (Toystogrowon.com)

同樣地,在網(wǎng)站二(MastermindToys.com)我們察覺到有另一種偏向。用者是在網(wǎng)頁的頂部先開始搜尋,這顯示鏈接的位置與一般用戶的假設(shè)并不相符,情況就如網(wǎng)站一(Toytogrowon.com)一樣 (圖 2)。


圖2. 任務(wù)一的注視順序 (MasterMindToys.com)

Clearview眼動(dòng)跟蹤軟件能顯示出用戶在屏幕的哪些區(qū)域內(nèi)停留的時(shí)間更多和吸引用戶注視更多,該結(jié)果用不同顏色表示。顏色愈紅,表示這個(gè)位置被注視時(shí)間愈長。

透過檢視這些‘熱點(diǎn)’,結(jié)果顯示用戶在網(wǎng)站一(Toytogrowon.com)和網(wǎng)站二(MastermindToys.com)的眼睛移動(dòng)是一種非常分散的模式。這證明用戶在眼球的注意力不是集中在一個(gè)需要找的鏈接的位置,而是數(shù)個(gè)位置。無論何種原因,正是在這些位置上是他們花費(fèi)最長的時(shí)間、搜尋最多次的地方,他們在這些位置上最終發(fā)現(xiàn)要找的鏈接。


圖3. 任務(wù)一的首頁注視熱點(diǎn) (MasterMindToys.com)


圖4. 任務(wù)一的首頁注視熱點(diǎn) (Toystogrowon.com)

另一方面,當(dāng)用戶在網(wǎng)站三(WonderBrains.com)進(jìn)行測試時(shí),數(shù)據(jù)顯示熱點(diǎn)比較集中在要找的鏈接所在的位置,也就是網(wǎng)頁的頂部或底部。


圖5. 任務(wù)一的首頁注視熱點(diǎn) (WonderBrains.com)

任務(wù)二:以年齡分類購物

這項(xiàng)任務(wù)目的是要求用者購買一份適合五歲或以上的小童的拼圖游戲。數(shù)據(jù)顯示,三個(gè)網(wǎng)頁的結(jié)果有很大分別-困難度(F(2.33)=3.593,p.=.039) (參考表二)。網(wǎng)站一(Toytogrowon.com)的得分最高,表示用戶在按年齡分類購物時(shí)網(wǎng)站一(Toytogrowon.com)的設(shè)計(jì)較其它兩個(gè)網(wǎng)站遜色,使用時(shí)較困難。這些分析綜合了對(duì)本次任務(wù)的興趣區(qū)數(shù)據(jù)的考察。

表2. 任務(wù)二不同網(wǎng)站的可用性量度

量度 網(wǎng)站 1 (Toystogrowon) 網(wǎng)站 2 (MastermindToys) 網(wǎng)站 3 (WonderBrains)
難度 2.58 (1.08) 1.72 (1.00) 1.67 (0.65)
任務(wù)時(shí)間(秒) 108.09 (36.59) 61.31 (27.4) 67.54 (45.64)
頁數(shù) 8.00 (4.11) 5.08 (1.5) 5.17 (0.94)

本次任務(wù)按照兩種方法進(jìn)行: (1) using 在左面的導(dǎo)航條設(shè)有分類項(xiàng)目,用者可在此處搜索拼圖游戲并在此將搜索范圍收窄; (2) 或使用網(wǎng)站首頁上的按年齡購物的鏈接功能。 在網(wǎng)站一(Toytogrowon.com),按年齡購物功能只在網(wǎng)頁內(nèi)按一條鏈接,其間只有一位用戶發(fā)現(xiàn)并使用。而據(jù)數(shù)據(jù)指出,該功能鏈接并不設(shè)在優(yōu)先的定像范圍內(nèi),用者需要在較后的時(shí)間才可找出鏈接的所在地(圖六)。


圖6. 第一注視點(diǎn)的順序 (Toystogrowon.com)

透過觀察網(wǎng)頁的熱點(diǎn),注視位置和逗留的時(shí)間長短可以對(duì)該項(xiàng)任務(wù)的結(jié)果分析有幫助。左面的導(dǎo)航條最能夠吸引用者的注意力,而位于頂部的年齡購物鏈接功能卻不是很特出,并不顯眼,只有一個(gè)用戶使用了該鏈接。用者需要以較長的時(shí)間及多次觸及這個(gè)位置才能成功作出行動(dòng),這表明意味用戶未能充份把握清楚確定鏈接的功能,所以沒有很快地選取鏈接。亦要?dú)w因于鏈接并無獨(dú)有的圖像包裝,未能引起用者的注意力。


圖7. 表現(xiàn)了任務(wù)二吸引最多注意力的首頁上的熱點(diǎn)圖

在網(wǎng)站二(MasterMindToys.com)的大部份的測試者(其中有兩位除外)都能使用按年齡購物的鏈接,該鏈接位于網(wǎng)頁上方導(dǎo)航條的左側(cè),點(diǎn)擊后按照不同年齡范圍給出鏈接列表,我們發(fā)現(xiàn)用者的視覺注意力主要集中在網(wǎng)頁的這個(gè)范圍 (見圖八)。盡管這不是眼動(dòng)跟蹤的優(yōu)先定像范圍,用戶仍能成功選取,沒有影響他們的表現(xiàn)。在此網(wǎng)頁某些項(xiàng)目是沒有用途的,卻吸引了用戶們的注意力。網(wǎng)頁中的商店內(nèi)部照片及其旁邊的一些鏈接并沒實(shí)質(zhì)的用處,卻分散了注意力,令用戶無法在短時(shí)間內(nèi)完成任務(wù)。但總體的設(shè)計(jì)和鏈接的位置效果不錯(cuò),是促成任務(wù)成功的要素,眼動(dòng)跟蹤收集來的數(shù)據(jù)顯示了這一點(diǎn)。


圖8. 任務(wù)五首頁注視點(diǎn) (MasterMindToys.com)

網(wǎng)站三(WonderBrains.com)的用戶在使用‘按年齡購物’選項(xiàng)時(shí)的視覺注意的分布較為均勻,盡管這個(gè)選項(xiàng)的位置比在該網(wǎng)頁上方的標(biāo)準(zhǔn)玩具分類(圖九)在吸引注意力方面較為遜色。實(shí)際上,通過檢視這個(gè)熱點(diǎn)分布圖,可以發(fā)現(xiàn)在執(zhí)行一項(xiàng)任務(wù)時(shí),網(wǎng)頁上直接最吸引視覺注意力的部分,基本上就是相關(guān)的鏈接—無論是分類瀏覽還是按年齡購物,別的都不太吸引視覺注意力。這表明網(wǎng)站三的主頁對(duì)于購物來說對(duì)用戶的引導(dǎo)性最好(至少對(duì)于執(zhí)行本任務(wù)來說),最不容易分散用戶的視覺注意力。


圖9. 任務(wù)二首頁注視熱點(diǎn) (WonderBrains.com)

討論

通過比較網(wǎng)頁不同區(qū)域的視覺注意力,我們了解到很多關(guān)于用戶體驗(yàn)的特性。特別是用戶眼動(dòng)跟蹤數(shù)據(jù)可以幫助可用性專業(yè)人士來找出哪些興趣區(qū)是潛在的:

  1. 注意力集中點(diǎn)
  2. 資料集中點(diǎn)
  3. 最容易被忽略的地方
  4. 最分散注意力的地方

這種方法不但可以檢視用者能否在網(wǎng)頁上順利尋找數(shù)據(jù),而且還可以找出他們?nèi)绾我约皬暮翁幷页鏊麄冃哪恐械逆溄雍托畔ⅰ_@給標(biāo)準(zhǔn)的可用性測試補(bǔ)充了很多有用的信息,尤其在用戶期望方面和提供設(shè)計(jì)建議方面。

本次研究側(cè)重于如何解釋眼動(dòng)跟蹤數(shù)據(jù)對(duì)于上述網(wǎng)站的可用性測試的重要性。在日后的研究里,興趣區(qū)眼動(dòng)跟蹤不僅可以在網(wǎng)站的單個(gè)網(wǎng)頁或單個(gè)屏幕上使用,還可以在一個(gè)網(wǎng)站的不同頁面上廣泛使用(參考Pan等人在2004年發(fā)表的文章),網(wǎng)站內(nèi)不同的地點(diǎn)亦可比較 (參考 Josephson和Holmes在2002年發(fā)表的文章),甚至在進(jìn)行可用性測試時(shí),作不同階段的比較。此外,對(duì)于同一網(wǎng)站不同版本的重復(fù)研究時(shí),以及對(duì)不同網(wǎng)站的對(duì)照研究時(shí),也可以進(jìn)行上述比較。

參考文獻(xiàn)

Bernard, M. (2001). Developing schemas for the location of common web objects. Usability News 3.2. [Online]. Available: http://psychology.wichita.edu/surl/usabilitynews/3W/web_object.htm

Bernard, M. (2002). Examining user expectations for the location of common e-commerce web objects. Usability News 4.1. [Online]. Available: http://psychology.wichita.edu/surl/usabilitynews/4S/web_object.htm

Duchowski, A. T. (2003). Eye tracking methodology: theory and practice. London: Springer.

Fitts, P. M., Jones, R. E. & Milton, J. L. (1950). Eye movements of aircraft pilots during instrument-landing approaches. Aeronautical Engineering Review, 9(2), 24-29.

Hyönä, J., Radach, R. and Deubel, H. (2003). The mind’s eye: Cognitive and applied aspects of eye movement research, Amsterdam: Elsevier Science.

Josephson, S. and Holmes, M. E. (2002). Visual attention to repeated images on the World-Wide Web: Another look at scanpath theory. Behavior Research Methods, Instruments, & Computers, 34(4), 539-548.

Pan, Hembrooke, Gay Granda, Feusner & Newman, (2004). Determinants of web page viewing behavior: An eye-tracking study, Proceedings of the Eye tracking research & applications symposium on Eye tracking research & applications, 2004, San Antonio, Texas.