眼動追蹤研究對網(wǎng)站可用性的啟示

眼動追蹤將人視覺獲取信息的行為顯性化,讓我們有機(jī)會去觀察用戶是如何從網(wǎng)頁界面上獲取信息的,通過用戶在界面上的注視行為軌跡和時間判斷界面元素被注意的程度。
注意分布會受到界面因素的影響,如按鈕顏色、字體大小、形狀,也會受到來自用戶的內(nèi)源因素的影響,如用戶使用情境,當(dāng)前任務(wù)、情緒狀態(tài)、個人使用經(jīng)驗(yàn)等。界面的眼動追蹤測試主要是了解界面的各元素或區(qū)塊的注意情況,應(yīng)盡量避免或平衡內(nèi)源因素的影響。
l? 眼動行為:注視、眼跳
注視眼跳
l? 眼動結(jié)果的呈現(xiàn):注視點(diǎn)圖、熱點(diǎn)圖

通過大量的眼動研究我們總結(jié)出一些規(guī)律和常見的可用性設(shè)計(jì)建議或者說是驗(yàn)證了一些可用性設(shè)計(jì)原則。
l? 用戶掃視內(nèi)容,而不是閱讀
用戶在網(wǎng)站上掃視他們需要的內(nèi)容,大部分時間不會閱讀網(wǎng)站上內(nèi)容。從眼動軌跡看,大量注視點(diǎn)散落在各個分離的區(qū)域,整個眼動過程帶有一定隨機(jī)性,而且速度很快。眼動軌跡可以清楚的顯示用戶閱讀了哪些文本信息,用戶通常用在一兩個注視點(diǎn)就可以決定是否需要此內(nèi)容或內(nèi)容是否重要。
那么用戶讀到了什么就成了一個重要的問題,可以通過出聲思維或在測試后進(jìn)行訪談的方法獲得。

l? 文案設(shè)計(jì)——使用用戶語言
不當(dāng)?shù)奈陌甘呛芏嗫捎眯詥栴}的成因之一。一般來講用戶不會在網(wǎng)頁上花太多的時間。面對他們不理解的鏈接,他們更多的是忽視,而不是探索。文案設(shè)計(jì)要與用戶期望一致。
不進(jìn)行可用性任務(wù)測試時,單純的眼動追蹤結(jié)果不能明確文案問題。用戶注視某個詞的時間或注視點(diǎn)多于其它詞,這不能說明文案有問題,也可能是用戶對此感興趣。
如果用戶的認(rèn)識是查找具體信息,眼動追蹤的數(shù)據(jù)是較容易解釋的。如用戶注視了某個鏈接,盡管鏈接是用戶要找的,但是他們并沒有點(diǎn),這說明用戶的期望與文案想要傳達(dá)的信息有出入。
l? 使用統(tǒng)一規(guī)范
網(wǎng)站設(shè)計(jì)規(guī)范要延續(xù)用戶網(wǎng)絡(luò)使用習(xí)慣,這樣可以減少用戶的學(xué)習(xí)成本。如很多網(wǎng)站的logo在頁面左上角,對一個初次訪問的網(wǎng)站來說,頁面左上角是用戶期望的logo位置。每個終端有其獨(dú)特的優(yōu)勢,跨終端產(chǎn)品既要利用終端的優(yōu)勢,也不忘保持統(tǒng)一性,用戶不必去適應(yīng)新的交互方式。
在設(shè)計(jì)元素的布局上,使用眼動追蹤可以得到用戶對某個特定元素的位置期望。
例1,了解用戶對主導(dǎo)航的位置期望,給被試呈現(xiàn)網(wǎng)站然后讓用戶說出目前所在頁面,被試通常會頁面的左上角(如圖)。頁面左上角是告訴用戶“我在哪”的重要位置。

例2,一個用戶看一眼左側(cè),發(fā)現(xiàn)不是自己想要的就馬上離開。顯然右側(cè)的內(nèi)容更具吸引力,可能右側(cè)的內(nèi)容更適宜放到左側(cè),這樣用戶一眼就能看到想要的內(nèi)容。

l? 有目的的提高功能可見性
功能的外觀設(shè)計(jì)隱喻其本身功能性,讓用戶能夠很容易發(fā)現(xiàn)并使用。如紅色的按鈕吸引人們的點(diǎn)擊,可見性通過這種方式自然而然的引導(dǎo)人們正確的完成任務(wù)。缺乏可見性首先會導(dǎo)致可用性問題,用戶找不到或花很費(fèi)力的找到需要的功能,在此過程中,用戶要浪費(fèi)多余的注視點(diǎn)、進(jìn)行多次眼跳去尋找他們需要的功能。
當(dāng)然錯誤的突出不重要的元素同樣會讓用戶誤入歧途。用戶的注意資源是有限的,某些區(qū)域投入的多,那么其余區(qū)域肯定會少。交互元素在視覺上的強(qiáng)弱要與其功能在頁面上的優(yōu)先級相匹配,設(shè)計(jì)以達(dá)成有效用戶目標(biāo)或完成任務(wù)為目的。
總之,眼動追蹤是一種手段,用更充足數(shù)據(jù)資料驅(qū)動設(shè)計(jì)決策,少些拍腦袋的決策,少些“我覺得……”,真正的關(guān)注用戶。
參考:尼爾森《用眼動提升網(wǎng)站的可用性》
Martina M, Norbert Z. Eye tracking in usability research: What users really see
