眼动技术在网页设计中的应用

摘 要：如今网络已经成为人们之间信息交换的重要工具，人们经常通过网络搜索获得自己所需要的信息，网页所有者如企业机构也一直在试图进一步利用网络传播的方式将自己的信息更好的向大众传播。因此使用眼动技术为网页设计提供更加科学的指导也越来越成为一个有现实价值的课题。

关键词：眼动技术;网页设计;网页搜索

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-），女，汉族，江西省吉安市人，硕士研究生，心理学硕士，江西师范大学心理学院心理学专业，研究方向：发展与教育心理学。