眼睛，是人類最重要的感覺 （sense）器官。心理學(xué)研究表明，70% 以上的外界信息都通過人的眼睛來獲得。在人際交往中，眼神也是傳遞信息的重要途徑和表述情感的“秋波”。

當(dāng)今社會(huì)，網(wǎng)絡(luò)已成為人們生活中的依賴， 網(wǎng)絡(luò)活動(dòng)日益趨向于用眼睛來完成。這一方面造就了我們所說的一種經(jīng)濟(jì)模式——眼球經(jīng)濟(jì)；另一方面也使得網(wǎng)站使用者（用戶）的“眼神（gaze）”成為網(wǎng)站界面設(shè)計(jì)者關(guān)注的核心。

界面設(shè)計(jì)者一直都對(duì)用戶使用網(wǎng)絡(luò)時(shí)的心理活動(dòng)感興趣，因?yàn)樗麄兿敫玫刈層脩艉?jiǎn)單、高效地完成任務(wù)，并提高用戶對(duì)網(wǎng)站的粘合度。人的潛意識(shí)往往通過眼睛這個(gè)心靈的窗戶浮現(xiàn)出來。但是，眼睛這個(gè)器官本身很精密，記錄它們的運(yùn)動(dòng)，比網(wǎng)站服務(wù)器自動(dòng)記錄人的鼠標(biāo)點(diǎn)擊要困難得多。所幸的是，在心理學(xué)領(lǐng)域，眼動(dòng)儀已經(jīng)廣泛地用于各種實(shí)驗(yàn)研究。受其啟發(fā)，眼動(dòng)儀在界面設(shè)計(jì)方面的應(yīng)用，近年來開始逐漸普及起來。

一、眼動(dòng)與眼動(dòng)儀

我們平時(shí)看東西的時(shí)候，經(jīng)常意識(shí)到自己的視線其實(shí)在不停地四處游走，這種現(xiàn)象在心理學(xué)上稱為眼跳（saccade）。眼跳保證眼睛所獲取的信息處于不斷的更新中。眼跳時(shí)間一般在幾十毫秒，眼跳的距離有長(zhǎng)有短。這種現(xiàn)象能夠透露和解讀用戶在尋找目標(biāo)信息時(shí)的行為過程。 圖1記錄的是用戶在試圖尋找信息時(shí)視線在網(wǎng)頁不同部分移動(dòng)的情形。其中距離不等的直線記錄的就是用戶的眼跳。

除了各種直線外，圖1中還有許多大小不一的圓圈。這是另外一種常見的眼動(dòng)行為：注視（fixation）。注視是指視線固定在某個(gè)點(diǎn)上的行為，這個(gè)點(diǎn)也被稱為注視點(diǎn)。這種行為更通俗的解釋就是“盯著看”。由于映射在眼球中的影像需要一定的大腦處理時(shí)間，所以一般意義上認(rèn)為，只有注視的時(shí)間超過0.3秒才會(huì)被認(rèn)為是一個(gè)合適的注視點(diǎn)。注視時(shí)間被認(rèn)為是用戶理解網(wǎng)站目標(biāo)信息的過程。

由于上述的眼動(dòng)行為都是發(fā)生在1秒之內(nèi)的瞬間， 所以記錄這些行為需要特殊的精密設(shè)備。這種設(shè)備就被稱為眼動(dòng)儀（eye tracker）。目前，眼動(dòng)儀的軟硬件技術(shù)很成熟，并有多種型號(hào)以適應(yīng)不同的使用情境（use of context）。在用戶界面設(shè)計(jì)行業(yè)里，最常用的是圖2中的桌面系列。

圖2 SMI眼動(dòng)儀（來源：ISAR公司）

如圖3所示，眼動(dòng)儀的本質(zhì)是一臺(tái)紅外攝像機(jī)。它被嵌入或者安放在普通的顯示器下面，就構(gòu)成了一臺(tái)眼動(dòng)儀。設(shè)備會(huì)發(fā)射人眼看不見的紅外光波，眼睛吸收并反射這種光波。攝像機(jī)接受反射回來的光波并進(jìn)行一定的數(shù)學(xué)計(jì)算和格式轉(zhuǎn)換，就能在屏幕上定位眼睛所注視的位置。

二、如何使用眼動(dòng)儀研究界面設(shè)計(jì)

眼動(dòng)設(shè)備本身與其他人體信號(hào)檢測(cè)設(shè)備如多導(dǎo)生理記錄儀并無兩樣，是心理學(xué)在基礎(chǔ)研究與應(yīng)用研究中使用的工具。研究者僅需要對(duì)設(shè)備本身有較基本的認(rèn)識(shí)即可。在界面設(shè)計(jì)研究中真正起作用的是其建立在實(shí)驗(yàn)心理學(xué)、界面設(shè)計(jì)等學(xué)科上的研究邏輯。

在界面設(shè)計(jì)研究中，大量采用各種心理學(xué)的研究方法。其中最普遍采用的是問卷、訪談、使用性測(cè)試（usability testing）、數(shù)據(jù)挖掘（data mining）等。 但是這些并不能挖掘人類心理活動(dòng)的全部。弗洛伊德（Freud）著名的“潛意識(shí)”理論、格林沃德（Greenwald）的內(nèi)隱認(rèn)知（implicit cognition）研究都支持人類心理有一部分是很難用語言表達(dá)清楚的論斷，而眼動(dòng)研究正好解決了這個(gè)難題。

按照 ISAR的研究經(jīng)驗(yàn)，眼動(dòng)研究作為一種方法應(yīng)用到界面設(shè)計(jì)中，更適合于界面的草圖（被稱為線框圖）（paper prototype）的設(shè)計(jì)改進(jìn)。

圖4 1個(gè)簡(jiǎn)單的線框圖（來源：ISAR公司）

在網(wǎng)站上線之前，幾乎每個(gè)主要頁面都會(huì)由設(shè)計(jì)師給出類似的線框圖。而懂得眼動(dòng)測(cè)試技術(shù)的研究者的任務(wù)就是發(fā)現(xiàn)網(wǎng)頁草稿哪些地方會(huì)讓網(wǎng)站使用者遇見諸如“這個(gè)方塊是個(gè)按鈕嗎”“我怎么找不到登錄的地方”等問題。心理學(xué)者在進(jìn)行界面測(cè)試之前，都會(huì)對(duì)要測(cè)試的對(duì)象（object）作很多了解，以便制訂針對(duì)性的測(cè)試流程。接著他們會(huì)邀請(qǐng)真實(shí)的用戶來完成這些測(cè)試任務(wù)。測(cè)試完成后，用客觀、直接的眼動(dòng)數(shù)據(jù)將這些問題描述出來，使問題在設(shè)計(jì)早期就得到解決，從而節(jié)約項(xiàng)目時(shí)間和費(fèi)用。

三、眼動(dòng)測(cè)試中的常用結(jié)果

研究者可以從眼動(dòng)測(cè)試的結(jié)果圖片里，找到設(shè)計(jì)中出現(xiàn)的問題。 這些圖片中，較為常用的有三類：熱區(qū)圖（heatmap）、注視軌跡圖（scanpath）、興趣區(qū)圖（AOI，area of interest）。熱區(qū)圖中用戶注視時(shí)間長(zhǎng)短用顏色表示：紅色時(shí)間最長(zhǎng)、黃色次之、綠色最短；沒有顏色的部分表示用戶沒有看過。注視軌跡圖中用戶所看圖像上的彩色曲線代表注視點(diǎn)移動(dòng)軌跡，其中彩色圓點(diǎn)大小表示注視時(shí)間長(zhǎng)短。興趣區(qū)圖是可自主定義感興趣的圖像區(qū)域范圍，展示數(shù)量化的眼動(dòng)數(shù)據(jù)信息。

圖5是一個(gè)典型的熱區(qū)圖，它由很多顏色組成。有顏色的區(qū)域代表有網(wǎng)站使用者關(guān)注到這個(gè)區(qū)域。沒有顏色的部分，代表網(wǎng)站使用者沒有注視過這些區(qū)域。不同的顏色代表注視的時(shí)間長(zhǎng)度不同。熱區(qū)圖的靈感來源自地理學(xué)中的地形圖，即把高度不同的地面用不同的顏色表示出來。

圖5 某網(wǎng)頁的熱區(qū)圖（來源：ISAR公司）

網(wǎng)頁通常由好幾個(gè)模塊組成。不同訪問目的的用戶對(duì)各模塊的關(guān)注情況不同。有些用戶只關(guān)注自己的賬戶余額，登錄查看一下，所以登錄模塊對(duì)他來說就很重要；而某用戶則想尋找產(chǎn)品的細(xì)則條款，產(chǎn)品內(nèi)容對(duì)他來說就很重要。如果這些用戶關(guān)注的重點(diǎn)并沒有出現(xiàn)在熱區(qū)圖上紅色較為集中的區(qū)域里，這時(shí)候研究者就可以說“哦，這是個(gè)問題！”

注視軌跡圖也是一種常用的圖片，特別是在觀察用戶的目標(biāo)搜索過程時(shí)。圖6表明，用戶在尋找信息時(shí)，基于經(jīng)驗(yàn)和認(rèn)知會(huì)對(duì)其位置有一定的心理預(yù)期。當(dāng)網(wǎng)頁的位置設(shè)計(jì)違背了用戶的預(yù)期時(shí)，用戶眼睛的軌跡就會(huì)出現(xiàn)迷惘的移動(dòng)。圖中紅色方塊是用戶的點(diǎn)擊行為，用戶的視線移動(dòng)由左下往右上移動(dòng)。這說明，用戶視線最初是在左下方的，但是當(dāng)預(yù)期元素出現(xiàn)在右上方時(shí)，視線跳躍著移動(dòng)到了右上方。用戶視線穿過的無用空間對(duì)用戶尋找目標(biāo)構(gòu)成了障礙和時(shí)間浪費(fèi)。

圖7的興趣區(qū)是設(shè)計(jì)者特別關(guān)注的區(qū)域，例如登錄框、廣告圖片、客服專區(qū)等。這一區(qū)域會(huì)有若干設(shè)計(jì)可能，不同的設(shè)計(jì)讓用戶投入的認(rèn)知負(fù)荷（cognitive load）是不同的。所以，興趣區(qū)圖可以給出更多的指標(biāo)，對(duì)不同設(shè)計(jì)孰優(yōu)孰劣的評(píng)價(jià)給出參考。

圖7 興趣區(qū)圖（來源：ISAR公司）

四、結(jié)束語

眼動(dòng)測(cè)試作為一種重要的研究方法，這里僅作簡(jiǎn)介。讀者可以藉此略微了解心理學(xué)的研究是如何被應(yīng)用到界面設(shè)計(jì)的。如果想深入了解更多的細(xì)節(jié)，例如被試數(shù)量、眼動(dòng)測(cè)試中的定標(biāo)（calibration）、回視（revisit）、唐德斯（Donders）減法反應(yīng)時(shí)邏輯與眼動(dòng)測(cè)試的關(guān)系等，可參考：

http：//www.useit.com/eyetracking/methodology/

http：//eyetracking.me/wp-content uploads/2009/ 05/tobii_ shanghai_slides.pdf