被试者页面,眼动仪在网页优化中实验探讨

网络的越发，网络学习在各大高校悄然兴起，对其热爱也逐渐增加，越来越多的学习者接受了学习方式。对于网络课程首页的设计除了传统的问卷法、访谈法等评价方式以外，定量的评价方式很少见到。视线追踪技术以学习者的角度定量的来评价页面的设计，学习者的视线轨迹来量化的浅析页面的设计情况。视线追踪是近几年专家学者探讨的热点，但其和网络课程首页设计相联系探讨的还，希望抛砖引玉，有更多的专家学者探讨。
一、

(一)眼动仪概述

早在19世纪已有学者人的眼球运动来浅析人的心理活动，当时使用肉眼观察被试的眼动情况。策略简单易行，较为方便。但它受主观因素影响，结果精确。技术的进展，眼动技术也在不断改善，出现了机械法、光学法、电流法等一系列眼动策略。专家学者致力于改善眼动技术，20世纪60年代以来，摄像技术、红外技术（infrared technique）和微电子技术在社会的迅猛进展，再加上计算机技术的，极大的推进了探讨人员对高精度眼动仪的研发，以而推动了眼动探讨在国际心理学及学科运用。眼动心理学的探讨已经当代心理学探讨的范型，在专业领域也越来越。
眼动技术以眼动轨迹的中提取诸如注视点、注视时间、注视次数、眼跳距离、瞳孔大小等数据，以而探讨个体的内在认知。现代眼动仪的结构一般四个系统，即光学系统、瞳孔中心坐标提取系统、视景与瞳孔坐标迭加系统和图像与数据的浅析系统。眼动有三种方式：注视（fixation）、眼跳（saccades）和追随运动（pursuit movement）。
在对学习者的心理浅析时，有参数：
（1）注视时间是指注视点所停留的时间。注视时间被试者对加工的仔细，也受的长短，难易，布局等因素影响。
（2）注视次数是指注视的多少。注视次数多少被试者对的熟悉，与注视时间密切。
（3）次到达区域的时间是指在区域内搜索所的时，次到达区域的时间。其是衡量学习者学习效率的指标。
（4）眼动轨迹图是将眼动信息用数据和图形的方式呈现出轨迹视图，能最、最直观和最全面地眼动的时空特点。
（5）瞳孔大小。瞳孔直径与人的情绪和认知加工有密切联系。如厌恶的东西瞳孔会缩小，感兴趣的东西瞳孔会增大。阅读时文字理解难度越高，记忆负荷量越大，则瞳孔会放得越大。
（6）眼跳距离是指一次注视完成后，以注视点转移到下一次注视点之间的距离。距离的大小与加工的内容有关。
（7）丢失时间是指在注视中，被试者并注视到被试的时间。导致的理由是被试的难度和被试者的疲劳等多种理由。

(二)“米达斯接触”概述

所谓“米达斯接触”（midas touch），原意为无论你接触东西，它都会变成金子（whatever you touch，turns to gold）。在基于视线追踪的人机交互中指的是，在视觉选择和操作时，操作者的注视位置其感兴趣的，系统可这一特点作出反应。眼动信号以方式作用于网络课程的主界面，眼动仪观察到被试者的眼动轨迹。页面的设计，让使用者对的信息“米达斯接触”，尽量避开“米达斯接触”不必要的信息。

二、探讨实验设计

（一）被试
选取江苏师范大学20名本科生随机分成两组实验。被试者年龄在20～22岁之间，被试者视力或矫正视力正常，均无色盲且为自愿参加。法学论文实验完成后被试可一份礼物。

(二)实验仪器

瑞典公司生产的Smarteye5.4眼动仪。测量原理：角膜反射，采样频率60/120H。眼动仪耦合到分辨率为128Ox1024像素的17寸器，作相应调整，保证呈现图像尺寸准确。器的亮度与比较度均调节到较为舒适的，色温 58000°K。器前85cm处放置舒适稳固的高背皮椅，被试坐姿的观视距离为70cm左右。

(三)实验设计与实验

本个案选取厦门大学网络课程系统首页，将页面板块重新设计后组合，由50名在校本科生就设计后的系统首页以五点量表评价，1分为页面设计最差，5分为页面设计最优。然后以中选取主观评分最高的两个系统首页，让其搜索任务视线跟踪，以中筛选出最的页面设置。
将厦门大学网络课程首页的六个板块分成四个AOI区域（the area of interest），被试者的视线规律以中总结出页面设计规律。为AOI（1），我的课程为AOI（2），我的不足为AOI（3），最新公告为AOI（4），下图为两个主观评分最高的首页面，页面一为图1，页面二为图2。
（四）实验
为了保证实验的信度，整个实验分为练习和实验两个阶段。
练习：练习开始前对被试者眼校准，校准后告诉被试者身体要保持的姿势。向被试方式阅读下应的内容，然后呈现指导语：“请以正常的速度浏览网页。理解内容后按空格键结束阅读。阅读中尽量保持头部不动。清楚了吗? 清楚后请按空格键开始”。给被试者一张网页练习。经过练习被试者熟悉后，实验。
实验：① 被试者练习点调整。② 呈现指导语并告诉被试者将要依次完成一次浏览和三个任务。③ 被试者清楚要求后按键开始测试。④ 找到答案后按空格键结束，主试者被试者眼动信息。
任务：

1. 在所给的网络课程页面，平时的浏览习惯，首页的内容。按空格键实验结束。

1

2. 完成三个任务。

（1）找出课程金融工程的学习入口；
（2）找出“毕业申请”图表并点击；
（3）查看课程论坛。

三、实验浅析

(一)浏览页面浅析

设置此项任务是浅析被试者页面浏览时的眼动，浅析出一般规律，并规律设计页面，以而地避开“米达斯接触”。，让被试者并熟悉首页面的布局，为下实验做准备。
以的3D图，视线在每个兴趣区所占的比例是：AOI（2）> AOI（1）> AOI（4）> AOI（3）。不管页面怎样设计，被试者关心的是”我的课程”版块。页面二的调整使被试者更多的精力放到”我的课程”版块，如图4。看来，当学习者是初次学习时，页面一更好的其页面的布置，当学习者已经熟知整个页面布局时，转而运用页面二页。

(二)任务驱动数据浅析

1. 找出课程金融工程的学习入口

任务的设计是为了观察哪种设计更快的引导学习者找到学习的图标。页面一与页面二完成任务的实验数据整理如下。
以参数表中，两个页面中被试者都成功的完成任务，视线轨迹在AOI中出现的比例是100%，都很好地避开了“米达斯接触”，课程学习的图标放置很。在的比较中，页面二中视线首次AOI所用的时间比较短，很快地搜索。在AOI中页面二的注视点数相对较少，很地找到图标，不过多繁琐的深思。但以完成任务的时间来看，页面一却略胜一筹。浅析，在对页面很熟悉的情况下，页面一在加工的中繁琐，但所用时间比艺术论文较少，于初学者。在学习者使用一段时间后，页面二将是更适合的页面。
页面一与页面二的热点图如下：
以热点图，页面二形成了两个比的热点区域，而在页面一中则。对页面不熟悉，在一进页面后深思，视线停滞不前。页面一在左边，而网络学习中的视线遵循以左到右，以上到下原则，地避开了视线混乱。对于初学者有指导作用。

2. 找出“毕业申请”图表并点击

任务的设计是为了观察首页面的“”的呈现位置，能的找到所的服务。
以参数表中，被试者在成功完成任务2的，页面一的AOI中平均注视次数百分比为86.80%，远远高于页面二，页面一在避开“米达斯接触”中有的优势。页面一在首次AOI注视点的平均时间也显著少于页面二，在实验的前阶段，页面一版块的设计更于学习者学习。在继续浅析时，结果有点出乎意料。页面一的AOI中平均注视点数竟然比页面二高出四倍，页面一的完成任务平均时间比页面二的要长。这让探讨人员倍感吃惊。后经及探讨人员浅析，页面一地避开“米达斯接触”，这也得益于视线浏览规律，但页面二也占有的优势。当学习者熟悉首页面后，每次登陆学习页面的目的是很明确的，大时间是用来学习的，对于的小和短时间，把版块放到最右边地避开“米达斯接触”。
页面一与页面二的热点图如下：
页面一的热点区较为，但其涉及3个AOI,页面二的热点区比较，但其涉及2个AOI，且在AOI中很快地找到。

3. 查看课程论坛

任务的设计是为了页面上部的导航清晰，使学习者方便的使用。
以数据浅析，页面二地避开“米达斯接触”，涉及版块两个，页面一的视线在四个版块中都涉及。与上个任务的结果类似，页面一首次AOI注视点的时间比页面二少得多，但其在AOI注视点数和完成任务的时间却比页面二多得多，页面一很快地AOI，却在AOI中迷失方向，页面二只要找到AOI就在最短的时间找到，只要学习者对页面二多加熟悉，学习效果必定高于页面二。
页面一与页面二的立体图如下：
此立体图很的比较出的区别，图中的代表视线经过的地方，的越高，视线停留的时间越长。以图9，页面一山谷较，不明确。以图10，页面二山谷较，较明确。
4.
以页面浏览到三个任务的眼动轨迹和轨迹图：页面一在首次浏览时，指标都优于页面二，在任务的完成中地避开“米达斯接触”，但其导航的位置却很明确，导致学习者迷航。而对于页面二，在浏览和任务前期的各项指标页面一出色，但其在任务后期和任务完成的时间上都略胜一筹。
，页面一适合初次接触网络课程的学习者，使学习者对整体版块都地，但其导航做的改善；页面二适合对于网络课程界面有熟悉的学习者，这样避开页面二不利于学习者学习的缺陷。条件成熟，可对网络课程首页面改版，对于初学者使用页面

一、经过一段时间学习后，使用页面二学习。

四、探讨启迪

在网络课程学习中，学习者学习首页学习内容和个人学习进度，设计改善的首页面是保证学习的。比较改善的评价系统，如QUIS(用户界面满意度调查问卷)、PUEU(易用性及性调查问卷)，大以设计者的角度来审视，主观色彩比较浓重。将眼动追踪技术运用到界面评估中就避开了这一缺陷，其反应学习者的眼动数据，以而浅析心理变化特点；其更加自然的到数据，避开了主观因素乱加评定；其更加高效，地缩短了测试时间。本探讨对于网络课程首页设计和课程设计有启迪作用：

(一)以学习者为设计网络课程页面

眼动人机交互以学习者的角度出发，做到以学习者为，设计人员以学习者为中心，设计学习者需求的页面。学习者在不同的进度中会有不同的页面需求，这以传统的界面评价系统是不到的。运用先进的眼动人机交互以数据中浅析，进而科学的

(二)简洁的页面更引导学习者

学习网站的导航要很显著，这样使学习者。划分板块和设置子标题让学习者节约时间，的找到学习内容。必要时使用小图标引导。将学习者阅读或的内容放到优势区域，其尺寸在有限的范围内扩大。

(三)增加“米达斯接触”，避开无效接触

让学习者的视线最快最多的所需用的信息是传统的评价系统所评估出来的。如何提高的“米达斯接触”是眼动人机交互图表数据科学的浅析的。对于无效的接触修改页面的布置，以而提高学习者的学习效率。

五、探讨与展望

本探讨科学的手段对网页优化做了一系列的探讨，但也有着。本实验选取了网络课程的首页面探讨，对于其他各高校相类似的页面有的普适性，对于差别性的首页面要继续探讨。另外，被试者是在实验的环境下学习，或多或少对实验结果有些影响。为了尽量消除影响，实验开始前准备了练习阶段；实验结束后对被试者访谈以其心理活动。
学习网页的设计单单以技术和美观上来考虑，也要以学习者的角度出发。眼动仪对学习者的心理活动了科学化的浅析，以期用科学的手段规律。本探讨希望有更多的探讨者科学化的手段浅析学习者的需求。
2