摘要
本文旨在解釋眼動(dòng)跟蹤(Eye tracking) 如何與傳統的可用性測試結合使用。 文中會(huì )主要介紹針對三個(gè)電子商務(wù)網(wǎng)站的兩項測試任務(wù)。從這兩項任務(wù)的結果中，我們發(fā)現眼動(dòng)跟蹤所得出來(lái)的數據，是可以用來(lái)更好的理解使用者在網(wǎng)頁(yè)上如何開(kāi)始搜尋他們要找的目標鏈接或信息。該數據包括用者對興趣區域(Area of Interest – AOI)的視覺(jué)注意的頻率、持續時(shí)間以及順序；對網(wǎng)站設計和理解用者心理期望很有幫助。
簡(jiǎn)介
多年以來(lái)，眼動(dòng)跟蹤在用戶(hù)測試是常用的輔助工具之一。當中以駕駛倉設計 (Fitts, Jones & Milton, 1950) 為先驅。該類(lèi)研究替眼睛移動(dòng)與認知活動(dòng)訂下一些假設，甚具價(jià)值。例如：視覺(jué)注視的頻率與操控有關(guān)，注視持續的時(shí)間長(cháng)短則與理解信息的難度有關(guān)等。
近年眼動(dòng)跟蹤與網(wǎng)頁(yè)應用的用戶(hù)測試的概念逐漸融合起來(lái)(詳情可參考 Duchowski, 2003;Dadach and Deubei;2003)。獨立的研究團體或專(zhuān)業(yè)人士這些年來(lái)一直在嘗試發(fā)現眼動(dòng)跟蹤在網(wǎng)頁(yè)設計可用性方面的應用。這些研究項目涉及到用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)，來(lái)發(fā)現對界面的不同部分的視覺(jué)注意力的具體目標、或找出他們的興趣區等。所得出來(lái)的數據可以使用不同的方法比較，當中包括先后次序、數量和對每個(gè)興趣區注視持續的時(shí)間。
為繼續調查眼動(dòng)跟蹤對可用性測試的貢獻，研究人員收集了三個(gè)不同的電子商務(wù)網(wǎng)站的眼動(dòng)跟蹤的數據，并對這些數據根據在屏幕上興趣區的不同進(jìn)行分析，進(jìn)而來(lái)了解用戶(hù)如何和這些界面打交道。
方法
本次研究的參與者共有三十六名，他們來(lái)自唯芝達國立大學(xué)(Wichita State University)的本科生或研究生。其中二十六名為女生，其余十名為男生，百分之七十二的參與者年齡介乎十八至二十六歲。他們使用配備了Pentium IV中央處理器的計算機，其顯示屏為96 dpi、十七吋，解像度為1024 * 768。顯示屏幕與Tobii 1750眼動(dòng)跟蹤系統接連。該眼動(dòng)跟蹤儀并不是頭戴式的，而是安裝在顯示屏上的，這樣使用者使用的時(shí)候感覺(jué)很自然。眼動(dòng)跟蹤儀每20毫秒（即50赫茲的頻率）對眼球的位置取樣一次，來(lái)探測并搜集使用者在測試時(shí)眼球移動(dòng)的數據，測試的三家專(zhuān)門(mén)銷(xiāo)售教育類(lèi)玩具的電子商務(wù)網(wǎng)站，分別是Mastermind Toys, Toys to Grow On和Wonder Brains。
結果
我們在三個(gè)維度上來(lái)比較測試得到的數據：任務(wù)需時(shí)多久、經(jīng)過(guò)多少頁(yè)數才能完成任務(wù)和困難度(1＝最容易 5＝最困難)。在測試當中，從記錄眼球移動(dòng)得出來(lái)的數據，可得知在不同的網(wǎng)站的首頁(yè)，測試者對不同興趣區注視的次數以及注視持續時(shí)間等的數據。以下便是考察使用者完成兩項任務(wù)的可用性測試的結果。
任務(wù)一：尋找聯(lián)系信息
這是一項簡(jiǎn)單的任務(wù)，測試者要在網(wǎng)頁(yè)上搜尋玩具公司的聯(lián)系信息。結果是網(wǎng)站二(MastermindToys.com)在使用時(shí)的困難度最大 (F(2.33)=5.459, p.=.009)，所使用的時(shí)間亦最長(cháng) (F(2.33)=9.841, p.<.001). 見(jiàn)表一。
表一. 任務(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)站首頁(yè)都置有聯(lián)系信息的鏈接，但位置不同。網(wǎng)站二(MastermindToys.com)將鏈接與其它鏈接放在右方，反觀(guān)網(wǎng)站一(Toytogrowon.com)則放置在網(wǎng)站的底部。網(wǎng)站三(WonderBrains.com) 將?絡(luò )我們的鏈接放在網(wǎng)站首頁(yè)內多?位置－頂部和底部。根據結果發(fā)現，測試者在網(wǎng)站二(MastermindToys.com)所需的時(shí)間較多，困難度也較大。顯示出用戶(hù)的心中已有特定的位置放置某些特定的鏈接。如果鏈接沒(méi)有在預期的位置出現，用戶(hù)的表現便相應地較差，這正好與(Bernard, 2001；Bernard 2002)的研究同出一轍。
這個(gè)眼動(dòng)跟蹤任務(wù)是測試用戶(hù)如何在不同的首頁(yè)里找出一個(gè)特定鏈接。我們考察了每一個(gè)興趣區眼睛注視的平均時(shí)間，在網(wǎng)站一(Toytogrowon.com)，用戶(hù)是先開(kāi)始搜尋網(wǎng)頁(yè)的中心位置，然后移向網(wǎng)頁(yè)的邊緣地帶，例如位于網(wǎng)頁(yè)頂部的購物車(chē)、左面的導航條等等。
圖 1. 任務(wù)一的注視順序 (Toystogrowon.com)
同樣地，在網(wǎng)站二(MastermindToys.com)我們察覺(jué)到有另一種偏向。用者是在網(wǎng)頁(yè)的頂部先開(kāi)始搜尋，這顯示鏈接的位置與一般用戶(hù)的假設并不相符，情況就如網(wǎng)站一(Toytogrowon.com)一樣 (圖 2)。
圖2. 任務(wù)一的注視順序 (MasterMindToys.com)
Clearview眼動(dòng)跟蹤軟件能顯示出用戶(hù)在屏幕的哪些區域內停留的時(shí)間更多和吸引用戶(hù)注視更多，該結果用不同顏色表示。顏色愈紅，表示這個(gè)位置被注視時(shí)間愈長(cháng)。
透過(guò)檢視這些‘熱點(diǎn)’，結果顯示用戶(hù)在網(wǎng)站一(Toytogrowon.com)和網(wǎng)站二(MastermindToys.com)的眼睛移動(dòng)是一種非常分散的模式。這證明用戶(hù)在眼球的注意力不是集中在一個(gè)需要找的鏈接的位置，而是數個(gè)位置。無(wú)論何種原因，正是在這些位置上是他們花費最長(cháng)的時(shí)間、搜尋最多次的地方，他們在這些位置上最終發(fā)現要找的鏈接。
圖3. 任務(wù)一的首頁(yè)注視熱點(diǎn) (MasterMindToys.com)
圖4. 任務(wù)一的首頁(yè)注視熱點(diǎn) (Toystogrowon.com)
另一方面，當用戶(hù)在網(wǎng)站三(WonderBrains.com)進(jìn)行測試時(shí)，數據顯示熱點(diǎn)比較集中在要找的鏈接所在的位置，也就是網(wǎng)頁(yè)的頂部或底部。
圖5. 任務(wù)一的首頁(yè)注視熱點(diǎn) (WonderBrains.com)
任務(wù)二:以年齡分類(lèi)購物
這項任務(wù)目的是要求用者購買(mǎi)一份適合五歲或以上的小童的拼圖游戲。數據顯示，三個(gè)網(wǎng)頁(yè)的結果有很大分別－困難度(F(2.33)=3.593,p.=.039) (參考表二)。網(wǎng)站一(Toytogrowon.com)的得分最高，表示用戶(hù)在按年齡分類(lèi)購物時(shí)網(wǎng)站一(Toytogrowon.com)的設計較其它兩個(gè)網(wǎng)站遜色，使用時(shí)較困難。這些分析綜合了對本次任務(wù)的興趣區數據的考察。
表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) |
| 頁(yè)數 | 8.00 (4.11) | 5.08 (1.5) | 5.17 (0.94) |
本次任務(wù)按照兩種方法進(jìn)行： (1) using 在左面的導航條設有分類(lèi)項目，用者可在此處搜索拼圖游戲并在此將搜索范圍收窄； (2) 或使用網(wǎng)站首頁(yè)上的按年齡購物的鏈接功能。 在網(wǎng)站一(Toytogrowon.com)，按年齡購物功能只在網(wǎng)頁(yè)內按一條鏈接，其間只有一位用戶(hù)發(fā)現并使用。而據數據指出，該功能鏈接并不設在優(yōu)先的定像范圍內，用者需要在較后的時(shí)間才可找出鏈接的所在地(圖六)。
圖6. 第一注視點(diǎn)的順序 (Toystogrowon.com)
透過(guò)觀(guān)察網(wǎng)頁(yè)的熱點(diǎn)，注視位置和逗留的時(shí)間長(cháng)短可以對該項任務(wù)的結果分析有幫助。左面的導航條最能夠吸引用者的注意力，而位于頂部的年齡購物鏈接功能卻不是很特出，并不顯眼，只有一個(gè)用戶(hù)使用了該鏈接。用者需要以較長(cháng)的時(shí)間及多次觸及這個(gè)位置才能成功作出行動(dòng)，這表明意味用戶(hù)未能充份把握清楚確定鏈接的功能，所以沒(méi)有很快地選取鏈接。亦要歸因于鏈接并無(wú)獨有的圖像包裝，未能引起用者的注意力。
圖7. 表現了任務(wù)二吸引最多注意力的首頁(yè)上的熱點(diǎn)圖
在網(wǎng)站二(MasterMindToys.com)的大部份的測試者(其中有兩位除外)都能使用按年齡購物的鏈接，該鏈接位于網(wǎng)頁(yè)上方導航條的左側，點(diǎn)擊后按照不同年齡范圍給出鏈接列表，我們發(fā)現用者的視覺(jué)注意力主要集中在網(wǎng)頁(yè)的這個(gè)范圍 (見(jiàn)圖八)。盡管這不是眼動(dòng)跟蹤的優(yōu)先定像范圍，用戶(hù)仍能成功選取，沒(méi)有影響他們的表現。在此網(wǎng)頁(yè)某些項目是沒(méi)有用途的，卻吸引了用戶(hù)們的注意力。網(wǎng)頁(yè)中的商店內部照片及其旁邊的一些鏈接并沒(méi)實(shí)質(zhì)的用處，卻分散了注意力，令用戶(hù)無(wú)法在短時(shí)間內完成任務(wù)。但總體的設計和鏈接的位置效果不錯，是促成任務(wù)成功的要素，眼動(dòng)跟蹤收集來(lái)的數據顯示了這一點(diǎn)。
圖8. 任務(wù)五首頁(yè)注視點(diǎn) (MasterMindToys.com)
網(wǎng)站三(WonderBrains.com)的用戶(hù)在使用‘按年齡購物’選項時(shí)的視覺(jué)注意的分布較為均勻，盡管這個(gè)選項的位置比在該網(wǎng)頁(yè)上方的標準玩具分類(lèi)(圖九)在吸引注意力方面較為遜色。實(shí)際上，通過(guò)檢視這個(gè)熱點(diǎn)分布圖，可以發(fā)現在執行一項任務(wù)時(shí)，網(wǎng)頁(yè)上直接最吸引視覺(jué)注意力的部分，基本上就是相關(guān)的鏈接—無(wú)論是分類(lèi)瀏覽還是按年齡購物，別的都不太吸引視覺(jué)注意力。這表明網(wǎng)站三的主頁(yè)對于購物來(lái)說(shuō)對用戶(hù)的引導性最好（至少對于執行本任務(wù)來(lái)說(shuō)），最不容易分散用戶(hù)的視覺(jué)注意力。
圖9. 任務(wù)二首頁(yè)注視熱點(diǎn) (WonderBrains.com)
討論
通過(guò)比較網(wǎng)頁(yè)不同區域的視覺(jué)注意力，我們了解到很多關(guān)于用戶(hù)體驗的特性。特別是用戶(hù)眼動(dòng)跟蹤數據可以幫助可用性專(zhuān)業(yè)人士來(lái)找出哪些興趣區是潛在的：
- 注意力集中點(diǎn)
- 資料集中點(diǎn)
- 最容易被忽略的地方
- 最分散注意力的地方
這種方法不但可以檢視用者能否在網(wǎng)頁(yè)上順利尋找數據，而且還可以找出他們如何以及從何處找出他們心目中的鏈接和信息。這給標準的可用性測試補充了很多有用的信息，尤其在用戶(hù)期望方面和提供設計建議方面。
本次研究側重于如何解釋眼動(dòng)跟蹤數據對于上述網(wǎng)站的可用性測試的重要性。在日后的研究里，興趣區眼動(dòng)跟蹤不僅可以在網(wǎng)站的單個(gè)網(wǎng)頁(yè)或單個(gè)屏幕上使用，還可以在一個(gè)網(wǎng)站的不同頁(yè)面上廣泛使用(參考Pan等人在2004年發(fā)表的文章)，網(wǎng)站內不同的地點(diǎn)亦可比較 (參考 Josephson和Holmes在2002年發(fā)表的文章)，甚至在進(jìn)行可用性測試時(shí)，作不同階段的比較。此外，對于同一網(wǎng)站不同版本的重復研究時(shí)，以及對不同網(wǎng)站的對照研究時(shí)，也可以進(jì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.
