眼動技術在網頁設計中的應用

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

關鍵詞：眼動技術;網頁設計;網頁搜索

1 研究網頁搜索采用的主要研究材料和眼動指標

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

2 網頁搜索的相關眼動研究

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

3 網頁布局的相關眼動研究

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

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

4 中西方研究對比與總結

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

參考文獻

[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]金瑞銘. 視線追蹤技術在網頁關注點提取中的應用研究[D].西安工業大學，2016.

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

[7]石金富，曹曉華，王鋼，瞿彬.網頁布局對視覺搜索影響的眼動研究[J].人類工效學，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]姚海娟.基于眼動記錄技術的網頁視覺吸引力研究[J].包裝工程，2013，34（10）：4-6+18.

作者簡介

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