威廉希尔app网站是最具公信力品牌,以真人视讯;电子游戏及体育赛事等百种游戏深受玩家喜爱,威廉希尔app网站成为亚洲最受欢迎的线上娱乐平台.

    <input id="h8954"></input>
  • 
    
    <small id="h8954"></small>
    <wbr id="h8954"></wbr>
  • 眼动测试方法启蒙篇:为什么{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},是什么{{威廉希尔app网站主词}主词} >>人性化设计>>文章列表

    ——给看客,正整理眼动方法的,和所有想看进阶篇的同学

    写在前面:

    眼动测试因其强大的功能,在互联网用户研究工作中应用颇丰{威廉希尔app网站主词}{威廉希尔app网站主词}。但此货本身较复杂{威廉希尔app网站主词}{威廉希尔app网站主词},且周期不短{威廉希尔app网站主词}{威廉希尔app网站主词},因此要用好还真是门学问。本系列(暂分1启蒙、2进阶{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}、和3高级三部曲)将集中讨论测试设计和分析方法{威廉希尔app网站主词},由于我正经接触眼动时间也不长{威廉希尔app网站主词},所以本着讨论的宗旨{威廉希尔app网站主词},抛砖引玉{威廉希尔app网站主词}。鉴于各公司选用的眼动仪可能差异较大,不会展开讨论操作细则{威廉希尔app网站主词}。

    《启蒙篇》要解决的问题简单,但哲学——为什么?是什么{威廉希尔app网站主词}?

    特别感谢:萍姐再次大图主演{威廉希尔app网站主词}{威廉希尔app网站主词},溢哥栗子倾情出演

     

    第一个大问题:

    为什么要追踪眼睛的运动呢?这里我们要先回到出发点——注意{威廉希尔app网站主词},然后顺着理清注意à眼动à注视追踪这条脉络。

    注意——出发点:

    网站或客户端产品的重要目的是传达信息、引导用户操作{威廉希尔app网站主词},所以能否让用户快速方便地注意到{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}、并理解页面上重要的内容,无疑是评价产品界面好坏的一个重要指标{威廉希尔app网站主词}。我们不停地问自己:这个网页/软件的页面布局合理吗,符合我们的目标吗{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}?此处,借用杨溢哥的一个经典栗子:

    如果页面上只有一个元素,很简单,用户注意的焦点无疑就是这个元素(图1):

    1

    但事实上{威廉希尔app网站主词},页面上元素常常很丰富(图2){威廉希尔app网站主词},这时又该如何知道用户都注意了什么呢?

    2

    注视——注意的外显特征:

    遇到上面的问题时{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},你可能会想到通过考察用户视线的落点(POR,Point of Regard){威廉希尔app网站主词},来判断其注意的焦点{威廉希尔app网站主词}。但并非视线每次落下都能算一次有意识的注意。研究显示{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},一个人注意并获取信息{威廉希尔app网站主词}{威廉希尔app网站主词},主要是通过眼睛的“注视”(fixation)来实现的{威廉希尔app网站主词},即将眼睛的中央窝对准某一物体的时间超过100毫秒{威廉希尔app网站主词}{威廉希尔app网站主词},在此期间{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},被注视的物体成像在中央窝上,才能获得比较充分的加工{威廉希尔app网站主词},形成清晰的像。因此{威廉希尔app网站主词},考察用户注视的对象也就知道其注意的内容了{威廉希尔app网站主词}{威廉希尔app网站主词}。

    除注视外,眼睛还有两种基本的运动方式:“眼跳”(saccade)和“追随运动”(smooth pursuit){威廉希尔app网站主词}。眼跳{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},指的是注视点或者注视方向突然发生改变,这个过程中个体可以获得时间和空间信息{威廉希尔app网站主词},但是几乎不能形成比较清晰的像{威廉希尔app网站主词},也就不能获得清晰的信息或进行认知加工。而追随则是说{威廉希尔app网站主词}{威廉希尔app网站主词},当被观察物体与个体的眼睛存在相对运动时{威廉希尔app网站主词}{威廉希尔app网站主词},个体会为了保证对这个物体的注视{威廉希尔app网站主词},眼球追随其进行移动{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。三种眼动方式经常交错在一起,目的均在于选择信息{威廉希尔app网站主词}{威廉希尔app网站主词},将要注意的刺激物置于像与中央窝区域{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},以形成清晰的像。有些地方还提到另外一种状态{威廉希尔app网站主词}{威廉希尔app网站主词},就是“眨眼”(blink)。

    眼动追踪——接近自然的观测手段:

    但{威廉希尔app网站主词}{威廉希尔app网站主词},怎么才能知道用户注视了哪儿呢{威廉希尔app网站主词}?最直接的办法无疑是——问{威廉希尔app网站主词}。比如我问:你现在看什么{威廉希尔app网站主词}?你回答:正在看你写的这段话呢!搞定。但如果我想每时每刻都知道你在看什么,一直问恐怕不是一个好主意{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。我们需要一个没那么烦人{威廉希尔app网站主词}、且更真实的监测方式{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。

    这就要用到“视线追踪”(eye tracking)技术,也就是借用一些高科技手段,实时追踪用户的视线,从而了解用户每时每刻都在看哪儿了{威廉希尔app网站主词}{威廉希尔app网站主词}。运用这一技术进行测试,自然就叫眼动测试了。

    至此{威廉希尔app网站主词},有关“为什么”的问题成功解决{威廉希尔app网站主词}。

    第二个大问题:

    眼动测试是什么呢{威廉希尔app网站主词}?这里我们要关注的关键词是:概念,原理,数据指标,应用情境{威廉希尔app网站主词}{威廉希尔app网站主词}。

    概念:

    眼动测试{威廉希尔app网站主词},就是通过视线追踪技术{威廉希尔app网站主词},监测用户在看特定目标时的眼睛运动和注视方向,并进行相关分析的过程。过程中需要用到眼动仪和相关软件{威廉希尔app网站主词}。

    原理:

    如果你刚开始了解眼动,且不是很需要了解眼动的原理,建议这个小标题中只看下面的第一段即可{威廉希尔app网站主词}。但如果你想追究下{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},且对简单的解剖学和简单的光学物理不抵触{威廉希尔app网站主词},建议都看,一起杀几个脑细胞玩{威廉希尔app网站主词}{威廉希尔app网站主词}。

    目前热门的视线追踪技术{威廉希尔app网站主词},主要是基于眼睛视频分析(VOG,Video oculographic)的“非侵入式”技术{威廉希尔app网站主词},即用摄像机将眼睛运动录下来再通过图像分析判断视线落点,且传感器与用户没有直接接触{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。有些采用此类技术的仪器可以允许用户自由活动{威廉希尔app网站主词},如TobiiX60/120T60/120系列的裸机(图3左){威廉希尔app网站主词}{威廉希尔app网站主词},但有时也会通过一些方式限定用户的活动范围,比如要求用户把下巴放在固定的支架上{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},以获得更准确的数据(图3右)。

    3

    我们知道,用户的视线在移{威廉希尔app网站主词},眼球也在转动,所以要推算出用户的视线方向{威廉希尔app网站主词},就得在眼睛图像中找到某种在眼球转动时也保持不变的特征{威廉希尔app网站主词}{威廉希尔app网站主词},并计算其与瞳孔中心(其中心线即视线方向)间的向量关系。

    视线追踪技术中广泛运用的方法叫做“瞳孔—角膜反射方法”(the pupil center cornea reflection technique),其所利用的眼动过程中保持不变的特征{威廉希尔app网站主词},是眼球角膜外表面上的普尔钦斑(Purkinje image)——眼球角膜上的一个亮光点{威廉希尔app网站主词},由进入瞳孔的光线在角膜外表面上反射(corneal reflection)而产生(图4){威廉希尔app网站主词}。

    4

    由于摄像机的位置固定、屏幕(光源)的位置固定{威廉希尔app网站主词}、眼球中心位置不变(假设眼球为球状{威廉希尔app网站主词}{威廉希尔app网站主词},且头部不动){威廉希尔app网站主词}{威廉希尔app网站主词},普尔钦斑的绝对位置并不随眼球的转动而变化(其实{威廉希尔app网站主词}{威廉希尔app网站主词},头部的小幅度运动也能通过角膜反射计算出来)。但其相对于瞳孔和眼球的位置则是在不断变化的——比如{威廉希尔app网站主词},当你盯着摄像头时{威廉希尔app网站主词},普尔钦斑就在你瞳孔之间{威廉希尔app网站主词}{威廉希尔app网站主词};而当你抬起头时,普尔钦斑就在你的瞳孔下方{威廉希尔app网站主词}{威廉希尔app网站主词}。这样一来,只要实时定位眼睛图像上的瞳孔、和普尔钦斑的位置{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},计算出角膜反射向量{威廉希尔app网站主词},便能利用几何模型,估算得到用户的视线方向(图5){威廉希尔app网站主词}{威廉希尔app网站主词}。再基于前期定标过程(即让用户注视电脑屏幕上特定的点)中所建立的用户眼睛特征与电脑屏幕呈现内容之间的关系{威廉希尔app网站主词}{威廉希尔app网站主词},仪器就能判断出用户究竟在看屏幕上的什么内容了(图6){威廉希尔app网站主词}。

    5

    6

    定位瞳孔中心的位置是视线追踪技术中的关键一步{威廉希尔app网站主词},但一个问题是{威廉希尔app网站主词}{威廉希尔app网站主词},相比于虹膜与眼白之间的极其明显的分界线来说{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},瞳孔和虹膜之间的分界线并没那么清晰{威廉希尔app网站主词}{威廉希尔app网站主词},特别是咱黑眼睛黄皮肤。因此{威廉希尔app网站主词},研究者为了提高这一步的精准度,又设计了“亮{威廉希尔app网站主词}{威廉希尔app网站主词}、暗瞳差分方案”{威廉希尔app网站主词},即:交替用不同方位的光源向人眼发出近红外线{威廉希尔app网站主词}{威廉希尔app网站主词},然后在每两帧相邻的图像中{威廉希尔app网站主词},分别获取用户明亮的瞳孔(bright pupil{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},亮瞳)和暗淡的瞳孔(dark pupil,暗瞳),进行叠加差分{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},从而更清晰地“抠”出瞳孔,再计算瞳孔的质心和形状等参数(图7){威廉希尔app网站主词}。

    7

    究竟拍到的是“亮瞳”还是“暗瞳”{威廉希尔app网站主词},这取决于摄像头是否与光源共线。如果摄像头与光源在同一条线上{威廉希尔app网站主词},则摄像头拍到的瞳孔是被光照亮的{威廉希尔app网站主词},也就是“亮瞳”{威廉希尔app网站主词}。这和拍照时{威廉希尔app网站主词},相机闪光灯直对着拍摄对象时照片上会出现“红眼”的原理是类似的(忍不住想提一下{威廉希尔app网站主词},百科说红眼是因为闪光灯使瞳孔暂时变大{威廉希尔app网站主词},其实有点扯{威廉希尔app网站主词}{威廉希尔app网站主词},首先不相关{威廉希尔app网站主词},其次瞳孔在强光下会变小{威廉希尔app网站主词}{威廉希尔app网站主词},不然岂不被闪瞎了眼){威廉希尔app网站主词}。如果二者不共线{威廉希尔app网站主词},则拍到的就是正常的“暗瞳”了{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。所以{威廉希尔app网站主词},支持亮暗瞳追踪的眼动仪上都有两套位置不同的近红外光源{威廉希尔app网站主词}{威廉希尔app网站主词}。

    之所以要用近红外线,是因为人眼无法察觉到{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},不至于晃眼,影响用户{威廉希尔app网站主词}。这些光束很弱{威廉希尔app网站主词},只要研究者按照眼动仪说明书上指示的距离安排用户就坐(比如离眼动仪60cm以上),用户即便在工作的眼动仪前待8个小时也不会有放射性危险{威廉希尔app网站主词}。

    与上述“非侵入式”技术相对应的视线追踪技术{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},则需要用户与测试设备上的传感器直接接触{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。比如早期的眼动测试会在测试者的眼睛里塞进一个类似硬质隐形眼镜的东西{威廉希尔app网站主词}{威廉希尔app网站主词},监测随着眼睛运动而不断变化的磁场{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},从而知道你在看什么地方{威廉希尔app网站主词}{威廉希尔app网站主词},或者在测试者的眼睛周围贴上电极,监测电位变化{威廉希尔app网站主词}。这些方法听着有点慑人{威廉希尔app网站主词}{威廉希尔app网站主词},操作起来也麻烦{威廉希尔app网站主词},但获取的数据比较准确{威廉希尔app网站主词}。

    那么,普通的商用眼动测试究竟能有多精确呢{威廉希尔app网站主词}?这就得看测试用眼动仪的具体参数了{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}。分空间和时间两个维度:空间上的相关参数有精确度{威廉希尔app网站主词}、漂移和屏幕尺寸,时间上的参数是采样率(延时)。比如:Tobii X120的精确度是0.5度,随时间的漂移在0.3度内,如果以用户距离屏幕60cm计算的话{威廉希尔app网站主词}{威廉希尔app网站主词},则偏移量约在0.13mm{威廉希尔app网站主词};其采样率为120Hz,则延时在17ms{威廉希尔app网站主词}{威廉希尔app网站主词},因为每隔两帧才能算一次瞳孔{威廉希尔app网站主词}。但有研究者发现,实际测试中的位置偏差要比这里算出来的值大很多{威廉希尔app网站主词}{威廉希尔app网站主词},可能与用户移动头部{威廉希尔app网站主词}{威廉希尔app网站主词}、或定标问题有关{威廉希尔app网站主词}。如果用tobii这一系列做阅读测试的话,很可能无法准确定位用户到底在看界面上的哪一行字{威廉希尔app网站主词}。因此在作分析时,要避免太相信结果中所给出的注视点{威廉希尔app网站主词}。

    同时在做测试时,也应尽量遵守实验规范。现在的商用眼动仪一般都能对头动进行补偿计算{威廉希尔app网站主词},但是{威廉希尔app网站主词},即便眼动仪允许用户自由活动,也有一个规定的头动范围,比如Tobii X60T60型号的头动范围在44×22×30cm(长宽高){威廉希尔app网站主词}{威廉希尔app网站主词},而X120T120的频率高、允许的头动范围更小{威廉希尔app网站主词}{威廉希尔app网站主词},为30×22×30cm(长宽高){威廉希尔app网站主词},测试时应保证用户的头动幅度在此范围内。而在定标时{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},则应允许用户在规定范围内的移动头部{威廉希尔app网站主词},在定标阶段将头动纳入考虑{威廉希尔app网站主词}{威廉希尔app网站主词}。

    数据指标:

    做完一次眼动测试后{威廉希尔app网站主词}{威廉希尔app网站主词},我们会得到什么呢{威廉希尔app网站主词}?

    测试后输出的数据中包括用户在界面上的各个注视点的空间和时间信息,以及用户的瞳孔尺寸变化信息(表征用户的唤醒程度){威廉希尔app网站主词}。同时{威廉希尔app网站主词},软件还会自动生成眼动热点图(heatmap){威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}、视线轨迹图(gazeplot){威廉希尔app网站主词}、集簇图(cluster){威廉希尔app网站主词}{威廉希尔app网站主词}、蜂群回放(bee swarm)等等,提供直观的结果{威廉希尔app网站主词}{威廉希尔app网站主词}。前面说过,注视是将眼睛的中央窝对准某一物体的时间超过100毫秒,是评估用户注意情况的重要指标。

    基本的注视点统计指标包括:注视时长(fixation duration)、和注视点数目(fixaiton count),均可以作为因变量来研究各个页面区域、或感兴趣区域(AOI{威廉希尔app网站主词},area of interest){威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词}、或实验条件的影响。同时{威廉希尔app网站主词}{威廉希尔app网站主词},如果对用户的注视轨迹(gaze path)进行编码{威廉希尔app网站主词},也可以分析轨迹规律。

    至于眼动测试的具体设计和数据分析方法,将在《进阶篇》中讨论{威廉希尔app网站主词}{威廉希尔app网站主词}。

    应用情境:

    眼动测试的应用范围很广{威廉希尔app网站主词},在互联网领域可用于为以下调研问题提供参考:

    • 配合实验或可用性测试{威廉希尔app网站主词}{威廉希尔app网站主词},考察产品的可用性问题(比如:界面布局是否合理{威廉希尔app网站主词}{威廉希尔app网站主词}{威廉希尔app网站主词},重要元素是否突出)
    • 研究不同用户群在产品界面上的浏览{威廉希尔app网站主词}{威廉希尔app网站主词}、操作习惯
    • 对比不同的界面设计方案
    • 其他

    (未完待续,如果有错误{威廉希尔app网站主词},欢迎指正)

    威廉希尔app网站

    <input id="h8954"></input>
  • 
    
    <small id="h8954"></small>
    <wbr id="h8954"></wbr>