眼动仪 - UCD大社区

眼动研究介绍：应用价值与问题

微博UDC设计中心 — 2012-06-06 08:56:09

随着用户体验的兴起与技术设备的进步，眼动研究已经越来越为人熟知，国内更多的研究咨询机构或企业自身开始配备了眼动仪。但对于眼动技术与研究方法，许多朋友们仍然是雾里看花水中望月，希望进一步了解眼动研究的作用，学习分析使用的方法。其中大家最关心的问题之一是眼动研究有什么特殊作用？本文的目的是对眼动研究做一个浅显的介绍，并回答是什么与为什么的问题。

很多人也都很关心怎么做的问题，给感兴趣的朋友推荐一本很有价值的最新译著《用眼动追踪提升网站可用性》一书与补充报告（见延伸阅读），这里就不探讨了。

眼动是什么

对于眼睛生理构造与眼动追踪工作原理的详细介绍可以参见其他书籍，这里不花篇幅阐述。实际上你只需要掌握一些最基础的知识，这有助于你更好地理解眼动的概念。

首先，我们说的眼动（eye movements）实际上包括注视（fixation）与眼跳（saccade）两种最基本的运动。人们在看世界的时候自我感觉视线是连续的，但从眼动记录当中可以明显看到，事实上眼睛的活动是跳跃式的，某些时候是短暂的停顿，称之为“注视”，某些时候是快速的移动，称之为“眼跳”。在眼动结果图中会通过圆圈与线段来表示，这样既可以看到注视又可以看到眼跳的称之为眼动轨迹图（gaze plot）。

一般在可用性测试和广告眼动实验中，研究者只关心注视点。这是因为，人眼只有在注视的时候能“看清”东西，眼跳的时候会发生一定程度的盲视。对此我们感觉不到是由于眼跳的速度非常快，通常只有百分之一秒到十分之一秒的时间。

Popout

其次，注视点指的是当前人眼最清晰的视觉区域（中央凹视觉）。人们往往认为自己清楚地看到了整个环境，但其实眼睛每一瞬间能看清的范围有限。你可以尝试保持眼睛静止不动的状态，努力阅读注视点以外的文字，你就会发现这非常困难。人眼可以清晰注视的范围大约只有一到两个单词，这通常也是能够集中注意加工的区域。

对于图片而言，即便不处于注视的范围，人还是可以看得见。同样的试验可以发现，图片在距离注视点一定范围的情况下（还取决于图片大小），我们还是能够辨别出图片上的大致内容（是否人物照等）。因此，没有注视点停留不一定代表看不见。

眼动研究的价值

观看眼动仪实时追踪视线的录像往往给人很酷的感觉。的确，这种类似上帝的视角为研究人员提供了宝贵的信息，是可用性测试、问卷调查、后台数据挖掘等研究手段难以企及的。简单来说，眼动追踪所提供的信息就是人们是怎样“看”东西的，那么它到底有什么价值，可以为我们提供什么洞见与启示？

获悉用户浏览的行为和习惯。当用户打开一个网页，看到一个广告的时候，到底看了些什么，没有看什么？什么东西最先获得用户的关注？这些信息很重要，因为很多时候用户关注的东西与设计希望用户看到的是不一样的，这种差别会通过眼动数据显示出来。例如网页设计师将一个重要的按钮做得非常显眼以便用户看到，而用户会对这个大按钮视而不见，眼睛却在满屏幕转，因为Ta将过于突出的按钮当成了广告。例如一些广告设计常见的问题是人们根本没有关注商品或商家的名字，而将视线放在了漂亮的模特身上。

帮助研究人员分析与澄清问题。在可用性测试中，遇到用户既无动作也不说话时，研究人员是最迷惑的。此时用户很可能执行任务受阻，研究人员需要决定何时提醒用户继续出声思维（think aloud）。而通过实时的眼动记录观测，研究人员可以间接地了解用户的处境——用户是在寻找什么东西，还是有什么东西令用户困惑（来回注视），还是用户忽视了相关的重要元素？研究人员还可以带着观点假设，开展眼动研究来验证或否决，发现导致问题的真正原因。

眼动图是优质的研究结果展示工具。在第一次了解接触眼动研究的时候，相信十有八九你同时看到过类似以下的眼动图。这是呈现眼动研究结果最常用到的热点图（heat map）。顾名思义，热点图呈现的是人们视线的“热点”，颜色越红的区域代表被聚焦得越多。通常这样的结果图非常吸引人，因为看起来一目了然，是“一图胜千言”的好代表。研究人员喜欢展示这样有说服力的图，观众也喜欢看简单直观的结果。所以眼动图作为可视化手段起到了良好的信息传达作用。

眼动研究有多靠谱？

早在眼动研究被广泛引入商业应用领域之前，它已经在心理学界红火了几十年，至今依然是重要的研究手段。但是，围绕眼动研究方法的争论一直没有停止，以下列举一些争议的焦点。

所看=所想？前面所说的一个小试验可以说明，人们的注意能够与注视相分离。我们也知道，有时候眼神在呆视而实际上大脑在神游。所以说，仅仅知道人在看什么，并不等同于知道Ta在想什么。对此，心理学者提出了大脑—眼睛一致性假说，指的是人们所看与所想的通常是一回事。尤其是人们专注于某一特定任务时，这个假说通常是成立的。有此前提，我们才能够接纳眼动研究的可靠性。

注视越长越好？假如用户的视线长时间停留，这到底说明是好是坏呢？这有两种可能，一种是用户看到了感兴趣的东西，而且集中精力地看；另外一种可能是用户对某些内容感到困惑，不得不花时间理解。单纯就眼动数据而言，研究人员难以辨别到底是哪一种情况。因此使用眼动研究的一个重要的原则是不要单纯依赖于眼动数据。要了解用户所想，必须通过问询或其他方法进行。研究人员要结合多种研究方法来解读眼动的数据。

眼动结果很客观？热点图看起来很酷，而且就像板上钉钉的事实。然而，眼动图是最容易吸引人也最容易忽悠人的手段。原因第一，用户数量较少时眼动图的结果可能变异非常大。Nielsen建议要得到稳定的热点图至少需要30个有效的被试数据*。第二，用户的浏览方式随任务不同而变化。当要求用户执行不同任务时，人们关注的地方是很不一样的。如果使用了不合理的任务，那么得到的结果很容易有误导作用。第三，单个测试的结果说明不了共性问题。要获得有普遍意义的结果，需要有多个同类型网站的比较才有可靠性。因此需要谨慎利用其他网站的眼动测试结果。下次当你看到热点图的时候，先冷静下来，想想三个重要的问题：用户，任务，测试内容普适性。

要不要做眼动研究？

眼动仪被越来越多的人熟知，少不了生产商的推波助澜。确实当前的眼动仪已经令数据采集过程变得非常简单。尤其是采用显示器或笔记本嵌入式的眼动仪，开展眼动实验几乎跟普通的用户测试没有区别。眼动追踪设备不会干扰到用户，研究人员也只需要在开始做简单的校准以及记得按下记录数据的按钮便可进行。在考虑是否开展眼动研究的时候，我们应该从这些角度来思考问题。

以问题为导向。到底是否需要眼动研究，首先需要关注是要解决什么样的问题。眼动只是一种技术手段，最终是要回答研究的问题，得出有价值的结论。因此在问“要不要做眼动研究”之前，先回答清楚“要研究什么问题”。一般来说可用性测试足以解决许多设计问题。

投入/回报比。虽然眼动仪的造价不断下降，但由于购买研究设备依然是一笔大费用，所以决定是否购买应该充分考虑投入是否能得到相应的回报。如果预算有限或是容易闲置，那么租赁设备或者外包服务会是更好的选择（实际上费用也不低）。

研究人员质素。研究人员的工作主要在于事后的眼动数据分析，这是看似简单实则困难的工作，对研究人员的专业水平要求较高。所以要做靠谱的眼动研究，有靠谱的研究人员很重要。当然也可以请第三方咨询服务公司可以解决这样的问题。

随着眼动追踪设备的简易化与精细化，今天眼动技术运用得更加广泛，其中一个应用是作为输入设备控制电脑。可以预见，在不久的将来眼动技术将更加成熟，其作为研究手段的普及速度也会继续加快。但是眼动研究的基本问题将仍然存在，对此我们更需要有清晰的认识。

延伸阅读:

《用眼动追踪提升网站可用性》. Jokb Nielsen/Kara Pernice著. 冉令华等译. 电子工业出版社. 2011年5月出版.

眼动研究与可用性测试结合的研究宝典，作者Nielsen是著名的可用性专家。此书第一次实施大规模的眼动测试，根据大量研究结果提供了具有普遍指导意义的设计建议。

Eyetracking Methodology：How to Conduct and Evaluate Usability Studies Using Eyetracking

作者同上，详细介绍眼动方法论，作为《用眼动追踪提升网站可用性》的补充报告，研究人员的重要参考资料。

眼动与网站可用性：

Eye Tracking and Web Usability: A Good Fit?

Eyetracking: Is It Worth It?

眼动研究报告：

有趣的用户研究：中、美、韩用户眼动比较

国外著名网站的眼球热力图、眼球跟踪图详解

（微博UDC原创博文，欢迎转载并注明出处，欢迎订阅）

眼动测试方法启蒙篇：为什么，是什么

chelseaz — 2011-11-11 10:07:53

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

写在前面：

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

《启蒙篇》要解决的问题简单，但哲学——为什么？是什么？

特别感谢：萍姐再次大图主演，溢哥栗子倾情出演

第一个大问题：

为什么要追踪眼睛的运动呢？这里我们要先回到出发点——注意，然后顺着理清注意à眼动à注视追踪这条脉络。

注意——出发点：

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

如果页面上只有一个元素，很简单，用户注意的焦点无疑就是这个元素（图1）：

图1

但事实上，页面上元素常常很丰富（图2），这时又该如何知道用户都注意了什么呢？

图2

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

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

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

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

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

这就要用到“视线追踪”（eye tracking）技术，也就是借用一些高科技手段，实时追踪用户的视线，从而了解用户每时每刻都在看哪儿了。运用这一技术进行测试，自然就叫眼动测试了。

至此，有关“为什么”的问题成功解决。

第二个大问题：

眼动测试是什么呢？这里我们要关注的关键词是：概念，原理，数据指标，应用情境。

概念：

眼动测试，就是通过视线追踪技术，监测用户在看特定目标时的眼睛运动和注视方向，并进行相关分析的过程。过程中需要用到眼动仪和相关软件。

原理：

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

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

图3

我们知道，用户的视线在移，眼球也在转动，所以要推算出用户的视线方向，就得在眼睛图像中找到某种在眼球转动时也保持不变的特征，并计算其与瞳孔中心（其中心线即视线方向）间的向量关系。

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

图4

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

图5

图6

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

图7

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

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

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

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

同时在做测试时，也应尽量遵守实验规范。现在的商用眼动仪一般都能对头动进行补偿计算，但是，即便眼动仪允许用户自由活动，也有一个规定的头动范围，比如Tobii X60和T60型号的头动范围在44×22×30cm（长宽高），而X120和T120的频率高、允许的头动范围更小，为30×22×30cm（长宽高），测试时应保证用户的头动幅度在此范围内。而在定标时，则应允许用户在规定范围内的移动头部，在定标阶段将头动纳入考虑。

数据指标：

做完一次眼动测试后，我们会得到什么呢？

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

基本的注视点统计指标包括：注视时长（fixation duration）、和注视点数目（fixaiton count），均可以作为因变量来研究各个页面区域、或感兴趣区域（AOI，area of interest）、或实验条件的影响。同时，如果对用户的注视轨迹（gaze path）进行编码，也可以分析轨迹规律。

至于眼动测试的具体设计和数据分析方法，将在《进阶篇》中讨论。

应用情境：

眼动测试的应用范围很广，在互联网领域可用于为以下调研问题提供参考：

配合实验或可用性测试，考察产品的可用性问题（比如：界面布局是否合理，重要元素是否突出）
研究不同用户群在产品界面上的浏览、操作习惯
对比不同的界面设计方案
其他

（未完待续，如果有错误，欢迎指正）

参考内容：

Analysis of Eye-Tracking Experiments performed on a Tobii T60（.pdf格式文章）
Tobii Studio User Manual
《视线追踪系统中眼睛跟踪方法研究》（百度文库）

相关话题：眼动仪源地址：http://xdc.baidu.com/?p=748

谈谈眼动研究的一些作用

亨利 — 2009-11-23 20:52:17

在与国内互联网用户研究同行交流时，常常会被问到“腾讯很早就拥有眼动仪了，那是不是经常用到它？”、“眼动研究的结果有什么特别的作用？”等之类的一些问题。他们询问这些问题时基本都是出于好奇、感兴趣而发问的，毕竟相对来说，眼动研究方法在国内互联网用户研究领域还不像可用性测试等方法那样普及。今天在这里想谈谈眼动研究方法在腾讯用户研究工作中的一些作用，各位读者有兴趣都可以多多讨论交流。

随着科技的发展，目前许多品牌的眼动仪和相应的软件配置系统，都可以精准地跟踪到被测试者的眼动数据，然后使用注视时间、注视顺序和回视次数等眼动指标来分析问题，最后还能使用直观的图形（如注视密度图）或者视频（如回放注视轨迹）等方式来展示结果。这种在眼动模式维度上进行分析的研究方法，正在受到越来越多研究员的关注。虽然与可用性测试、定量问卷调研和焦点小组等用户研究方法相比，它还算是比较新颖，不过它的应用领域却是非常广泛的，包括人机交互研究、阅读研究、广告心理学和交通心理学等领域都可以看见它的身影。下面主要讨论一下它在网站设计用户研究里的一些作用。

许多大型网站的设计都会考虑数据上报的功能，比如某一个页面里各个链接的点击事件具有数据上报功能等，分析这些后台点击量数据可以得出用户在网站页面各个链接的点击分布和热点等结果，从而为网站内容和设计的优化提供客观的参考数据。不过有时候，网站产品经理或设计师会想了解用户在网站页面的浏览轨迹、对各区域内容的关注度等情况。为了解决这个需求，如果仅从后台数据分析做点击量统计和路径分析，结论还不够全面。例如，后台数据很难真实地还原呈现用户的历史浏览轨迹、也记录不到用户注视到链接但没有产生点击的情况等。

令人欣慰的是，眼动研究方法是解决上述需求的一个不错的选择。因为通过眼动研究，不但可以完整地还原被试者在各个页面的注视轨迹，还可以通过划分兴趣区分析来被试者在各区域内容的关注度。除此以外，还可以细入分析所有被试者的眼动注视轨迹是否流畅、注视点分布是否合理以及有无明显的兴趣区或疑惑区等。从而更全面地解决了上述需求。

下面再举一些例子，以更具象化地描述眼动研究的作用。

1、与后台数据分析结合，从全面的维度去挖掘用户的关注度。

例如，通过后台数据分析发现某区域的链接点击量比预期值小很多，专家评估觉得这个区域应该是用户会重点关注的，所以大家很困惑。最后通过眼动研究分析发现，这些区域确实是很快能被用户关注到，注视时间也较长，最后结合访谈了解到用户对这里的内容是感兴趣的，后台点击量少的原因在于用户看链接标题的内容就能获取到足够信息，或者不知道是链接是可以点击的等。

2、与可用性测试结合，关注用户在执行可用性测试任务时的眼动特征。

例如，在下载软件的测试任务中，观察用户的视线轨迹，这样可以清楚地看到下载耗时过长的用户是在哪里、被哪些界面信息所迷惑，或者直观地了解到用户下载指引对新手用户是否有帮助等。

3、比较网站设计改版前后的用户注视轨迹，判断改版的合理性。

例如，在新闻页面的正文中间插入一个推荐区，通过眼动数据分析用户在新旧版本页面的注视顺序有哪些差异，观察用户在新版本页面的推荐区里是否有密集的注视点分布等，由此来判断改版（插入推荐区）的合理性。

4、研究广告位置的有效性和干扰性。

例如，若策划想在页面重点内容旁放置广告，以吸引到用户的注意力，但又担心因此而影响用户的正常浏览，或者导致用户忽略了重要内容。那通过眼动研究就可以较好地进行研究和验证。

除了上述一些实际应用的案例，眼动研究方法的作用还有不少。总的来说，从眼动模式这个维度去分析问题，可弥补其它用户研究方法的不足。而眼动研究方法，与后台数据分析、可用性测试和用户访谈等方法结合起来，也可以使研究结论更加全面和有效。相信在互联网用户研究领域，眼动研究技术会越来越受欢迎，这里就欢迎同行们多多进行分享和讨论。

相关话题：眼动仪源地址：http://cdc.tencent.com/?p=1814

不要被F型浏览忽悠了

heidixie — 2009-09-04 09:48:00

什么是F型浏览？

2006年4月，美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告（原文：F-Shaped Pattern For Reading Web Content）。

报告中提出，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。

研究者用了几种不同的页面做眼动仪测试，得到了3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。

图1：F型浏览

研究人员这样诠释F型浏览：

第一步：水平移动

浏览者首先在网页最上部形成一个水平浏览轨迹。

第二步：目光下移，短范围水平移动

浏览者会将目光向下移，扫描比上一步短的区域。

第三步：垂直浏览

浏览者完成上两步后，会将目光沿网页左侧垂直扫描；这一步的浏览速度较慢，也较有系统性、条理性。

F型浏览背后的问题

F型浏览模式这个理论已经推出很久了，我在很多网站和BLOG上也看到过这样的分享。我在思考几个问题：

1. 出现F型浏览模式的原因是什么？它的背后是什么样的用户需求？

2. F型浏览会受到网站内容、用户需求影响而发生改变吗？会出现别的形状吗？

3. F型浏览模式能够给我们什么启示？如何指导我们进行SERP的设计？

带着这些问题，我进行了一些资料的发掘和尝试，进而有了更多的疑问，“浏览者都不由自主的以“Ｆ”形状的模式阅读网页”，这句话，尤其值得质疑。因为我发现，浏览者并未是无意识形成了某种浏览行为，而是受到网站设计与自身需求的双重影响而造成的。

什么造成了F型浏览？

Jakob Nielsen花费的苦心用三种不同的网页进行测试，目的是为了告诉我们，F型浏览在不同的网站上都是通用的，用户的F型浏览行为并不会受到网站内容和设计出现太大的不同。

但是他并未进一步分析出现F型浏览的原因，结果让很多人误认为这真的是一种“不由自主”的行为。

也正因为如此，F型浏览也很容易被看出很多漏洞来。比如：

为什么不是E而是F？因为我们看到很多眼动仪测试的图片F下面并未一只有一个水平浏览线，而是多个。

为什么下面的一个水平浏览线要短于上面的一条，而实际上我们看到的很多眼动仪图片却是下面的水平浏览线要长于上面的一个？

而进一步的研究也发现，当考虑到网页丰富的内容元素，比如图片时，F型浏览很容易就被打破。如图，你能看到一个典型的F吗？

图2：图片因素对F型浏览的影响

那么，研究人员又来补充F型浏览了，他们说，当有了图片元素影响后，用户的浏览行为发生了改变，不再呈现F型浏览，而是出现了一个E字：

我想，再这么推下去，还是避免不了漏洞百出，E出来了，F出来了，将来还会有L，I,C，Z……

还是早早透过现象去分析本质，让我们早点接触F型浏览背后的原因更好。

我认为，F型或者是E型浏览方式，绝对不是无意识的“不由自主”的行为，而是网站内容、设计，用户需求和用户习惯多重因素作用下的结果。

用户的习惯：从左向右，从上到下，这也是传统阅读习惯在网络上的延伸。
互联网用户的阅读习惯：有些像我们阅读黄页或者产品目录的方式：快速扫描的方式，捕捉关键点，读短句子，忽视长篇大论——这些是可以有定论的。
用户的需求：这种习惯是如何养成的？我想是因为互联网用户心中有个需求：寻找某个东西。这个东西可能是具体的，比如搜索某个产品。也可能是模糊的，比如浏览新闻网站，我们是想扫描一下看看有没有“激发兴趣”的关键词。当发现这些“关键词”后，我们会阅读更多的辅助信息以帮助决断：这究竟是不是我要找的东西，当发现是的时候，会产生到详情页面的点击，当然发现不是的话，就会继续向下阅读，继续又一次循环。
用户的耐心是有限度的，所以随着扫描的进行，页面长度的拉伸，他们若找不到太多兴趣点，兴趣自然会逐渐消减，因此就可能形成了所谓的F型或者金三角热区。

用户在浏览的时候，大脑里出现了三个词语：也许是，是，否。
当词语是“也许是”的时候，用户水平浏览以获取更多信息，当答案是否时，用户放弃水平浏览，下移阅读下一段或者下一个搜索条目。当答案是是时，一般会产生一个点击。如图所示:

图3：F型浏览是有意识的行为

这是我心中的F型浏览模型：

纵向扫描用以对比：信息为第一维度要关注的信息，用户寻找的是最重要而且有差异化的信息，用户扫描的速度非常快。用户对比中会产生“定位”，从而产生水平阅读。
横向阅读用以判断：信息为第二维度信息，信息可以没有差异化，用户会降低扫描的速度以获取更多有用的信息，帮助自己做判断，要不要点击到详情页。
用户的对比需要有差异化的信息,因此当用户做了一次过滤后,原本差异化的信息变为雷同时,F的纵向条开始转移到另外一组信息处，比如在淘宝上搜索mp3，当我经过过滤，筛选出一组均是米奇的MP3时，图片的差异化就没有了，我的F纵向直接过渡到标题或者其他信息。

在以下的图片无差异化的list上，我甚至有可能直接将F的纵向浏览转移到价格或者地区上。

因此，我们可以把F型理解得更加宽泛一些，这样就不用去纠结上面一横长还是下面一横长或者是两横中间的距离，当然也不会纠结为何F会有多条水平横线。

非典型性F型浏览——用户需求、网站设计等因素的影响

上面出现一张掺杂了一张图片的搜索结果页（图2），那么我想，当出现多张图片时，效果又是如何呢？

刚好，这几天我想买个电脑包，去淘宝上搜索电脑包，然后不做任何筛选，直接看搜索到的结果。我有意识观测自己的行为（当然，做研究不用采用我的方式），然后发现：

1. 我首先只看图片——图片能够帮助我快速决断，这个包的颜色、款式、风格是否是我所要寻找的（因此快速出现了一条长长的垂直浏览线）。

2. 当图片满足需求后，我会横向阅读该包的说明（标题）。——如果标题中包含了诸如“二手”，“18寸”等字眼，我就会放弃横向浏览，直接用一个斜线过渡到下一个产品图片。

3. 当快速扫描标题未出现让我say no的字眼时，我将视线落到了价格上。请看倒数第二个红色的包包，图片通过，标题通过，然而价格超出预算，于是我放弃用斜线过渡到下面的产品。

我们假设有一个同样和我在买电脑包的人，假设他不关心颜色，不关心款式，只关心价格（很多做批发的也许是这样的）——那么他一来这个搜索结果页，会不会首先从价格所在的列开始纵向浏览，排除，选择，横向研究并下决策——放弃还是点击？这是完全有可能的。

在电子商务网站上，因为图片大多数是第一选择要素，它有天然的优势能够帮助做选择，因此我们的浏览视线从左上方开始，先纵向再横向，纵向和横向的意图是有着微妙的差异的。这个稍后再说。

我们再看看口碑网，同样设计的搜索结果页的浏览视线：

我，代表着一个普通的来找租房的用户。普通的找租房的用户关心什么？

他第一关心的是户型和地段。其次是价格。

因此，他的浏览视线即有可能是这样的——

1. 越过了图片先看标题，因为标题一般会包含小区名称，户型等重要因素。
2. 当标题里有让他say no的字眼时，其他的信息（图片、价格、更多介绍等）统统都会视而不见。快速纵向浏览到下面的列表。
3. 当标题里有字眼满足需求后，用户会横向扫到价格字眼，做第二次判断。
4. 当价格超出心理预期时（或过低时），用户放弃此列表，视线出现Z型的下移，下移到下一条列表的标题。
5. 当价格同时满足期望时，一般会产生一个到详情页面的点击（两个黄色区域）。

在下面的例子中，同样是图片，却仅仅起到一个辅助的作用，当用户通过标题或者价格掌握的信息不足以判断时，才会做为参考因素。

再看看网站设计，是如何影响用户浏览行为的。

而，在以相册方式展示的SERP页面，用户的行为又是怎么样的呢？

比如，在淘宝商城，切换成gallery形式。我的需求是寻找一个双肩的电脑包，图片仍然是第一维度要关注的，因此我的视线很有可能呈现Z状，当我发现了有合适的款式和颜色的包包后，我才会扫描第二维度的信息：价格或者标题等。

但是，我又发现，除非我有意识，才能够保证是一个Z型浏览，大多数情况，我在Gallery形式展示的list上，视线呈现放射状的，散乱的，没有规律的，我也许会被其中的某张图片先吸引到——这张图片也许是居中的而不是左上角的图片，然后再由这张图片开始，向上或者向下浏览。

这种galley的设计，虽然能够突出图片的影响，但是实际上倒并不方便用户做“对比和筛选”，会漏掉一些信息，因此可能会出现上上下下的重复浏览——这也许也是国外主流的电子商务网站没有把这种形式作为主要的list设计的原因，当然，这是我个人的猜测。——如果有机会，我们会利用gallery做一下眼动仪的测试，来验证这个结论。

一个tips是，当以gallery方式呈现产品时，同一行的产品不宜过多。

F型浏览给我的启示

我认为，F型浏览不是绝对的，也不是无意识的，而是受到网站设计、用户需求、用户习惯多重因素影响。那么，我们的SERP设计，尤其是List items设计，要遵循什么原则呢？

只所以写这篇文章，我也由于近期在项目里遇到了一个问题：

list页面如何承载多种曝光需求？

鉴于这个页面的重要性，很多业务部门都希望能够在list页面做一些曝光，仅一个产品列表而言，有部门希望能够放出公司或者产品的认证信息，有的部门或许觉得没必要让用户点击到详情页，可以放出更多信息，比如公司的联系方式，产品运营方，或许希望list能够包含供应商的更多信息，比如规模，主营产品，设备和加工能力，工艺等。

但是，list一个豆腐块状的大小，怎么能够包含那么多信息呢？

所以，我们需要说服各个业务方：list页面设计的目的不是让用户阅读，做决策，而是快速寻找，定位，判断，而真正的决策是需要用户到了详情页甚至是与供应商联系过才能做出的。list页面的设计目的需要单纯，才不至于顾此失彼，忽略了最主要的目的，堆积了大量的信息，反而降低了用户的浏览、对比、定位的效率。

我们能做什么？

1. 信息优先级的划分

就电子商务网站而言，我认为可以划分三个优先级。

第一步：对比和快速筛选。

第二步：获取更多信息以帮助判断。

第三步：研究并决策——下一步动作或者放弃。

严重声明一点：以上的信息优先级要视网站性质、受众需求而有不同，不能适应任何类型的SERP。比如，同样是电子商务网站，淘宝和alibaba就有很大的不一样。淘宝面向的个人买家，而alibaba.com面向的是全球的批发商、中小型的企业采购。用户类型差异比较大，采购类型差异比较大，因此需求就不一样，关注的信息维度就不一样。

对于批发商来讲，因为一个产品要采购大量，一般也都是来样加工订制，不像是淘宝的现货采购，也比较注重长期的供货关系，因此对单品细节的关注就稍微要偏弱一些，更关心供应商本身的信用、供货能力、主营产品等。

而且，行业不同，采购类型也不一样，关注的信息维度也不一样。上周去上海建材展访谈的客户，都能够明确帮我们确认一个事实：行业特征对于SERP设计的差异化需求凸显。——这个话题以后再说。

Heidi想要表达的意思就是：根据你的网站的用户需求和产品特征，你脑子里需要出现这样一个表格——里面的内容需要调整为最适合的优先级。

如果设计师或者产品经理没有传达出信息优先级的概念，那么市场研究人员很可能提供出一个大杂烩，用户关心什么信息，产品图片，描述，认证，信用，价格，物流，供应商资质…………我知道他们当然什么都关心，但是——在什么阶段关心什么是要区分的。

2. 帮助用户更快完成任务

当我们脑子里已经有了这张表，并且和项目组达成共识后——达成共识比较不容易，但是我们可以靠用户调研、访谈、行业研究提供足够的proof来得出一个比较合理的信息优先级，那么剩下的任务就是如何更好表现这些内容。

同样的饺子馅，不同的包法显然能够给用户不同的感官感受，包得不好，不但有碍于观瞻，也极有可能破掉，破坏了一锅汤不说，还进了水，导致饺子没有味道。

既然用户在SERP页面的目标很清晰——找到它！

用户在SERP的任务又是可以被我们预测的——他有三个步骤需要完成（参见表格）

每个任务的目标同样也是相对比较清晰的，那么我们设计的任务就是在每个阶段让他能够更加有效率完成子任务目标。

当然你可以说：那我们干嘛要分成三步呢？既然要简化工作量，干脆让他一步完成不更好吗?

但是事实上，用户的这三步也是一个时间轴，不是在同时存在的需求，而且当我们把所有的信息都同时呈现时，反而会极大降低他完成第一步的效率。

我认为，SERP能够满足前两个级别的需求就可以了，第三步可以放到详情页去完成。

如google的搜索list：

想一下：如果标题字数太多，或者没有和下面的描述区分开来，没有做关键词的加粗，是不是会导致用户第一步筛选效率降低？

再对比两个网站的list items：

去哪儿——酒店搜索列表页：

口碑网——餐馆搜索列表页：

两者相比，我个人认为去哪儿的表现要优于口碑网。

去哪儿信息层级非常明确——地段以及酒店品牌第一维度。
价格单独成列——非常易于二级筛选。
图片相对不重要，因此只给出数量和链接。
给出了非常有帮助做选择的促销信息。

而口碑网的表现：

图片非常不重要，但是仍然占据了黄金位置。
由于标题位于图片上部，用户在纵向浏览时，经常被图片因素干扰，不利于快速浏览。
地图、周边等信息，我认为属于第三优先级，却出现在这里，导致每个item非常复杂。
评论：口碑给出了单个用户的评论，有失客观和公正性，会误导客户。
……

几个值得尝试的行动：

1. 信息区块划分——遵循用户习惯和F型浏览，F型浏览反应了用户的浏览习惯，从上至下，从左至右。

2. 加粗、显化能帮助用户提高效率的关键词或者信息

例如SERP搜索关键词的加粗，主要的目的就是让用户快速抓住字眼，然后判断：这是不是我要找的产品。

另外，降低噪音。上面这张图，个人认为将那个跳动的旺旺图标转移到右下角的位置能够帮助用户提升对图片和标题的浏览对比。

像价格这样的字段，一般来说比较重要（第二优先级），那么处理方式有两种：

单独成列——用户很容易纵向对比，这也是很多网站的做法。

单独成列的时候，我们可以不对价格进行太多视觉上的强化。

但是若做成不单独的列，就需要着重加粗，以帮助用户纵向快速跳跃式的对比。

——不然，就会是这样的：

3. 条目设计的拓展性

很有可能你的三段论会受到产品团队的赞赏，但是他们需要更多的信息表现出来。因此他们并不认为只有前两个优先级的信息才能够被放到SERP页面上，其他的只能到详情页查看。

而且，他们的观点也很有sense：

为什么要用户一个一个点开去判断这到底是不是他要找的东西呢？那不是无效的点击吗？

那么，即使已经有了优先级划分，list items设计还要考虑一定的拓展性——可以不展示，在用户有需求的时候展开。

还有更多行动需要你参与：

提出更多质疑，Heidi个人所得必然有一定的局限性。
帮Heidi验证结论正确与否：提供范例或者反例。

最后致歉：这篇文章历经了一个星期才断断续续写完，由于时间点非常多，不可避免有一些内容的重复性，写得又臭又长，如果读完发现没有收获，我说一声抱歉，哈哈。

【SERP系列】：

前言——什么是SERP，以及SERP设计的难点和问题

个性化如何影响SERP页面用户的行为

相关话题：眼动仪源地址：http://www.aliued.com/2009/09/03/262/

使用眼动仪要注意的问题

呆聋瞎 — 2009-06-12 02:02:39

小孩拿钱

眼动仪作为用户研究的利器，其作用一直被大家津津乐道。不过使用的时候还是要注意以下问题，防止分析数据时出现偏差。

一、用户关注焦点可能不是用户的兴趣点

使用眼动仪得到的关键数据之一就是被测试者的关注点。用户的关注点能说明什么呢？在眼动仪的得到数据中，用户焦点说明被测试者盯在某个区域上面看了一段时间。这可能是由于用户想看这个东西,如美女的脸，胸。但是并不是所有的情况都是这样。

当然，也有可能，用户对某些东西的关注，只是因为那个东西放在一个很好很显眼的位置；或者以一个比较张扬的形式呈现，如大的字体或显眼的颜色，让用户不得不关注。记得在一次用户研究讨论会上，某个同事谈到在某个网站的订单页面，通过眼动仪测试发现，优惠券是买家被测试者的关注点之一，但就是没人使用。而测试完毕,问那些被测试者是否注意到优惠券,为什么不使用，他们都说没有注意到。我觉得不是因为用户感兴趣才关注，而是因为优惠券放在了比较好的位置。眼动仪的实验数据不会说谎，优惠券是用户的关注点之一。被测试者也没有必要因为关注优惠券而撒谎，而他们都否认对优惠券的关注。以上的因素说明什么呢？说明他们这种自己没有觉察到的关注是一种以潜意识的习惯。基于自己的认知习惯，他们关注了优惠券，而又没有意识到这种潜意识的行为。

据那个同事说那个网站上的优惠券使用的人不多。我们通过常识可以对其原因做如下假设：1）用户关注优惠券只是一种潜意识的认知习惯（优惠券放得位置好）。在订单页面，用户的主要任务是确认订单信息然后付款。用户忙着完成主要任务，而忽略次要信息的行为并不奇怪。2）用户对优惠券感兴趣，但不知道怎么使用。3）由于现实生活中，超市里的优惠券都有种种限制和陷阱，用户不愿意使用。

我们通过定量的研究（如问卷）可以确定哪种因素是主要因素和哪些因素还没考虑到。接着，根据结果给出对应的解决方案。如果是1)、2)原因，可以直接把使用优惠券的结果呈现出来，即把优惠券和用户要完成的主要任务联系起来，比如订单的价格信息左边是使用优惠券的价格，右边是不使用优惠券的价格。如果是3）原因可以把优惠券的规则告之用户，给用户足够的信息，消除他们顾虑，让他们做选择。

二、霍索恩效应（Hawthorne Effect）影响试验数据

观察美女

我们有次做了个很搞笑的测试。找了5个人，观看美女图片。结果发现最明显的用户焦点在美女的脸上。不过，我认为美女的胸也应该是焦点。由于当时被测试者知道隔壁的观察室有人看，结果都不好意思往下看。别人不好说，至少我不好意思往下看…….隔壁的观察室可以看到被测试者观察的轨迹（隔壁有20多人呢），还时不时地传来歇斯底里的笑声，谁敢好意思往下看呀。被测试者都知道自己看美女图时被监视，当然要自律了。霍索恩效应（Hawthorne Effect）造成的偏差，在用户测试时一定要注意。如果实在无法避免，在定性分析数据时要考虑进来，将霍索恩效应（Hawthorne Effect）对测试结果可能的影响记录下来，防止数据的偏差给查看结果的人造成误导。

相关话题：眼动仪源地址：http://www.2beusable.com/?p=88

眼动研究的几点经验总结

谭浩 — 2009-06-09 20:52:01

一段时间以来，眼动研究运用于用户体验已经成为互联网行业的一个重要的潮流，各大网站纷纷购置相关的设备，并有部分关于眼动研究的经验总结。湖南大学的国家重点实验室也正在购买这个设备，用于交互、设计行为和汽车驾驶行为的研究。下面将我的几点经验总结如下：

第一，被试的数量。被试的数量是决定研究质量的决定性因素。一般说来，至少一个实验组需要不少于30名被试（有研究使用25名被试也能取得一定的效果）才能取得具有研究价值的数据。这是非常关键的。不少企业为了节约成本，被试数量严重不足，其结论的价值自然大打折扣，甚至是伪研究。前段时间我写了一篇文章《这不是研究》，对一篇在国内有广泛流行的文章《中日韩用户眼动比较》进行了分析，该研究每个实验组仅有9名被试，其研究连行业最基本的标准还没有达到，因此，被试量一定要保证。

第二是对数据的解释。这是所有定量研究的一个难点所在：如何解释获得的数据。现在国内对眼动的使用比较随意，很多时候，最后的数据可以解释成为完全截然相反的两个结论。解决这个问题的一个关键在于在实验前，对如何解释实验数据和商业目标之间的关系进行比较好的定义，并在企业内部取得一致，这样可以最大限度减少其影响。一般说来，最好把这个指标和商业指标密切挂钩。

第三，实验室效应的控制。这个特别对那些头盔式的眼动设备情况更加严重。因此，对企业的应用研究而言，采用非头盔的设备更佳。另外，可以通过情境引导等方法减少实验室效应。

最后，也是非常重要的一点在于眼动研究的数据尽量多样化采集。比如，做眼动实验的时候也记录用户的行为、鼠标事件、时间、出错等，这些数据综合起来，对研究的结果有相互支持和印证。现在眼动设备的软件都具备这样的模块，不妨结合起来使用。

总而言之，眼动是一种重要的研究工具，研究者一定要慎重使用，避免实验误差和实验设计错误。这对用户体验而言是十分重要的。

Ps：湖南大学的眼动设备在暑假应该可以到位，欢迎大家来看看哦。

相关话题：眼动仪源地址：http://www.haodesign.com/?p=90

UE实践笔记：眼动数据分析——诠释与过度诠释

helicopter621 — 2009-05-31 00:46:59

不久前曾撰文讨论眼动仪的女子弓虽之谜。前文主要讨论眼动研究的类型与研究设计，经过月余的熟悉、实践和培训，今以入门级菜鸟的经验，试论眼动数据的分析。内容如下：

眼动研究类型：几点补充
样本之谜：到底需要几个用户？
数据分析：诠释与过度诠释
眼动数据：利与弊

1. 眼动研究类型：几点补充

前文将眼动研究分为描述性与实验性两种，其实也可理解为定性与定量的区别。如何命名两者的区分并不重要，关键在于理解，前者是为了识别问题（表象）从而改进，而后者在于确立问题是否具有普遍性及其成因（本质）。

在T家的宣传资料中有这样一个比喻：眼动可以是蛋糕奶油裱花上的糖果碎屑（sprinkle on the icing），可以是蛋糕的奶油裱花（icing on the cake），也可以是蛋糕本身（图1）。即，它可以作为最表面的辅助性描述（直观地展现人的行为），也可以作为最核心的因果揭示（探讨具有普遍性的行为模式、导致行为的因素）。

图1

理解基本的区别，是正确设计研究和分析研究数据的重要前提。

2. 样本之谜：到底需要几个用户？

决定样本大小的最根本因素在于研究类型。

要想将结果普遍化（generalization），或对不同用户组（如，男、女等）做比较，必须使用定量研究。对于定量研究的样本，目前没有确切的结论。T家指出，一般在25人左右，就会到达饱和值（再增加数据，对结果也不会有显著影响）。但也有研究认为必须找50人。我更倾向T家的看法：结合研究的详细情况，考虑以下几个因素：

刺激物（stimulus）以及实验的复杂度
待比较的用户组数
后期数据分析的方法
基于数据分析结果所做出的决策需承担的风险。
时间、金钱成本

前三个因素基于学术严谨性（对信度、效度的考虑），后两个因素则从企业的考虑角度出发，尤为值得注意。如果参考眼动研究结果做出的决策，有可能影响极大，则样本越大越保险。但如果风险较小，保证基本的底线也许已足够。

对于定性研究，它的结果固然不能用于推导行为是否有共性，但只要能揭示问题，可以认为，几个人甚至一个人的眼动数据也是有用的。

最近一次项目将眼动仪作为可用性测试的补充，在热度图中发现了图2这个问题。这仅仅是4个用户的数据，却足以告诉我们设计上的问题：用户注视了两个地方，但这两者只满足TA同一个需求。第一句话是浪费眼神。

图2

这也许是个微不足道的问题，不就浪费个眼神嘛。但举该例是为了说明，小样本同样能帮助发现问题，从而快速指导设计的改善：将两句话合二为一，“去淘宝首页体验购物乐趣”。

总而言之，对定量研究来说，目的往往在于普遍化。对定性研究来说，发现问题是关键，而眼动的确能帮助我们更有效地发现问题，从而进行下一步的分析。

3. 数据分析：诠释与过度诠释

眼动研究一大难点在于，如何处理貌似丰富却陷阱重重的数据。丰富是指，有多种多样直观的结果可视化方式；陷阱在于，每种可视化方式在不同的设定下都可能引起误导。对研究者来讲，在分析时或应重点把握两点：勿过度诠释，勿只依赖眼动数据！

勿过度诠释含义有二：

诠释、分析应基于研究类型。不要用定量的语言描述定性的数据，不要用小样本做整体性推导、对比用户组；
懂得舍弃。这又有两层含义。1）若你的眼动报告读者是PM/PD/设计师，无需把对他们没用的结果呈现。尽管它们看起来很有趣，但其他人关心的往往仅是结果对他们的指导意义；2）对于校对不准或捕获质量低的数据，要绝对舍弃。虽然这意味着时间、金钱的浪费。

勿只依赖眼动数据是指，应充分结合访谈之类的主观用户反馈、设计经验准则等进行分析。眼动数据分析一大危险在于，那些美丽的热度图、柱状图很容易勾起臆测。如果没有同时收集用户的诠释，一不小心就变成研究员的YY了。同样地，一旦钻进了数据的迷瘴，会忘记其实还有其他分析的利器。

4. 眼动数据：利与弊

眼动结果作为一种直观的用户体验呈现，有无数案例说明其利。图2的例子就充分表明了眼动特有的价值所在：普通可用性测试很难识别这个问题。

但弊端也是普遍的，眼动研究的设计、执行、数据分析，每一步的操作不当，都可能产出垃圾。这就要求研究员始终保持应有的职业操守和客观严谨的态度。我曾非常苦恼于一点：严谨性和企业要求的快速产出结果往往是相悖的，和真实度也常常有矛盾。那我是否应“教育”他们，例如如何读眼动结果、结果怎么来的？于是我问了T家从瑞典来的培训经理这个问题。他的建议是，不用操这份心，因为严谨性往往不是他们所关注的，他们只关注结果的指导意义。所以对于研究员来说，要让你的工作有价值，只需要把最有用，或你认为应改进的结果呈现出来，节省彼此时间。企业与学术界不一样，在企业的用户研究中，眼动数据只是一种用于支持你的观点，并带来改变的更有说服力的证据。

参考文献：

1. 分析的谦卑 by 襄襄
2. T家培训文献

相关话题：眼动仪源地址：http://piglili.blogbus.com/logs/40059873.html

打横？打竖？傻傻分不清楚

helicopter621 — 2009-05-12 15:20:38

导读：大量选项的列表呈现，在网站上颇为常见。本文根据一次眼动测试的发现，就列表视觉引导设计对浏览模式可能造成的影响进行了分析。

一次眼动测试的发现……

上月底做了一场眼动研究，其中一个任务是让用户搜索“运动包”，然后浏览结果。页面跳转后，第一屏为图1的内容。其中列表部分，上半部分是大类目所有选项的罗列，下半部分是品牌属性所有选项的罗列。

图1：测试用页面（部分）

颇为有意思的一个发现是，用户在无目的浏览一个大量属性（50+）列表时，注视热点呈现了图2的T字型趋势：

图2：45秒内累积相对热度图（数据量=12人，45秒=平均跳离页面时长）

虽然本次测试人数样本量偏小，但似乎呈现了这个规律：在四列属性值中，中间两列比第一、第四列关注度更高。其中第一列似乎最不受关注。再看看图3浏览视线轨迹图。

图3：45秒内全体被试视线轨迹图（N=12，45秒=平均跳离页面时长）

落在中间两列的注视点明显更多。再看看单个被试的视线轨迹图幻灯。

幻灯1：单个被试在其逗留时间内的视线轨迹图

类目/属性的浏览模式并非那次研究的命题，是附带的发现；而且样本量较小，固然不能推导任何结论。但也引起我一些思考：

1. 从设计上来说，目前系统的排列逻辑（从左至右横向递减）是否有悖于列表设计所引导的浏览模式？即导致系统认为优先级最高的项，抢眼球能力很有可能不如次优先项（以同一行比较）。

2. 以上呈现之浏览模式，明显有别于F型浏览模式，是否暗示了对于列表的浏览，可能会与普通的页面浏览不同？

对上述两点的探讨是有意义的，因为它至少会影响两方面：从用户的角度来说，易读性、视觉搜索效率；从系统的角度来说，资源的合理排序和分布。基于此，我试图分析引起上述现象的可能原因，以及对设计的启示。

一些推断和分析……

1. 行、列数

当行、列数差异较大，使用户明显识别到这是一个水平（如图4，列数>行数）或垂直（如图1，列数<行数）的列表时，用户可能采取垂直、逐列扫描水平列表，或水平、逐行扫描垂直列表的方式，以缩减视线一次性跨度和折返的长度。那怎么解释图1的现象？这就要结合第2个因素。

图4：列数>行数的水平列表

2. 行距、列距

可以引申排版学的两条规则来理解这对因素的影响。若把列表中的每个项理解为排版学上的一个内容组块，则它们之间的上下左右距离，即行距、列距，会影响用户对其关联性的认知。以图4为例，行距小于列距，让用户产生上下相邻项比左右相邻项更亲近、关联性更强的感觉，因此引导了垂直的浏览方式。

另外，排版学上为了引导水平浏览而设定的另一个基本原则是，行距是文字字号的1.5倍。但该值会受行长、字间距的影响。行越长、字间距越大，行距也要随之增大。引申在列表的设计，若想引导水平浏览，行距至少不应小于列距。而当列数越多（即行越长）或列距越大（即字间距越大），行距和列距的差异更需要加大才能实现对水平浏览的引导。

1和2两个因素不是孤立起作用的。图2的现象是二者综合的例子。首先，明显的垂直式陈列（行越多于列），让用户觉得横向移动视线更省力。但由于列距过宽，横向浏览跳跃度高，于是视线跨度逐渐缩短，集中往返在中间两列并纵向向下。即，用户可能先根据整体的排布方向（垂直或水平）采取一种浏览方向。但在浏览过程中，会受行距和列距所造成的视觉引导影响。

对设计的启示……

1. 视觉引导应与系统排序逻辑一致。例如对于图3手机列表的情况，系统是按照手机品牌的热门水平，横向递减地排列手机的。也即希望用户水平地浏览，至少先看到Apple而不是Google。但目前的排版却做出了相反的视觉引导。

2. 行、列数的差距，以及行距、列距的差距，会影响大量项目列表的视觉引导。

3. 实现更强的视觉控制的可能性。列表的应用非常广，文字列表只是其中一种，尚不知道图片列表浏览是否也会有这种规律。但设计师若能把握住规律，也许能更合理地分配列表项，让用户更易找到我们希望TA尽快找到的内容。又比如，行数等于列数、行距等于列距的方形模式，是否会让列表中各个项受关注度较平均？

小结……

以上是我对测试中发现的有趣现象的推理分析，非研究结论，仅作为后续实证验证的抛砖引玉。在以下延伸阅读部分，会列举一些有目的浏览/搜索的实证研究结果，有兴趣可继续阅读哦！

前面的讨论针对的是无目的浏览的情况。对于有具体目标的浏览/搜索，水平或垂直呈现方式对搜索效率有何影响呢？用户的浏览模式又如何？对于这些问题，学术界有一些实证研究。

Dong & Salvendy (1999) 曾比较水平菜单和垂直菜单，哪个能帮助用户更快地定位某个菜单项。结果发现，中国用户在使用垂直菜单时，显著地更快找到某个菜单项。而美国用户恰恰相反。
Feng & Shen (2006) 比较了当一个1-9的数字列分别以水平和垂直的方式呈现时，用户在哪种方式下能更快地定位某个数字。结果发现，当数字列以水平呈现时，用户能显著地更快找到。

1和2的结论似乎恰恰相反，但要注意的是，菜单项是以文字的方式呈现的，比数字复杂。不过，这两个研究对比的都是单行/列对搜索的影响。对于满屏的时候又会怎样呢？

Lau, Shih, & Goonetilleke （2002）对比了水平、垂直和正方的汉字阵，以及不同的汉字复杂度，是否影响用户找到汉字的效率。结果发现，呈现方式以及汉字复杂度这两个因素，对大陆用户来说并无显著影响（他们同时找了香港用户和学汉语的外国人作为对比），且眼动结果也显示了一种随意（忽纵忽横）的浏览模式。
Ding, Li, Hu and Yan (2007)让用户在满屏的图片里找一个铃铛图片，眼动结果发现用户并没有呈现绝对的横向或纵向浏览趋势。
我毕业论文比较了在54个二或三个汉字的标签（tag）中搜索某个具体标签时，标签以9X6的水平列表、6X9的垂直列表或7X8的标签云呈现时，对于搜索时长的并没有显著影响。

对以上研究要指出两点：1. 结果说明的是有固定搜索目标的浏览；2. 水平和垂直的差异在于行数和列数的转置，但为了消除行距和列距的影响，实验中的行距和列距是相等的。

参考文献

Dong, J. & Salvendy, G. (1999). Designing menus for the Chinese population: Horizontal or vertical? Behaviour and Information Technology, 18(6), 467-471.

Feng, C. & Shen, M. (2006). Task efficiency of different arrangements of objects in an eye-movement based user interface. Acta Psychologica Sinica, 38(4), 515-522.

Lau, W. C., Shih, H. M., & Goonetilleke, R. S. (2002): Visual search strategies and eye movements when searching Chinese character screens. International Journal of Human-Computer-Studies, 57(6), 447-468.

Lau, W. C., Shih, H. M., & Goonetilleke, R. S. (2000). Effect of cultural background when searching Chinese menus. In K. Y. Lim (Ed.), Proceedings of the 4th APCHI / 6th SEAES Conference 2000 (pp. 237-243). Amsterdam: Elsevier.

Ding, J., Li, Y., Hu, R., & Yan, Y. (2007). Spatial asymmetry of visual search between different locations: An eye movements study. Psychological Science, 30(1), 116-119

版式设计原理.（日）佐佐木刚士;中国青年出版社.

相关话题：眼动仪源地址：http://piglili.blogbus.com/logs/39068671.html

关于“眼动仪”

犷野西风 — 2009-04-20 01:16:44

上周在大猫的窝里看到D4上分享的眼动仪测试结果，发现与这个被测者相比，我年前在浙大当小白鼠的结果明显“正经”很多！哈哈。

今天小孩在部门里也做了一次测试，把测试结果也秀一下：

这是张图文混排的情况，三张图片分别为注视点图、热区图、兴趣区图。它们的含义分别是：

1. 注视点图中，不同的颜色表示不同的人的注释点，圆点上的数字表示用户注视顺序：

2. 热区图中，某区域颜色越红，表示该区域注视的人越多：

3. 兴趣区图中，彩色区域代表用户的主要注视区：

再上一组美女的：

当然我们这些是在设计领域对眼动仪的应用，想想在军事领域，残疾人应用方面眼动仪应该有更大的应用前景。或许哪天只要动动眼睛就能开飞机了……

最后附上我年前自己的测试结果：

很明显，我对美女的“脸”更感兴趣，哈哈！

相关话题：眼动仪源地址：http://f2e.me/200904/eye-gaze/

CE的秘密武器 - 眼动仪

亨利 — 2008-10-21 00:04:29

在介绍眼动仪之前，我们先看两个事例。第一、用户浏览广告时，若他们很后才浏览到或者完全忽略了广告的重要信息（如产品名、品牌等），那这广告就设计的不是很好。第二、人在愉悦或者惊恐的时候，瞳孔会变大，而在烦恼或者厌恶的时候，瞳孔会变小。比如，在看到血淋淋的交通事故场面时，通常会先受惊吓然后产生厌恶情绪，此时瞳孔直径就会先变大然后迅速变小。
上面这两个事例，有一个共同点，就是都和人眼睛的运动（眼动）有关。那研究眼动究竟有什么用？眼动仪又是什么仪器？眼动研究对CE又有什么帮助呢？下面将逐个为你介绍。

为什么要研究眼动？

有研究表明，人来自外界的信息大约有80~90%是通过眼睛获取的，可以说眼睛是人心灵的窗口，通过这个窗口我们可以探究人的许多心理活动规律。另外，眼动是具有一定规律性，而这些规律性揭示了认知加工的心理机制。由此可见，研究人的眼动是具有很大意义的。就目前来说，眼动研究出来的成果已经在心理研究、可用性测试、医疗器械设计和广告效果测试等众多领域发挥重要作用。
这里举一个眼动研究在web可用性上应用的例子。可用性领域的权威Jakob Nielsen等人在研究实验中发现被试者阅读网页时常常会呈现“F状”的模式。如下图的网页注视热点图所示，其中红色表示该区域受关注度最高，黄色次之，蓝色再次之，灰色则表示基本没有被关注。

他们从实验中得出结论，被试者的阅读行为在不同的站点和任务中保持很高的一致性，即看起来像英文字母“F”。这个“F”模式的实验结论对网页设计具有很明显的作用，比如页面头两段内容需要放置重要的信息等。另一方面，这也说明了眼动具有一定的规律性，眼动研究是一个很有用的用户研究方法。

眼动仪是什么？

在眼动研究刚刚起步的时候，研究者是通过直接观察法来记录被试者的眼动情况，例如在被阅读材料中间穿一个小孔，研究者通过小孔进行观察并记录被试者阅读时的眼动变化情况。当然这种方法是很原始、很粗糙的，其结果也不够精确。
随着时间的推移，许多高科技广泛地应用于眼动记录技术，而眼动仪就是一个记录人在处理视觉信息时的眼动轨迹特征的高科技仪器。它可以帮助我们记录快速变化的眼睛运动数据，能记录下包括注视点、注视时间、眼跳方向、眼跳距离和瞳孔直径等多种参数，还可以绘制眼动轨迹图，直观而全面地反映眼动的时空特征。
下面介绍一下设计中心的遥感式眼动仪（见下图），这款眼动仪带有小型独立摄像头，可以远程遥控，有效修正头动；拆装简单，移动方便；支持数据综合分析，例如注视轨迹、热点图、兴趣区分析等。它可以在可用性测试和界面评估等领域发挥重要作用。

眼动研究与CE

在标题里，虽然将眼动仪称作是CE的秘密武器，但其实它在CE中的应用早已不再罕见了。就目前而言，设计中心已经将这个方法应用于软件和网页的可用性研究、广告有效性研究、界面评估和游戏测试等众多领域，它为我们获取到不少其它研究方法很难得到的成果。
在软件和页面可用性研究中，我们可以研究用户在执行任务操作时的视线是否流畅、是否会被某些界面信息干扰等；在广告有效性研究上，我们可以研究广告设计是否合理或者广告在页面的位置是否有效等等；在界面评估上，我们可以研究用户是否有浏览到界面上的重要信息，或者哪些区域是最先被用户关注到的等。

在眼动研究项目中，常用的眼动指标有：
1、注视轨迹：记录被试者在整个体验过程中的注视轨迹，从而可知被试者首先注视的区域、注视的先后顺序、注视停留时间的长短以及视觉是否流畅等；
2、注视热点图：用不同颜色来表示被试者对界面各处的不同关注度，从而可以直观地看到被试者最关注的区域和忽略的区域等；
3、兴趣区分析：考察被试者在每个兴趣区里的平均注视时间和注视点的个数，以及在各兴趣区之间的注视顺序。
例如，下面就是在做可用性研究和网页界面评估时用于分析的眼动轨迹图：

眼动仪作为一个高科技产品，可以让CE工作变得越来越有技术含量，将会在CE工作中扮演越来越重要的角色。但仍需注意，眼动研究本身都还存在着一定的不足之处，通常要加以辅助测试来收集更多的实验数据，并通过结合分析来得出更多、更有效的结论。

相关话题：眼动仪源地址：http://cdc.tencent.com/?p=278

UE实践笔记：眼动仪——很女子很弓虽大？

helicopter621 — 2009-04-19 00:02:29

本司日前购入T牌眼动仪一台，乃最新型号，无需戴头盔，用户以最自然的状态进行测试。

很好很强大吧？

一直以来对“神秘”的眼动仪及眼动技术都持敬仰状，可是真正接触并使用就发现陷阱多多！本文从菜鸟眼动研究实践者的角度出发，试论以下几个问题：

眼动研究及其结果的危险
眼动研究设计的若干雷区
（1）你是否清楚自己在做哪种类型的研究？
（2）研究过程中的QC

要说明的是：

关于眼动研究是什么，为什么要做眼动研究，已有大量文献（见延伸阅读1-3），本文不是讨论眼动研究有多女子多弓虽大。
本文讨论背景是企业环境中的眼动研究，非科研机构的眼动研究；
本文仅探讨互联网领域的眼动研究，不涉及广告（平面或多媒体）、货架管理等领域的眼动研究
本文专注于眼动研究方案的设计及操作过程，暂不讨论对眼动结果进行详细分析时的问题

————————————————————————————

眼动研究及其结果的危险

尽管眼动仪设备的精度、追踪技术的可信度、眼动算法等硬件上的局限性目前仍然存在，但眼动研究以其相比起别的人机交互研究方式的“高贵性”（一台动辄几十万淫民币），容易造成盲目崇拜，觉得花了大钱买来的东西，一定很了不得很牛掰。可事实上，如果操作不当（下文将详述），眼动研究结果可能比廉价的可用性测试还不如。

另一方面，眼动数据分析工具，即目前普遍使用的T家的Studio软件，在快速生成貌似直观易懂的数据可视化图方面愈趋强大。随便抓个人来眼动一下，再按一个按钮，一副美丽的数据结果图就能出来！！不费吹灰之力这样可能造成的危险是，一个设计得很烂的研究，也能做出漂亮的、让老板一看就“懂”的数据结果。最典型的莫过于热度图：
呀，最红的最吸引眼球嘛！傻逼都能看懂

但实质上，热度图可以通过三种计算方式（凝视次数、绝对长度、相对长度）来呈现，每种计算方式的起算点也可以人工设置。选择哪一种计算方式、哪一个起算点，都会影响到某区域的红或不红。其次，时间段对于红与不红也有很大影响。你切前0.5秒和前1秒，也许就变样了。再其次，被试人数能严重影响红分布和红浓度。再再次，红只是表象，导致红的本质是什么？如果研究控制不当，也会严重扭曲结果。

你的老板也许见红就爽，他的确不会知道，也不会关心红怎么来。而且相比起干巴巴的可用性测试结果，精美、“客观”的眼动研究结果，似乎更具卖相。但研究者绝不要贪一时之快，把眼动结果当作忽悠的工具。

眼动研究设计的若干雷区

就算你的研究态度刚正不阿，没有科学严谨的研究方法论也是白搭。

雷区1：是否清楚自己在做哪种类型的研究？
互联网行业的眼动研究大致可分为两种——

（1）观察性研究（observational studies）：
观察性研究往往作为可用性评估的辅助，找出某一个设计方案的失败/成功之处（见延伸阅读4），或对比某几个设计方案（见延伸阅读5-7）。观察性研究得出的是描述性数据(Descriptive），这种结果不具备普遍性，也不能建立任何因果论（causal link）。并不是说这种研究的结果不可信，只是有局限性，权当参考。对于那种试图推导“模式”的研究结果要特别小心。例如像这篇《科学设计你的网站网页》（译文、原文），用小样本的观察性研究，试图推导大概念。Nielson著名的F-Shape阅读模式眼动研究，之所以要找200多个被试，测试上千网页，就是因为并非实验研究。要得出稍具效度的结论，须大量增加被试数（见《为什么眼动研究需要50个被试》，译文，原文）。

（2）实验研究（experiments）：
实验研究是指对自变量（IV）进行控制，并通过严格定义IV、因变量（DV）、严格控制标准化的实验程序，从而得出某个或多个因果联系。实验研究得出的数据具有预测性（predictive）。通常一个实验研究应包括：假设（hypothesis）、设计、被试、仪器、程序、任务。

设计涉及到对IV、DV的定义，采取组间还是组内测试。组内测试涉及到对变量水平（condition）呈现次序的平衡，组间则需要更多的被试人数。被试则是取样了，尤其是人数。但由于是实验研究，可以相对较少，取决于IVXDV有多少。由于每个被试都应经历一模一样的实验过程，对程序的定义也很关键，力求无偏。

值得一提的是任务。实验型眼动研究的任务最好追随KISS原则：keep it short & simple！任务耗时太长或太多，一方面会引入预计之外的不可控因素，另一方面对电脑的数据存储、计算压力很大。尽可能划分子任务，而不是丢给用户一个可能耗时半小时的事做。

为比较以上两种类型的研究，举一个例子。对于下面这幅广告图——

通过观察性研究（如让被试随意浏览），可以知道哪个商品最快吸引视线、文案还是图片让人看得久…等等。假设我们发现红瓶子的最快吸引视线，而想知道是什么因素导致这种情况：是颜色？位置？文案？数字？这就必须通过实验研究来验证。变量、变量水平多到吧？（详细过程请参考研究方法论等书籍）

雷区2：研究过程中的QC
以下是在实践中的一些经验。展开眼动研究过程中很有不少突发因素（如一次测试中网页突然加载很慢，用户盯着看、用户手机突然响了、电源线突然松脱了小声告诉你哦，真的发生过不少次），以及因原本预计不足而造成的客观因素（如用户理解不了任务，边做边问或更离谱地去做了别的任务）。为保证数据干净，有以下几个小建议：
（1）牢牢插稳那些电源线、USB线、火线@#￥%……&*，不然突然黑屏会有吃苍蝇的感觉哦！
（2）在正式任务开始前加入仿拟真实任务的练习任务。这是为了保证第一个任务的数据不受影响。通过练习任务，用户可以厘清ta要干嘛，你也可以搞清楚ta到底真懂还是假懂了任务。
（3）事前做好编码模式（coding schema，如F1=用户使用了筛选器，F2=用户使用了类目缩减，etc）。良好的编码能够帮助后期快速处理数据（否则一段段视频看来会疯掉），尤其是解析一些怪异数据。但由于手提电脑处于双屏监测会使运行变得极慢，因此根本用不了按快捷键自动记录编码。目前俺们使用人肉记录，还是比啥都不记录要好。
（4）让用户事后回溯，即所谓PEEP（Post Experience Eyetracked Protocol）法。眼动结果是干货，有了用户的点评才是点睛。这与任务长短息息相关，你总不能让Ta回溯老半天。所以任务也是短小精干好！
（5）让用户歇歇要保持那个该死的姿势，死盯着那该死的屏幕，做那些该死的任务，还没完没了的，人家容易嘛？中途歇歇，有利于数据质量，有利于用户健康！

亲爱的读者，能坚持看到这里，您的眼睛也累了，谢谢！！春天到了，多出去运动运动吧

延伸阅读——

眼动仪大全
UCD社区的眼动仪话题
腾讯的眼动仪
Google对SRP的眼动研究
客户管理软件新旧版对比
“Is your design clear or confusing?”（译文，原文）
Evaluating the Usability of Search Forms Using Eyetracking（译文，原文）

参考文献——

Eye tracking methodology: Theory and practice

By Andrew T. Duchowski

相关话题：眼动仪源地址：http://piglili.blogbus.com/logs/38001605.html

科学设计网页：来自眼动研究的23条军规

Evelen — 2009-02-09 07:35:21

在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门，可以为改进你的网站设计提供些意见：

1.对比图像，文字更具吸引力

与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。

2.眼球的第一运动聚焦于网页的左上角

用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。

3.用户浏览网页时，首先观察网页的左上部和上层部分，之后再往下阅读，浏览右边的内容

用户普遍的浏览方式呈现出“F”的形状。保证网站内容的重要要素集中于这些关键区域，以此确保读者的参与。在此放置头条，副题，热点以及重要文章，这样可以吸引到读者进行阅读。

4.读者会忽视横幅广告

研究表明，读者常忽视大部分的横幅广告——尽管你以此维持网站生计——视线往往只停留几分之一秒。如果你想通过广告挣钱，那么必须创新你的广告位以及合理配置网站广告形式。

5.花哨的字体和格式被忽视

为什么呢？那是因为用户会认为这些是广告，并非他们所需要的信息。事实上，研究表明用户很难在充满大量颜色的花哨字体格式里寻找到所需的信息，因为视觉线索告诉他们把这些忽略吧。保持网站的清爽，不要因为华而不实的表面，让重要的信息被忽略。

6.用数词来代替数字

如果使用数词取代数字的罗列，读者会发现在你的网站可以很容易地发现真实的资料。要知道，你是写给那些将第一次浏览你的网站的读者，所以，让他们容易发现他们所需的信息，让他们感兴趣。

7.字体大小影响浏览行为

想改变人们对你的网页的看法吗？改变网页字体的大小。大的字体刺激浏览，而小一些的字体则提高焦点阅读量。根据你的需要，合理配置两者的比例。

8.遇到感兴趣的内容，用户仅会多看一眼副标题

不要过分坚持副标题固定的格式——保证他们的相关性和兴趣。你也可以让副标题包含关键词，这样可以有效利用搜索引擎，让它带来读者。

9.人们大都只浏览网页的小部分内容

如果在用户浏览的时候提供信息使他们尽快锁定目标，就可以把这一点发展成为你的优势。突出某些部分或者创建项目列表使网页信息容易找到和阅读。

10.简短的段落相对于长段落来说有更好的表现力

网页信息是为大多数强调快速浏览的无联网用户提供的。除非上下文的衔接要求，保持信息由简短的段落和句式组成，例如这个电子商务网站的产品介绍。

11.根据视觉锁定，一栏格式比多栏格式拥有更好的表现力

别让过多的信息把网站来访者淹没。大多数情况下，简洁更具力量。多栏内容容易被用户忽视，我们需要消除这些干扰。

12.网页顶部和左边的广告更能吸引眼球

如需要在网站植入广告，试图使他们融入网页的左上部，这样他们才能吸引到最大的视觉注意力。当然，用户仅仅会注意到这些广告，这并不意味着他们会用鼠标点击。所以不要为了提高广告的注意力而牺牲原有的网站设计。

13.将广告放置与最佳内容一旁也可以提升注意力

如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。这样，用户既可以找到所需的内容，你也能提升广告的效益。

14.在各种测试中，人们阅读文字广告最为专心。

正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。

15.越大的图像吸引越多的注意力

如果要在网页中使用图片，那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的连接速度，所以请放心在你的网站上使用那些较大体积的图片。

16.干净、清晰的特写图片能吸引更多的视觉注意

可能那些抽象的艺术图片会让你的网站看起来很有味道，但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片，请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是，那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

17.标题能吸引眼球

浏览网页时，读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效，以让读者顺利的通过网站进一步搜索。

18.用户花费大量时间察看按钮和菜单

所以，你需要花费额外的时间维护你的精心设计。毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素。

19.表单格式可以延长读者的注意时间

分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

20.避免呈现大块的文本

研究显示，一般的网络浏览者不会花费时间去阅读大块的文本，无论他们有多重要或写得多好。因此，必须把这些大文本分解为若干小段落。突出重要的地方，放置点击的按钮也可以提高用户的注意力。

21.格式可以吸引注意力

在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。使用时需要谨慎，因为过多的使用会使你的网页难以阅读，把读者吓跑。

22.利用好空白

尽管把网页的每寸空间都填满这个想法十分诱人，但事实上让网站留出部分剩余更为不错。网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁，给读者预留出一些视觉空间来供读者休息。

23.放置于网页顶部，导航工具的作用将更好的发挥

理想情况下，你不会满足于当读者打开你的网站时仅浏览初始页，而是希望他们浏览翻阅，察看其它感兴趣的内容。将导航器置于网页顶部，就可以让用户通过使用这个工具轻松的找到所需的目标内容。

相关话题：眼动仪源地址：http://www.yeeyan.com/articles/view/Evelen/4578

眼动仪应用于实践必须突破的几点障碍

finger — 2009-04-09 02:30:51

1）眼动设备的精度需要提高

     很多眼动厂家在提到自己眼动设备精度的时候总是语焉不详，或者一味强调自己的产品好用而避免谈其精确度，这是造成很多企业设计部门买了眼动仪后发现精度达不到要求的原因之一。眼动指标里的精度是以角度误差（例如精度为0.5度）来衡量的，但是我们关心的却是实际注视点与眼动仪计算出来的注视点之间的偏差。如果按照厂家给出的指标，随着人眼与屏幕的距离发生变化，注视偏差也会变化。

    解决方法：厂家给出详细的规格表，例如
       “屏幕分辨率（***）——人眼距眼动仪距离（***厘米）——注视误差（***像素）”

2）眼动追踪的技术需要提高
      如果眼动仪不能很好地解决校准麻烦、记录过程中对身体运动的限制，在企业应用就始终是空谈。这需要在硬件性能和软件算法上做出不断努力。

解决方法：呼唤技术革命


3）眼动算法的改进
   实际应用关注的是参试注视了哪些地方，注视了多久。按常理来理解，眼睛看到哪儿就说明人注视到哪里了，但实际上，眼动仪是每隔20ms（对于50Hz眼动仪来说）采样一个点的，原始记录是一连串的数据点。商业眼动仪采用了一套算法，认为大于100ms以上才算是注视点。这其实是一种心理学意味浓厚的想法，认为人的高级认知加工不可能发生在100ms以内。这样做有可能会漏掉一些重要信息。心理学研究早就证明过，有些下意识加工的速度往往会在瞬间发生。

     解决方法：建立采样点对应attention map的方法，取消注视点的概念，记录连续采样点的hotmap。

4）眼动心理模型的建立
      企业中的人不都是心理学家，大部分人对眼动的理解仅仅停留在眼睛注视了某个地方这种层面。这就经常产生一个问题：用户确实注视了这几个地方，结果说明什么呢？经常发生的情况是，注视点密集的地方可能是最吸引用户的地方，也可能是最让他迷惑的地方。因此应探索人对各种类型视觉刺激注视时的心理模型，以此作为指导自上而下地分析眼动数据。Nielsen等人做过一些尝试，发现了F型网页阅读模式。但是这个研究还属于描述性的层次，没有多大指导意义。

      解决方法：大学心理系应该开始眼动心理学这门专业，展开大量的基础研究，为实际应用提供利器。

5）改变分散的眼动研究方式
     设计是很个性化的工作，但是眼动研究是很严谨的科学。如果大家都在描述现象的层次上来使用眼动仪，那么它永远都不会有多大进步。应该有专门的机构和刊物来交流眼动研究的结果，大学和企业应该紧密结合起来。大学应该主动抛弃那些过分脱离实际的研究，企业也应该专门设置这样的职位。总之大家一起推动眼动的研究。

相关话题：眼动仪源地址：http://blog.sina.com.cn/s/blog_5b7b30fb0100be3o.html

Google眼球跟踪研究

pestwave — 2009-02-07 13:59:25

原文作者：readwriteweb
原文链接：What Are You Looking At? Google Details Results of Eye Tracking Study -
译者：pestwave

Google今天公布了自己的眼球跟踪研究报告。大部分内容都在意料之中。但是也有一些有意思的研究结果。比如Google是如何通过这些数据来分析搜索结果的。

但是最有意思的显然是Google担心在“通用搜索（universal search）”界面中加入缩略图会让用户分散精力。Google研究人员称，缩略图不会对用户浏览过程产生重大影响。相反，当缩略图和用户搜索内容无关时，用户更容易忽略这些搜索结果。

Google还指出浏览搜索结果页面，眼睛停留在什么位置，以及点击什么内容等几乎完全是下意识行为。

总的来说Google搜索用户习惯符合常见的F型分布（如下图所示）。

Google广告呢？

Google研究人员在报告中没有提到广告。从仅有的广告图片来看，大部分用户只有在浏览三四个搜索结果之后才会查看广告。或许Google想保密吧。以下是一段相关视频：

添加评论

相关文章：

谷歌的简略的统一资源定位符（URLs)

Google是搜索网页的唯一工具吗？

您应该开启的10个GMail Labs新特性

相关话题：眼动仪源地址：http://www.yeeyan.com/articles/view/pestwave/27859

你的设计清晰还是混乱？眼动追踪告诉你答案

Roc — 2008-11-05 21:57:26

原文：Is your design clear or confusing? Eye-tracking can tell

作者：Mihkel Jäätma

翻译：UCD翻译小组，Roc

原文地址：http://www.e-consultancy.com/news-blog/366595/is-your-design-clear-or-confusing-eye--tracking-can-tell.html

在流量上投入巨资的网站应该可以在网民登陆之际就牢牢抓住他们的注意力。

然而，眼动追踪^注1的分析结果告诉我们，其实并不是那么一回事。

网络中，时间第一。切换网页是如此容易，所以登陆页需确保游客一上来就被某些东西吸引。

浏览者从你的站点得到的信息真的是你试图传达的么？又或者，在对你的页面丧失了清晰的方向感之后，他们糊里糊涂地离去？

最有效的解决之道是亲自去问问用户本人；对他们做线上或线下调查。问题是，人们常常说一套，做一套。

Web分析提供诸如跳出率和停留时间这样的数据，但是这对找出问题的原因和如何改进帮助甚少。

眼动追踪对于评测设计是有帮助的，它跳过表层的点击行为，更深一层地揭示出用户的交互行为。

视线停留^注2，指的是眼睛有一个短暂的逗留——在哪里停留并且为什么停留，将对你的设计作品是否对完成商业目的有帮助做出一个客观的描述。

这个Youtube的视频（点击播放）展示了用户在Zavvi网站上购买视频游戏的过程。出现在屏幕上的红点代表的是视线停留——对特定的元素关注的越多这个点就越大。大体上来说，你可以看到在页面上代表视线停留的红点移动得非常快，而且都没有变得很大。

现在比较一下另一个用户（点击播放），他想要在Game.co.uk上完成同一件事。这次红点的出现就很有规律了。平均每一个视线停留都更长，这意味着页面吸引了更多注意力。该用户也确实获得了更多的信息。

以上两则个案做例子演示还行——要想得到可靠的结论，就需要超过50个类似的测试^注3。

下面的图表显示的汇总，来自于53个真人测试——要求用户购买一个自己喜欢的视频游戏。结果和上面看过的例子一样：在Game上视线停留的平均时长是0.475秒，而在Zavvi上这个值是0.298秒。

在Game页面上更长的视线停留，说明了它远比Zavvi引人入胜。结论就是：Game抓住了游客的心，而Zavvi没有。

深入的挖掘这些细节我们可以学到更多东西，哪里是用户最关注的，以及哪里仅仅是被一扫而过的。另外，Game这方面做得不错，页面中的主菜单和畅销推荐区都得到了强烈的关注。

Zavvi则会有些失落：顶部的菜单和促销广告获得的视线停留不足0.200秒。而研究一致标明，低于0.220秒的视线停留不能提供足够的信息，因而无法在大脑中留下印象。用户错过了Zavvi页面中这两个重要的元素。真遗憾啊。

除了受关注的级别，还有其他一些设计上应当遵循的性能指标。在交易类电子商务网站中的关键指标^注4比较应当涵盖下表中的任一项：

上面的结果证实了我们的经验，更具吸引力的页面对于设计的整体效果是大有益处的。让人们犯糊涂会让你付出代价，眼动追踪可以让你避免这一切的发生。

[注1] 眼动追踪：eye-tracking 详见http://www.uigarden.net/chinese/re_dian_he_chao_lian

[注2] 视线停留：fixations

[注3] 测试：sessions 具体来讲就是“样本做的测试行为”——by Angela

[注4] 关键指标:KPI-s（Key Parameter Index）

周二茶闻: 有趣的用户研究：中、美、韩用户眼动比较

包总-代理掌柜 — 2008-09-23 14:48:47

最近中韩两国研究者进行了一个关于认知风格(cognitive style)与网页感知(webpage perception)的跨文化研究，找来中美韩三国用户（共27人）进行了眼动测试，研究结果颇有意思。
实验是让用户浏览（不做任何点击）以下这个仿照雅虎布局的测试页面（根据用户的国籍使用相应语言版本的页面），眼动仪将做实时记录，测试过程为30秒。

图1：测试页面

研究者将页面分为9个兴趣区域（AOI, AREA OF INTERESTS）。

图2：兴趣区域（AOI）

从下图“头25秒用户访问的AOI总和”可以看出，韩国用户的眼睛一直在整个页面到处跳动。比起其他两个组别，他们更多地在各个区域中跳来跳去。在头15秒，中美两国用户的眼动比较相似，在头10秒，中国用户的AOI活动稍微高于美国用户，但很快就明显领先了。15秒之后，美国用户的AOI的增长率低于中国用户，说明美国人的眼睛活动开始稳定，并开始将注意力集中在页面的某一处。

下图是“每AOI注意点时长总和”。注意点停留时长反映出该区域对用户的重要性。页头中部的区域2（见图2）是尤其重要的，它吸引了三国用户最长久的注意。总体来说，美国用户将注意力放在区域1、2、5的时间明显高于其他两组。中国用户则在区域6、7、8、9集中了更久的注意力。

再来看看眼动结果（由上至下依次为中、美、韩）。绿色的点代表眼睛活动的开始，红色代表结束。

中国用户眼动图

美国用户眼动图.

韩国用户眼动图

根据眼动结果，研究者从两个方面做出了分析：

其中

Sequential Reading: 眼睛随着区域块依次浏览
Circular Scan: 眼睛扫描路径接近于顺时针画圆.
Back and Forth Scan: 眼睛在内容之间往返扫描，某个区域在短时间内被反复注视.
Scan Only: 用户只是扫描页面，并没有将焦点放在某个区域，也就是眼动很频密.
Focus on Title: 用户的注意力相对更多地放在标题上.
Navigation Reading: 用户的注意力更多放在导航条上，会花一定时间浏览导航内容
由此可见，中韩用户更倾向以扫描、打圈的方式阅读网页。同时，中韩用户更喜欢往返于各个内容区域，说明他们阅读时比较随意。相反地，美国用户比较关注细节，也很少这看一眼那看一眼。
下图是从另一个角度来阐释眼动结果。
“0” Shape: 眼动路径类似于画0
“5” Shape: 眼动路径类似于画5. (也就是，眼睛以此访问: 2, 5, 6, 9, 8, 7区域).
“N” Shape: 眼睛看完一列再看另一列.
“Z” Shape: 眼睛依次扫过各行.
“X” Shape: 眼睛以对角线的方式扫描，随意跳跃.
可见，多数中国人和韩国人都采用0式浏览，而美国人更多是采用5式浏览。也就是说，中韩用户会整体去看一个页面，而多数美国人趋向于从中心向外围浏览。
最后，研究者提出了一些设计建议。对于采用整体思维方式（holistic thinkers）的中韩用户来说，他们更倾向于扫描页面整体，而且以一种非线性的浏览方式，因此内容安排可以较为灵活。对于采用分析性思维方式（analytic thinkers）的美国用户来说，页面布局要非常清晰，每个信息区域都要有区别于其他的特点，导航部分也尤其重要。

研究详情，请参阅原文：http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/267/163

本期采茶人：小何老师(Helicopter in the air)

浅谈眼动仪在可用性测试中的应用

锦心 — 2008-11-21 18:50:07

嘻嘻，我很幸运，读研期间所在的实验室拥有很多令兄弟院校垂涎的实验设备，其中就包括iefen让我介绍的眼动仪，分别为美国ASL的Eye Tracker 6000 摄像头式眼动仪和头盔式眼动仪（具体型号我不记得了，因为我就“玩”了两次，没有做过具体的实验，对它的数据处理并不太了解，sigh～）。在此我仅对摄像头式眼动仪在可用性测试中所起的作用做一些粗浅的介绍，算是给还未接触过眼动仪的童鞋们“扫扫盲”。

图 1美国ASL的Eye tracker 6000摄像头式眼动仪

在可用性测试中为何要使用眼动仪？

由于传统的可用性评估在实际应用中，尤其在进行用户界面评估时，存在很多局限性，如很多测试方法都是建立在主试与被试的交互上，主试的言语、行为、表情甚至期望都会对被试及其活动产生影响。当存在多位主试时，就更难排除主试的影响。测试结果的客观性不高。因此，多年以来，在进行可用性评估时，眼动仪是常用的辅助工具之一。

眼动仪在可用测试过程中常用的参数

当前的眼动仪多是运用红外线捕捉角膜和视网膜的反射原理，来记录用户的眼动轨迹、注视次数、注视时间等数据。从近年来发表的研究报告和资料种可分析出，利用眼动仪进行可用性测试常用的资料或参数包括：
（1）总注视次数（频率）：数被认为是与搜索绩效相联系的指标。注视次数越多，表明低绩效的搜索，可能源于显示元素的糟糕的布局。但也应该考虑注视次数和任务时间的关系（如：任务时间越长需要的注视次数也越多)。
（2）平均注视驻留时间：反映的是提取信息的难易程度。持续时间越长往往意味着被测试人员从显示区域获取信息越困难。
（3）注视点序列：注视点在兴趣区之间的转换，能够度量用户界面布局的合理性。
（4）第一次到达目标兴趣区的时间：在显示区域搜索特定的目标时，第一次到达目标区域的时间。也是用户界面布局合理性度量的一个重要指标。
（5）每个感兴趣区域的凝视比率（时间比）：被试眼睛注视特定显示元素(设计者感兴趣区域) 的时间比例。在此应该分清被试在显示元素上的凝视频次和凝视的时间,驻留时间反映信息提取的难度,频次反映显示区域的重要性。
（6）每个感兴趣区域注视点数：此指标与凝视比率密切相联系，可以用来研究不同任务驻留时间下注视点数量。特定显示元素（感兴趣区域）的注视点数量反映元素的重要性,越重要的元素则有更多频次的注视。

眼动仪在可用性测试中的实际应用
讲完了理论知识，我列举三个我参与过或实验室同学主导的实验，让大家对眼动仪有个具象的认识。

实验一：客户管理软件的导航可用性评估
测试目的：通过眼动仪对两个不同版本的客户管理软件的导航可用性进行评估。
测试任务：在旧版设定页面上找到“产品组排序”功能；在新版找到“管理产品序列”功能。
测试方法：在视觉评价的实验室研究中，要求被试分别观看两张不同的版本的同一页面，图片呈现10s，眼动仪(ASL EYE TRACKER 6000眼动仪，采样频率120 Hz)记录他们观看图片时眼睛的注视点、注视频率、注视时间，完成时间等指标，以考察观看者对哪一版本的导航更符合用户的习惯和时间短，，并在看完图片之后再填一份对两个版本的喜好度评价问卷（被试按5点量表对它们进行喜好度评价，1表示最喜欢，5表示最不喜欢，2、3、4介于中间）。参与测试的人数为10人。

图2 眼动仪测试实验室

（1）眼动注视点轨迹分析
经过对测试用户眼动轨迹的分析，可以明显发现测试用户在使用两个版本在眼动注视轨迹区别（图3，图4）：用户在使用旧版系统时，眼动的轨迹比较杂乱，测试用户的眼动轨迹区别明显；用户在使用新版系统时，眼动轨迹比较有规律的，测试用户的眼动轨迹呈现相似性。

图3 旧版系统测试轨迹图

图4 新版系统测试轨迹图

（2）眼动注视时间分析
10名测试用户的注视时间统计见表1，可以明显发现两个版本在眼动注视时间区别：用户在使用旧版的系统时，注视的时间比较长，两个版本在瞳孔直径的变化比较大（主要测试时间较长，眼睛疲劳造成瞳孔变小）。通过注视时间和方案评价等级的对比分析（图5），可以得出评估等级越低（数值越低表示满意度越高），用户眼动注视时间越短，用户在较短的时间内能找到想要的功能，页面影响用户的干扰越小。

表1 注视时间参数表

图5 注视时间与评价等级的关系

（3）眼动注视频率分析
10名测试用户的注视频率统计见表2，两个版本在眼动注视频率有明显区别：用户在使用旧版系统时，注视次数频率比较高，无规律性。将注视频率和方案评价等级的对比分析（图6），可以看出评估等级越低，用户在页面搜寻的频率相对越少，用户在较短的时间内能完成制定的任务，用户注视轨迹相对越有相似性。

表2 注视频率参数表

图6 注视频率与评价等级的关系

综合测试评估的几个纬度分析结论，改版后的系统相对旧版的系统在导航的信息流设计和工作流等设计方面有了很大的提高，符合现在用户的使用习惯，减少无效的信息对用户操作的干扰。

实验二：网站首页的可用性对比测试
这是对某网站改版前（图7）和改版后的主页（图8）进行可用性对比测试，通过让用户浏览首页（不做任何点击）判定网站的主旨和类型，来捕捉用户注视点的轨迹图和记录用户在不同位置注视时间，对比网站主页改版前和改版后信息传达的有效性。

图7改版前的首页测试轨迹图

图8 改版后的首页测试轨迹图

经过对采集到的数据进行分析，可发现用户在浏览改版前的页面时，眼动轨迹混乱，扫描路径长且很多相互交叉，注视点序列分散排布，用户注视点变换快，无明显的兴趣点,如图这些数据表明改版前的网站首页布局不够合理，没有重点。
数据显示用户在看改版后的页面时，轨迹比较清晰，短的扫描轨迹居多，轨迹较少交叉，有明显的兴趣点，此些表明改版后的网站布局较之于改版前更合理。

实验三：索爱W958c手机界面的可用性测试
此实验是通过让用户完成具体的任务（表3），来测试用户对索爱W958c手机界面的信息结构的洞察程度，界面布局，界面元素表征含义对于用户的搜索策略的影响，从而全面的衡量手机界面的可用性水平。该实验的评价指标包括注视时间、注视点数、任务完成率、多余翻页偏差度。限于篇幅，在此对这些指标不做具体的分析，仅推出热点图的概念。热点图反映了注视点和视线活动在屏幕上的总体情况。它是通过统计多名被试的视线活动情况的数据而绘制出来的，颜色越深，则表示关注度越高。

表3 基于眼动追踪的手机界面可用性测试的典型任务

图9 索爱W958c原型在完成任务2时的热点图

图 4.10 索爱W958c原型在完成任务6时的热点图

总结

眼动仪作为一个高科技产品，可以让可用性测试更直接和高效，但仍需注意，眼动研究本身都还存在着一定的不足之处，如当采用非头盔式系统时,会有10 %到20 %眼动数据丢失,且对被试的运动有一定限制，所以在使用眼动仪进行可用性测试的时候，通常要加以其它测试方法来收集更多的实验数据，并通过结合分析来得出更多、更有效的结论。

相关话题：眼动仪源地址：http://ued.alipay.com/?p=497

有关眼动仪的几个视频

jary — 2008-10-02 00:01:34

http://www.youtube.com/watch?v=bZOVcmwHZZk

以下是对两个用户进行眼动测试的结果，仔细对比看看差别，以及分析其中的一些细节。

http://www.youtube.com/watch?v=qEGJEVNqhFY

眼动仪：web上的销售引导

http://www.youtube.com/watch?v=vxTOQRg8ZaQ

http://www.youtube.com/watch?v=0-AGXRioSOM

http://www.youtube.com/watch?v=8wxbeEuGW00

http://www.youtube.com/watch?v=9VSgxp7RjE4

http://www.youtube.com/watch?v=gnSJEFF39IU

http://www.youtube.com/watch?v=7RGPB07VQcs

http://www.youtube.com/watch?v=15de1nVmKAM

相关话题：眼动仪源地址：http://jary.findesign.cn/?p=891