the eye sees only what the mind is prepared to comprehend。—henri bergson
正如柏格森所说，人的眼睛与心理活动总是密切联系着，当用户在使用我们的产品时，通过他们的眼球运动所获得的信息，往往能比可用性测试和访谈获取更多隐藏但有价值的内容。毕竟，我们所观察到的和用户所说的，都不是最直接最全面的信息。因此，眼动追踪技术（eye tracking）为用户体验行业提供了一种更为直接有效地了解用户行为态度的方法。
当然，目前一台价格范围不亚于一辆 bmw3 系列的眼动仪设备并不是每家公司都愿意引进的。不过随着技术的发展，市场上已经出现一批“民用眼动仪”新秀。比如笔者购买的 theeyetribe 眼动仪，全套设备包括邮费仅需 650 多元，价格还不如一部手机贵，但其功能和精度完全可以满足平时的项目需求。眼动技术民用化可以说是一种趋势，随着技术壁垒越来越小，未来很可能会和语言识别技术一样普遍和亲民。
作为 ux 从业人员，不管有没有机会接触这项技术，我们都可以了解下这项有趣的技术。本文将介绍以下四个方面的内容：
眼动测试在ux领域的应用场景眼动测试数据指标解读如何开展一场眼动测试项目实际项目中需要避免哪些误区常见的眼动设备
现在的眼动仪一般分为两种，一种是最为常见的非接触式红外眼动仪：
另一种是头戴眼镜式眼动仪：
目前还有针对 vr 场景下的眼动仪：
这些高大上的眼动仪，其原理概括来说就是：使用机器视觉技术捕捉瞳孔的位置，然后将这个位置信息通过内置的算法计算，获得用户在所看的界面上视线的落点，即用户当前注视点在界面上的位置。
眼动测试在ux领域有哪些应用场景
当用户和眼动仪“对接”之后，我们能获得的信息有：
用户此时在看什么，看了多久；在界面上，用户的注意力是如何从一个元素到另一个元素的；界面上哪些区域用户没有留意到；界面上的元素的尺寸及其如何影响用户的注意力
基于这些信息，这里列举以下五个典型的业务场景。
场景一：了解用户的注意力在界面上的各元素上是如何分配的
当用户访问一个电商网站准备购买一些商品的时候，页面上的哪些元素会影响他们的购买决策？用户是否会考虑商品列表上的所有商品，还是只将注意力放在头几个商品？为什么不少用户都没有点击页面上大块的推广区域中的商品？是因为他们没有看到，亦或是他们看到了然后跳过了那个区域。
场景二：了解用户在界面上的决策过程
例如，用户在搜索网站上进行搜索时，每条搜索结果需要呈现哪些信息，才会让用户有点击的意愿，是每条搜索结果的标题最重要还是描述信息、url或者其他信息最重要？如下图所示，用户使用 google 搜索 leather tote（皮革手提包），图中呈现的是用户在搜索结果页上的视线扫描路径（scanpath）。通过分析扫描路径，可以发现用户只有在头两条搜索条目中看了内容摘要，在后三条条目中都只看了标题，而且在第四条的标题上注视的时间最久，同时还瞥了几眼第五条的标题，最后用户点击了第四条。将这个观察结果与测后访谈结合，就能了解用户最终决定点击第四条搜索结果的决策过程。
场景三：了解产品页面布局与用户心理预期是否匹配
例如，用户访问 gap 的在线商店，想要购买一张礼品卡，这时用户会在页面上寻找礼品卡的购买入口。同时，他们会有一个心理预期，认为这个链接可能出现在页面的某个位置。如果这个位置和页面上礼品卡购买的实际位置不一致，就会导致用户寻找的过程受阻，甚至放弃购买。
那么我们在进行页面设计的时候，就需要知道用户是如何进行寻找的，他们预期这个入口会出现在哪里，他们能否理解页面上入口的文案或者icon的含义，以及用户究竟看了多少次这个入口才意识到这就是他要找的目标。这个时候就需要视线追踪技术了。
通过眼动仪获得用户的搜索路径如下图所示，这是准备要购买礼品卡的用户，在页面上寻找购买入口时的视线扫描路径，我们可以看出用户首先在页面的顶端搜索，发现没有找到就马上跳到最下方进行搜索，也就是用户对购买入口的期待首先是页面的顶端，其次是底端。那么我们在设计入口的时候，必须遵照用户的心理预期，如果把入口放在页面顶端或低端之外的区域，很可能会导致用户寻找入口受挫。
场景四：评估视觉设计与商业目标是否匹配
当客户网购时，看到一个新产品的图片展示，那么图片上哪些内容能够首先吸引他们的注意力？在形成第一印象的头几秒内，客户首先注意到的是哪些元素？以及形成的印象和商业目标是否一致？
例如，有一个 web 页面想要营造一个社区的形象，这时有a和b两种页面设计方案，我们可以用眼动技术去进行评估，了解哪个方案中，和社区功能有关的区域更容易获取用户注意。再例如，根据商业目标，我们有若干个设计元素需要在页面上体现，那么用户的注意力是否能够合理地分布在这些区域，是否存在某些元素吸引了用户太多的注意力导致忽略了和商业目标最相关的元素？
场景五：可用性测试中用于深挖可用性问题的原因
例如，在一次对某会议网站的可用性测试项目中，所有的用户都成功将几个研讨会加入他们的会议日程表，其中有一个研讨会是需要门票的，同时会有一个图标标识该研讨会是购买门票才能参加。但是当用户在最后提交时被告知需要购买门票时，他们往往会觉得很困惑为什么会有这个要求。那么，虽然可用性测试发现了这个问题，但是研究人员并不知道究竟是因为用户没有看到那个需购票参加的图标，还是用户看到了，但是没有明白其含义，以及要放在哪个位置才最容易被用户注意到。
这个时候通过眼动测试就可以回答这个问题。跑了个热点图如下图所示，通过多名用户的热点图叠加，我们可以看到右下角的门票样式的图标几乎没有被热区覆盖，可见用户都没有注意到这个图标。此外，我们测后询问了用户这个图片的含义，大部分用户都没有理解这个图标的形状代表的是什么。基于这个结果，我们可以得出两个建议：首先是将这个图标放在靠近研讨会的标题，因为眼动数据告诉我们，这个区域能够获得用户足够的关注。其次要重新设计这个图标的样式，提高辨识度。
总之，眼动技术可与传统可用性测试相结合，作为可用性测试中所观察到的行为与用户口述内容之间的桥梁。
以上五个场景仅仅是抛砖引玉，读者也可以根据眼动测试能够获得的数据形式来扩展更多是项目场景。
眼动测试的数据及解读1.基本眼动指标
眼动项目中，能够记录到的“眼动事件”主要包括：
注视（fixation）：即用户视线停留在界面某处，并保持一段时间的稳定的过程。此时用户会对注视到的信息进行理解。眼跳（saccades）：即用户从一个注视点跳到另外一个注视点的运动过程。一般情况下，眼跳不会对视线经过的信息进行理解。
此外，一般眼动仪还可以记录瞳孔直径（pupil diameter）。有研究显示瞳孔直径和用户的情绪有关。所以这项指标特别适合游戏产品的测试，可以通过对玩家瞳孔变化的监测，了解用户在游戏过程中的情绪变化。那么这些眼动指标分别代表什么含义呢，我们可以从关注度和操作性两个方面来总结：
关注度是指界面上的兴趣区（aoi）对用户的吸引力，具体指标如下：
操作性是指界面上的兴趣区（aoi）对用户使用绩效的影响，具体指标如下：
此外，瞳孔的直径既可以理解为吸引力指标也可以当做操作性指标，一般认为瞳孔直径大小和用户的情绪和认知负荷有关，一般瞳孔越大，认知负荷越高，但是该指标容易受到实验室光线和照明角度的影响，所以需要谨慎使用。
2.热点图（heatmaps）
热点图是眼动数据的一种非常常见的呈现方式。它能够直观呈现界面上各个区域受到用户关注的程度，而且非常有逼格，所以大部分眼动报告都可以看到这种图。通俗地说热点图就是呈现用户在界面上哪些区域看得多哪些区域看得少。一般最终呈现的热点图都是使用多名用户的数据叠加在一起形成的。热点图用颜色的深浅来表示用户的注视情况。注视情况可以是注视点的个数，即某个区域注视点个数越多，热点图上这个区域的颜色就越深。也可以用注视的时长，也就是用户注视某个区域的时间越久，热点图上该区域的颜色越深。nielsen推荐使用注视时间作为热点图的指标，因为一个长时间的注视点要比“一瞥”来的有价值的多。
热点图虽然很炫酷，但是我们不能止步于此，热点图往往可以帮助我们找到有趣的ideas，这些ideas可以告诉我们在回放用户的注视过程（gaze replays）中该重点关注什么。
3.兴趣区（areas of interest, aoi）
在设计测试的过程中，我们可以使用眼动软件在测试材料上画一个区域，这个区域就是兴趣区，例如在对页面广告的眼动测试项目中，我们可以在广告的关键区域，比如产品的外观、品牌logo的位置画一个矩形，把关键区域包裹在矩形中。然后在进行数据分析时，可以用前文介绍的关注度指标来评估这个aoi区域对用户的吸引力如何。可以说画出aoi是帮助我们对眼动数据进行定量分析的必经步骤。
如何开展眼动测试
目前公司里常见的眼动仪主要是非接触式红外眼动仪，本文基于该类型眼动仪，介绍眼动项目的大体流程。
1.界定研究问题，设计测试过程
眼动测试在心理学研究中属于生理实验，有过相关经验的同学一定能体会到生理实验中任何影响被试（用户）情绪状态的因素都可能会影响实验的结果。因此，无论是科研还是公司的项目，我们