眼動(dòng)技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

摘 要：如今網(wǎng)絡(luò)已經(jīng)成為人們之間信息交換的重要工具，人們經(jīng)常通過(guò)網(wǎng)絡(luò)搜索獲得自己所需要的信息，網(wǎng)頁(yè)所有者如企業(yè)機(jī)構(gòu)也一直在試圖進(jìn)一步利用網(wǎng)絡(luò)傳播的方式將自己的信息更好的向大眾傳播。因此使用眼動(dòng)技術(shù)為網(wǎng)頁(yè)設(shè)計(jì)提供更加科學(xué)的指導(dǎo)也越來(lái)越成為一個(gè)有現(xiàn)實(shí)價(jià)值的課題。

關(guān)鍵詞：眼動(dòng)技術(shù);網(wǎng)頁(yè)設(shè)計(jì);網(wǎng)頁(yè)搜索

1 研究網(wǎng)頁(yè)搜索采用的主要研究材料和眼動(dòng)指標(biāo)

對(duì)網(wǎng)頁(yè)搜索行為的分析和網(wǎng)頁(yè)設(shè)計(jì)的研究不是單純的計(jì)算機(jī)領(lǐng)域問(wèn)題，而是涉及到了心理學(xué)、社會(huì)學(xué)、認(rèn)知科學(xué)等多門(mén)學(xué)科。[1]一般而言，網(wǎng)頁(yè)搜索的眼動(dòng)研究材料可分為人工頁(yè)面和真實(shí)網(wǎng)頁(yè)。人工頁(yè)面也就是指呈現(xiàn)給被試一個(gè)靜態(tài)單一屏幕的網(wǎng)頁(yè)界面。真實(shí)網(wǎng)頁(yè)中則存在著更加多種的呈現(xiàn)形式，實(shí)驗(yàn)材料是對(duì)真實(shí)網(wǎng)頁(yè)的截取，被試在實(shí)驗(yàn)過(guò)程中需要進(jìn)行滾屏等操作，更具有生態(tài)效度。最早的網(wǎng)頁(yè)研究主要是通過(guò)調(diào)查問(wèn)卷以及對(duì)用戶在網(wǎng)頁(yè)上點(diǎn)擊數(shù)據(jù)的收集來(lái)進(jìn)行分析的，如果想要獲得更加全面詳細(xì)的信息，就需要運(yùn)用到眼動(dòng)追蹤技術(shù)。因?yàn)橥ㄟ^(guò)眼動(dòng)研究，不僅可以完整的還原用戶在各個(gè)網(wǎng)頁(yè)界面上的視覺(jué)運(yùn)動(dòng)軌跡，還可以通過(guò)對(duì)興趣區(qū)的劃分來(lái)考察用戶的關(guān)注點(diǎn)和關(guān)注度。[2]針對(duì)網(wǎng)頁(yè)設(shè)計(jì)的眼動(dòng)研究主要用到的指標(biāo)有首次注視點(diǎn)、平均注視時(shí)間、眼動(dòng)注視軌跡等。

2 網(wǎng)頁(yè)搜索的相關(guān)眼動(dòng)研究

已有研究證明人們?cè)趯?duì)文字背景下的網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)，更多的將注視分布在網(wǎng)頁(yè)左側(cè)和靠前位置，當(dāng)搜索目標(biāo)處于這些位置時(shí)人們的搜索效率會(huì)相對(duì)更高。因?yàn)橛脩裟J(rèn)搜索結(jié)果的排序是根據(jù)相關(guān)和有用的程度而來(lái)的。[1]需要補(bǔ)充的是，雖然大部分搜索任務(wù)的首次注視點(diǎn)集中在頁(yè)面的中心區(qū)域，但當(dāng)沒(méi)有獲得所需信息后，用戶會(huì)轉(zhuǎn)向更多注視周邊區(qū)域的搜索策略。[3]另外，當(dāng)我們進(jìn)行網(wǎng)頁(yè)搜索的時(shí)候經(jīng)常會(huì)看到某個(gè)條目多少人表示滿意、推薦的標(biāo)識(shí)，似乎吸引著我們?nèi)c(diǎn)擊查看，那這種增添的其他用戶推薦信息有沒(méi)有影響到我們的搜索行為呢？研究證明雖然有時(shí)候被試沒(méi)有注意到這些推薦信息，最終的行為表現(xiàn)上也沒(méi)有因?yàn)檫@類信息的有無(wú)而表現(xiàn)出顯著的差異，但大多數(shù)的被試認(rèn)為這些信息是有利于自己進(jìn)行網(wǎng)頁(yè)搜索的。[4]可見(jiàn)推薦信息的存在是能增加用戶好感度的。相應(yīng)的，被試會(huì)容易被帶有情感傾向的信息吸引。[5]因此不難理解一些網(wǎng)頁(yè)為了吸引用戶點(diǎn)擊會(huì)設(shè)置一些帶有夸張情感傾向的關(guān)鍵詞，我們通常所說(shuō)的“標(biāo)題黨”就是利用了這一特性。網(wǎng)頁(yè)搜索不限于對(duì)文字信息，用戶對(duì)圖片搜索的需求也非常大。與文字搜索不同，研究表明搜索效率最高的區(qū)域位于頁(yè)面的底端。[6]這可能是由于相比于圖片，用戶對(duì)文字信息的處理需要更精細(xì)的逐條加工。

3 網(wǎng)頁(yè)布局的相關(guān)眼動(dòng)研究

網(wǎng)頁(yè)布局是網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)重要部分。所謂網(wǎng)頁(yè)布局，就是把網(wǎng)頁(yè)中各種構(gòu)成要素在網(wǎng)絡(luò)瀏覽頁(yè)中合理、有效、按照統(tǒng)一規(guī)范進(jìn)行組合，以期達(dá)到更好的視覺(jué)效果。[7]根據(jù)前人研究，用戶網(wǎng)頁(yè)搜索的效率在不同的網(wǎng)頁(yè)布局如文字密度等情況下有顯著差異。[3]被試在高密度的視覺(jué)條件下的搜索效率要顯著低于低密度的頁(yè)面視覺(jué)條件，因?yàn)樵诟呙芏鹊捻?yè)面條件中被試要關(guān)注和注視的內(nèi)容需要耗費(fèi)更多的認(rèn)知資源。[8]不過(guò)在與之相應(yīng)的用戶滿意度調(diào)查中，被試對(duì)高密度頁(yè)面的滿意度要顯著高于低密度頁(yè)面，這看起來(lái)似乎有些矛盾，但在另一方面卻顯示在真實(shí)的搜索環(huán)境中，用戶可能會(huì)更關(guān)注頁(yè)面中的信息量，更多的內(nèi)容會(huì)讓被試感覺(jué)更容易找到自己所需要的信息。

網(wǎng)頁(yè)布局于頁(yè)面背景之下，與網(wǎng)頁(yè)設(shè)計(jì)有關(guān)的另一基本要素就是網(wǎng)頁(yè)背景色。相關(guān)研究結(jié)果顯示頁(yè)面亮度太高容易刺激眼睛眨眼頻率過(guò)大或瞳孔長(zhǎng)時(shí)間收縮引起視覺(jué)疲勞，太低的話能見(jiàn)度會(huì)受到影響。另外綠色和藍(lán)色在亮度和純度取值相對(duì)較高時(shí)用戶的視覺(jué)感受會(huì)更舒適，使用黃綠、淺灰的背景時(shí)用戶的情緒體驗(yàn)也較高。[9]當(dāng)然網(wǎng)頁(yè)的色彩選擇還是要根據(jù)具體情況具體分析，比如針對(duì)女性群體一般采用偏紅和暖色系比較適合，而對(duì)于企業(yè)網(wǎng)頁(yè)較低的亮度與飽和度會(huì)給用戶相對(duì)穩(wěn)重和信賴的感受。

4 中西方研究對(duì)比與總結(jié)

總的來(lái)說(shuō)，國(guó)外對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的眼動(dòng)研究比國(guó)內(nèi)開(kāi)始的早也更成熟，而且對(duì)各個(gè)年齡段還有性別差異上都有比較全面的研究。而我國(guó)在這方面的研究比較少，且更偏向于是計(jì)算機(jī)專業(yè)的研究者在做，有關(guān)心理學(xué)的成分還比較少，因此在這方面仍然有很大的發(fā)展空間。已有的網(wǎng)頁(yè)設(shè)計(jì)眼動(dòng)研究為設(shè)計(jì)工作者們提供了許多具有指導(dǎo)性的建議，比如用戶會(huì)更容易關(guān)注到網(wǎng)頁(yè)上端的信息，適當(dāng)?shù)慕榻B性信息會(huì)有利于用戶進(jìn)一步的點(diǎn)擊查看;網(wǎng)頁(yè)的文字信息量應(yīng)該適中，密度太大會(huì)引起用戶的視覺(jué)疲勞;網(wǎng)頁(yè)的配色應(yīng)該與網(wǎng)頁(yè)的性質(zhì)相符，同時(shí)考慮到用戶的視覺(jué)舒適等等。如果能充分利用這些研究成果，將會(huì)有利于達(dá)成一個(gè)用戶和網(wǎng)頁(yè)所有者的雙贏局面

參考文獻(xiàn)

[1] Guan Z， Cutrell E. An eye tracking study of the effect of target rank on web search[C]//Proceedings of the SIGCHI conference on Human factors in computing systems. ACM， 2007： 417-420.

[2]金瑞銘. 視線追蹤技術(shù)在網(wǎng)頁(yè)關(guān)注點(diǎn)提取中的應(yīng)用研究[D].西安工業(yè)大學(xué)，2016.

[3]栗覓，鐘寧，呂勝富.Web頁(yè)面視覺(jué)搜索與瀏覽策略的眼動(dòng)研究[J].北京工業(yè)大學(xué)學(xué)報(bào)，2011，37（05）：773-779.

[4]Lu W， Jia Y. An eye-tracking study of user behavior in web image search[C]//Pacific Rim International Conference on Artificial Intelligence. Springer， Cham， 2014： 170-182.

[5]Qin L， Zhong N， Lu S， et al. Emotion and rationality in web information： An eye-tracking study[C]//International Conference on Active Media Technology. Springer， Berlin， Heidelberg， 2011： 113-122.

[6]瞿彬. 網(wǎng)頁(yè)視覺(jué)搜索的眼動(dòng)研究[D]. 金華： 浙江師范大學(xué)， 2007.

[7]石金富，曹曉華，王鋼，瞿彬.網(wǎng)頁(yè)布局對(duì)視覺(jué)搜索影響的眼動(dòng)研究[J].人類工效學(xué)，2008，14（04）：1-3.

[8]Cutrell E， Guan Z. What are you looking for？： an eye-tracking study of information usage in web search[C]//Proceedings of the SIGCHI conference on Human factors in computing systems. ACM， 2007： 407-416.

[9]姚海娟.基于眼動(dòng)記錄技術(shù)的網(wǎng)頁(yè)視覺(jué)吸引力研究[J].包裝工程，2013，34（10）：4-6+18.

作者簡(jiǎn)介

黃曉妍（1995-），女，漢族，江西省吉安市人，碩士研究生，心理學(xué)碩士，江西師范大學(xué)心理學(xué)院心理學(xué)專業(yè)，研究方向：發(fā)展與教育心理學(xué)。