招聘网页设计的眼动研究

汤舒俊++韩竹琴+

摘要：本研究以20名在校大学生为被试，研究在浏览招聘网页过程中网页设计（包括网页的布局和标题的形式）对视觉搜索的影响。研究结果表明：在不同的标题形式下，浏览招聘网页的眼动模式表现出了显著差异，图文并茂型标题形式的网页的平均注视时间和平均瞳孔直径都明显高于仅有文字型标题形式的网页，而后者的记忆成绩要好于前者；不同网页布局对眼动模式及被试记忆成绩有一定影响，不同网页布局对标题形式眼动模式差异的程度有影响，标题正文型布局的网页记忆成绩显著好于拐角型网页。

关键词：眼动；视觉搜索；网络招聘；网页设计

一、引言

目前就业问题日趋突显，随着科技发展、信息高速传播，网络招聘成为一种重要的招聘形式。大量企业通过网络宣传其概况及发出招聘信息，同时大量待业者也通过网络查询招聘信息。网络渠道使人们获取就业信息更便捷，就业更为广泛。然而，近年来招聘网站越来越多，招聘信息爆炸，各式各样的网页冲击着人们的眼球。招聘网页要实现企业招聘的目的，更要符合用户的目的。为了使企业从众多招聘信息中脱颖而出，使待就业者能更有效地使用网络就业，对招聘网页的设计就成为十分重要的问题，它将影响到网络就业方式的效益。

对网页的眼动研究中，Menno（1997）研究视觉搜索策略与知觉结构类型相互关系时，发现在局部知觉模式时常伴有连续搜索［1］。我国心理学者对网页的眼动研究较晚，但近几年来已有一些进展。我国对网页的眼动研究多为对网络结构、网页呈现方式、网页与人的因素、网页布局和网络广告等的研究。石金富（2006）等人在网页布局对视觉搜索的影响的眼动研究中发现，网页布局对注视点数目、扫视路径和注视时间影响显著［3］。丁锦红等人（2004）在平面广告中图形与文本加工差异的眼动研究中发现，人们对文本和图形的加工方式存在差异，它不仅表现在眼动指标上，同时也表现在再认成绩上 ［4］。而眼动研究在招聘网页中的运用目前很少，本文对招聘网页的设计进行了眼动研究。

二、研究方法

（一）被试

随机抽取长江大学教育科学系应用心理学专业大四和大三的本科生30名，裸眼视力或矫正视力在1.0以上。实验后对数据记录的准确性进行检查，剔除记录不准确的被试数据，最后有20名被试的数据有效，其中女生13名，男生7名。

（二）实验仪器

实验仪器为ASL-D6眼动仪，眼动仪采样率为120Hz。实验材料由19英寸显示器显示，分辨率为1024×768像素，采用E-prime软件编写程序呈现刺激。被试与显示器中心的距离约为0.7米，眼睛正对显示器中心。

（三）实验材料

实验材料为公司的招聘网页，分为材料选取和制作两部分。首先，在大型招聘网站上选取了一些公司的招聘网页，从中再选取8张公司的招聘网页，要求这8家公司的知名度在心理学行业中不高。其次，对网页进行制作，每两张网页为一个水平。各招聘网页大小相同，内容均含有公司名称、公司简介、招聘职位和联系方式，网页文本部分（除标题和联系方式）的字体大小相同，标题均在网页上部。其中在招聘职位中，均含有1~2个职位是与心理学相关的职业。公司名在招聘网页中出现的次数保持一致。

（四）实验设计

本实验为2（网页布局类型：标题正文型和拐角型）×2（标题形式：图文并茂和只有文字）的被试内设计。实验总共可形成4个水平组合，每个水平有两个实验刺激，即两个公司的招聘网页。实验时，8个招聘网页随机出现，每张网页呈现10秒。实验结束后被试进行记忆测验。

（五）实验程序

每次一名被试进入实验室，单独完成实验。实验程序为：（1）让被试坐好，视线位于显示器正中，向被试说明实验要求并对眼动仪进行校准。（2）向被试说明实验程序，告知其实验过程中的操作。实验开始前，计算机的屏幕会出现指导语：“屏幕上将出现一些公司的招聘网页，请您按照平时的习惯浏览网页，期间不需做其他操作。每张网页的呈现时间为10秒，浏览完毕后，需要您填写一份问卷。当您明白操作后，请按键盘上的任意键开始实验。”被试按任意键后即开始实验，同时眼动仪自动记录数据。（3）刺激呈现完毕后，被试将进行记忆测验。通过问卷形式，要求被试判断是否见过该公司（用文字表述公司名）的招聘网页及确定程度。判断项目共15项，其中有8项公司名称是在实验中出现过的。被试判断的确定程度分为4个等级：肯定见过、好像见过、好像没见过和肯定没见过，分别评定为4分、3分、2分和1分。最后要求被试写出印象最深的招聘网页的公司名。

（六）实验数据的处理

原始数据由眼动仪自动记录，用ALS Results初步分析每张网页的注视次数、平均注视时间和瞳孔直径，最后所有数据用SPSS 20.0进行统计分析。在实验过程中由于某些原因眼动仪无法记录数据或使数据无效，在进行结果分析时，这些数据将被剔除。

三、实验结果及分析

（一）眼动指标的结果分析

对被试浏览网页的注视次数、平均注视时间和平均瞳孔直径的眼动数据进行分析。

1.注视次数

注视次数是指被试浏览网页过程中注视点的个数，注视次数的统计数据见下页表1。对其进行方差分析表明，布局类型的主效应不显著，F（1，19）=1.463，p>0.05；标题形式的主效应不显著，F（1，19）=1.460，p>0.05；布局类型和标题形式的交互效应不显著，F（1，19）=1.280，p>0.05。

2.平均注视时间

平均注视时间是指每个注视点平均所用的时间，其统计数据见下页表2。

对平均注视时间进行方差分析表明，布局类型的主效应不显著，F（1，19）=0.789，p>0.05；标题形式的主效应显著，F（1，19）=0.045，p<0.05；布局类型和标题形式的交互效应不显著，F（1，19）=0.157，p>0.05。由表2进一步分析发现：当标题形式为图文并茂型时，被试浏览网页的平均注视时间比标题形式为仅有文字时的要长。

3.平均瞳孔直径

平均瞳孔直径的统计数据见下页表3。

对平均瞳孔直径进行方差分析表明，布局类型的主效应不显著，F（1，19）=0.002，p>0.05；标题形式的主效应非常显著，F（1，19）=16.111，p<0.01；布局类型和标题形式的交互效应显著，F（1，19）=4.751，p<0.05。

进一步作简单效应分析发现：网页布局类型对被试浏览网页时的平均瞳孔直径的差异在标题形式的两个水平上均不显著，标题形式对被试浏览网页时的平均瞳孔直径的差异在网页布局类型的两个水平上均显著，在网页布局类型为标题正文型时，对标题形式进行检验，F（1，19）=6.450，p<0.05，同样在网页布局类型为仅有文字时，对标题形式进行检验，F（1，19）=17.755，p<0.001，可以看出，网页布局影响被试浏览网页时因标题形式带来的平均瞳孔直径的大小，在网页布局为拐角型时，标题形式的对平均瞳孔直径的影响非常大。

（二）记忆测验的结果分析

1.再认记忆成绩分析

被试对公司名称再认判断的统计数据见表4。

对再认判断进行方差分析表明，布局类型的主效应呈边缘显著，F（1，19）=4.214，p=0.054；标题形式的主效应显著，F（1，19）=5.656，p<0.05；布局类型和标题形式的交互效应不显著，F（1，19）=0.136，p>0.05。结合记忆成绩的平均值，进一步分析发现：网页布局类型为标题正文型时，被试记忆成绩要好于布局为标题拐角型时的成绩，网页标题形式为仅有文字时，被试记忆成绩要好于标题形式为图文并茂的成绩。

2.最深印象成绩分析

在20名被试的答案中，有一名被试填写的公司名为实验中未出现过的，除去该被试答案，剩余19名被试在各水平上记忆最深的人数分布见图1。

图1.最深印象的人数分布图

由图1可知，在标题正文型布局且标题有图片的条件下，与拐角型布局且标题形式为仅有文字的条件下，记忆印象最深的被试人数最多，并且其人数与其他两水平上的人数差异较大。

四、讨论

本研究将眼动技术运用到现实生活中，研究公司的招聘网页设计形式的效益，对招聘网页的选取及制作来源于现实网站，制作上因实验设计会有一定的限制，但尽量保持了实际招聘网页的形态。实验中图片刺激随机呈现，在一定程度上减少了实验的顺序误差，同时也在一定程度上减少了由记忆的系列位置效应带来的记忆误差。每个水平含有两个图片刺激，这适当加大了被试的任务量，在一定程度上减小了因一张图片失误的风险。

（一）不同网页布局的眼动模式及记忆成绩的比较

在日常阅读过程中，人们通常是从左上角开始，从左到右、从上到下地进行，Jakob Nielsen对网页的眼动研究表明，用户在阅读一个网页时往往呈现“F状”的模式 ［5］。本研究与石金富等人对网页布局的研究结果不完全相符，网页布局对注视次数和平均注视时间均没有显著影响。在研究设计上，本研究对网页布局的分类与石金富等人的分类不同，并只采用了两种类型。其次，每张网页呈现时间为10秒，此时间条件下，多数被试浏览网页能尽量看懂大部分内容但又不能全部看完。有研究表明，有无时间压力对被试浏览的效果会产生影

响［6］。刺激呈现时间可能会影响本实验注视次数的结果。

在记忆测验中，布局类型的主效应呈边缘显著，被试对标题正文型布局的网页的记忆成绩要好于拐角型布局的网页。本实验中的记忆测试主要是对公司名字记忆的测试，而对标题和公司简介的浏览会加强对公司名字的记忆。在标题正文型布局的网页中，公司简介在招聘职位的上方，处于标题和招聘职位中间，被试受浏览习惯的影响，可能会先对网页的上部与中部进行浏览，并且注视次数较多，因而加强了对公司的了解和记忆。在拐角型网页中，招聘职位在公司简介的左边，求职者可能会很快被招聘职位所吸引，而对公司标题及简介的浏览会相应减少。（实验后，部分被试说明其比较注重招聘职位）。所以，若公司招聘网页为了加强对自身的宣传力度，选择标题正文型的网页布局比较适合。

（二）不同标题形式的眼动模式及记忆成绩的比较

文字与图画是不同的符号系统，文字与图画的的信息编码也存在几种编码理论，有人曾对图画与中英文字词识别加工的比较进行过研究，研究表明命名任务中，图画的反应速度比中文要慢，其差异反映了不同材料的表层特性及区别特征的差异［7］。

本研究与前人的研究比较相符。当标题有图片时，被试需要对图片进行与文字不同方式的信息编码，同时被试浏览网页的认知负荷增大，所需心理努力增多；再者，图片也可能会引起被试的兴趣，调节浏览者浏览网页时的情绪和态度，这些会影响被试对网页的注视时间和瞳孔的平均直径。瞳孔直径的大小反映了被试浏览时的认知加工紧张程度，有研究表明，当被试看到感兴趣或喜爱的东西时瞳孔会放大。这在一定程度上解释了当标题形式为图文并茂时，被试浏览网页的平均注视时间比标题形式为仅有文字时的要长，其平均瞳孔直径要大。

但是平均注视时间的增多和瞳孔直径的增大并没有加强被试对公司的记忆，反而减弱了。在记忆测试的分析中，标题形式的主效应显著，表现为标题形式仅有文字时，被试记忆成绩要好于标题形式为图文并茂时的成绩。每个注视点时间增多可能会加深被试对注视内容的记忆，但在本实验中公司的名字均单独写出，在有图片的网页中标题在图片上方。相对于只有文字的网页，有图片的网页在标题处的信息密度较大，被试对文字浏览的绩效可能会受到影响。刘杰（ 2006）针对网页视觉设计的视觉搜索能力进行研究，发现信息密度对绩效影响显著［8］。本研究表明图片会影响被试对其周围文字的加工，干扰对文字的记忆。不过，这也可能跟图片的大小有关。

所以，招聘网页可以用图片来吸引浏览者的注意，并且用与公司相关的图片可能会更快地传达公司的特征，但图片的引用也会影响对公司招聘网页的内容如公司名字的加工，同时会影响求职者的阅读绩效。

（三）布局类型与标题形式交互影响

在本研究中，对于眼动指标仅在平均瞳孔直径的分析中发现布局类型与标题形式出现交互效应。网页布局对平均瞳孔直径的主效应和简单效应均不显著，但在其不同水平上，标题形式对被试浏览网页时平均瞳孔直径大小有显著影响，在网页布局为拐角型时，标题形式的对平均瞳孔直径的影响变得非常明显。这些说明在网页设计的过程中要综合考虑多方面的因素，单一的因素会对某些指标产生明显影响，但其他因素的改变可能会使该影响上升或下降。

在记忆测试中，对印象最深公司的回答的数据分析中表现出两变量交叉现象，由于仅是对较少人数的统计，不能说明根本问题，但能说明表面迹象，即对于标题正文型布局且标题有图片的水平，与拐角型布局且标题形式为仅有文字的水平，记忆印象最深的人数最多，并且其人数与其他两水平上的人数差异较大。

五、结论

本实验得出如下结论：

（1）不同的标题形式下，被试浏览招聘网页的眼动模式表现出显著差异，图文并茂的标题形式的网页的平均注视时间和平均瞳孔直径均显著高于仅有文字的标题形式的网页，注视次数没有显著差异。

（2）在不同标题形式下，被试记忆成绩差异显著，仅有文字标题形式的网页的记忆成绩显著好于图文并茂的标题形式的网页。

（3）网页的不同布局对眼动模式及被试记忆成绩有一定影响，不同的网页布局对标题形式眼动模式的差异程度有影响。

（4）在不同的网页布局下，被试记忆成绩差异显著，标题正文型布局的网页记忆成绩要好于拐角型网页。

［1］Menno H,Ceesvan L.Visual Search Strategy and Perceptual Organization Covary with Individual Preference and Structural Complexity［J］.Acta-Psychologica,1997, 95（ 2）.

［2］Catherine M.Navigation Strategies with Ecological Displays［J］.International Journal of Human- Computer Studies,2000,52（2）.

［3］ 石金富,曹晓华等. 网页布局对视觉搜索影响的眼动研究［J］.人类工效学,2008（04）.

［4］丁锦红,王军,张钦.平面广告中图形与文本加工差异的眼动研究［J］.心理学探新,2004,24（92）.

［5］眼动仪，http://www.hudong.com/wiki/%E7%9C%BC%E5%8A%A8%E4%BB%AA

［6］刘立立.大学毕业生应聘简历的眼动研究［D］.长春：东北师范大学，2007.

［7］李文玲,张厚璨.图画与中英文字词识别加工的比较［J］.心理学报,1993（1）.

［8］刘杰,饶培伦.针对网页视觉设计的视觉搜索能力研究［J］.人类工效学,2006,12（2）.

栏目编辑 / 杨 怡.终校 / 丁 尧

表1.注视次数的统计数据

布局类型

标题正文型

拐角型

综合

标题形式

图文

仅文字

总

图文

仅文字

总

图文

仅文字

总

注视

次数

N

20

20

40

20

20

40

40

40

80

M

5.388

5.389

5.388

6.925

5.520

6.223

6.156

5.454

5.805

SD

1.069

1.253

1.100

1.348

1.326

1.254

1.160

1.170

1.128

表2.平均注视时间的统计数据（秒）

布局类型

标题正文型

拐角型

综合

标题形式

图文

仅文字

总

图文

仅文字

总

图文

仅文字

总

平均

注视

时间

N

20

20

40

20

20

40

40

40

80

M

0.355

0.278

0.317

0.374

0.315

0.345

0.365

0.297

0.331

SD

0.038

0.018

0.020

0.038

0.024

0.028

0.032

0.014

0.019

表3.平均瞳孔直径的统计数据（度）

布局类型

标题正文型

拐角型

综合

标题形式

图文

仅文字

总

图文

仅文字

总

图文

仅文字

总

平均

瞳孔

直径

N

20

20

40

20

20

40

40

40

80

M

42.661

41.198

41.929

43.346

40.457

41.901

43.003

40.827

41.915

SD

0.972

1.006

0.946

1.144

1.230

1.137

1.012

1.073

1.007

表4.再认判断的统计数据

布局类型

标题正文型

拐角型

综合

标题形式

图文

仅文字

总

图文

仅文字

总

图文

仅文字

总

再认

判断

N

20

20

40

20

20

40

40

40

80

M

3.190

3.300

3.245

2.593

3.175

2.884

2.891

3.238

3.064

SD

0.146

0.190

0.127

0.174

0.196

0.158

0.115

0.151

0.113

在大规模教育测评中，往往要求同时测评较多的内容，使学生感到疲劳和不耐烦，很有可能出现随意答、绕花答等现象，影响测评质量。通过简化测评工具可以有效地解决上述问题。