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

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

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

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

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

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

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

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

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

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

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

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

參考文獻

[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)頁關(guān)注點提取中的應(yīng)用研究[D].西安工業(yè)大學(xué)，2016.

[3]栗覓，鐘寧，呂勝富.Web頁面視覺搜索與瀏覽策略的眼動研究[J].北京工業(yè)大學(xué)學(xué)報，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)頁視覺搜索的眼動研究[D]. 金華： 浙江師范大學(xué)， 2007.

[7]石金富，曹曉華，王鋼，瞿彬.網(wǎ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]姚海娟.基于眼動記錄技術(shù)的網(wǎng)頁視覺吸引力研究[J].包裝工程，2013，34（10）：4-6+18.

作者簡介

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