视觉轨迹 III得好处：当我们通过眼睛看的时候，我们看到了什么[翻译]

视觉轨迹III---eyetrackingIII 一项研究的名称

视觉轨迹III得好处：当我们通过眼睛看的时候，我们看到了什么

新闻站点已经伴随我们大约10个年头了，但是编辑和设计者仍然和许多没有被解答的问题斗争着：网页的布局影响人们的印象么？...那些简介和大字标题，到底在网页上那个更有效？什么时候使用多媒体是适当的？简介放置在哪里会被浏览者看到？Poynter学院 新闻和新媒体estlow中心以及www.eyetools.com关于视觉轨迹研究的发表将帮助回答那些甚至更多的问题。这种视觉轨迹的研究不会直接提供那些问题的答案。但是通过结合其他那些新闻管理员已经使用过韵律学的站点(可用性测试 焦点组，日志分析)视觉轨迹III发现可提供一些改善新闻站点的方向。
在视觉轨迹III里，我们观察46个人一个小时的时候，跟踪他们眼睛对新闻站点和实时多媒体内容的观看。在这篇文章里面，我们将对我们观察到的提供一个总的观点。你可以钻研视觉轨迹III地发现和观察结果的细节在这个站点http://www.poynterextra.org/eyetrack2004/index.htm.如果你不知道什么是视觉轨迹，那么请阅读eyetrack III FAQ(http://www.poynterextra.org/eyetrack2004/faq.htm)来了解一下。
让我们来看看研究的关键成果，但是首先，先看一段关于这项研究是什么的简短的评论：这个一个几十个在胜弗朗西斯的人的初步研究。 他不是一个详尽的探索。这是一个基于可控变量的发现，是一个观察资料，但是观察中的测试并没有严格控制。研究人员们的工作做得很宽但是没有深入，这里包含了站点设计和多媒体因素的很多方面。我们希望视觉轨迹III不是一个研究的终点，相反我们想让它引发一场视觉轨迹研究的浪潮，那样，新闻工业将会从中受益。好吧，让我们开始...
核心：主页布局
在测试我们的参与者浏览新闻站点眼睛的移动时，视觉轨迹III的研究人员注意到一个共同点：他们大多数会先注视页面的左上方，然后在那个区域扫视一圈，然后再从左移向右边。只有在仔细阅读了页面的上面部分一段时间之后，他们才会将注意力转移到页面的下方。当然，根据页面的布局，这个图案可以变化的。

上面的图片是一个大多数人眼睛移动相同路线得简单表现。
现在来考虑另外一个视觉轨迹的观察研究：在主要位置的大字标题在人们进入那个页面的时候常常第一个吸引人们目光---尤其是他们在左上方的时候，还有就是大多数(但是不是永远)是在右上方的时候。与您希望所相反的是，图片不是代表性的叶面切入点（这个与1990年 poynter在印刷报纸方面的视觉轨迹研究结果所相反）。
一个对25个最大的新闻站点(http://www.poynterextra.org/eyetrack2004/sites.htm)的回顾显示，20个站点把主要图片放置在左上方。（多数新闻站点有一个每天都不变的相似的的叶面，而不是像报纸印刷业那样经常改变布局）我们通过观察新闻主页了解到，读者本能的首先观看左上方的logo和大字标题。下面的图片展示了空间的重要程度。没个站点都不相同，你可以看看你自己的站点，看看每个区域都有些什么内容。

想让人们读而不是浏览？

考虑小一些的尺寸视觉轨迹III的研究员在测试主页上大字标题和尺寸大小的时候发现了一些重要的讯息。小一些的尺寸会激发人们阅读的动作(那是读取每个字)，同时，大号尺寸只能刺激轻描淡写的一瞥。总的来说，我们的测试发现了人们花了更多的时间在小一些的字号上。大号字体导致了更多的浏览(此处的浏览就是匆匆扫一眼的动作：译者)---极少的单词被注意到。
这就是一个特别的例子，关于我们看那些在主页时标题的尺寸。大字号的标题使得人们更多的去浏览。
（注意：我们不是鼓吹你去一味的减小你的字体尺寸。你应该保证人们可以接受你的字体尺寸，以此来达到适当的平衡性）
当主页上有标题和简介在主页上时，兴趣是人们关注的动机。视觉轨迹III测试参与者，他们同时浏览标题和简介，我们让标题采用粗体，简介也采用同样的尺寸，很快的，在同一行内，人们注视标题，领先于简介。让标题比简介更大一些，并且他们在相隔的行，不在同一行，人们会浏览标题而跳过标题。他们通过页面来浏览标题，远远多于观看那些小些的标题组成的文字块。
研究人员确信，导致这种行为的原因是对尺寸大小的对照。当一个标题比与之相随的介绍文字大的时候，他会被认为是一个标题-简介区块的重要组成元素---所以人们会表现出来做出直接浏览标题已经足够的决定，并且跳过简介。
带下划线的标题会让人没有兴趣阅读它的简介。

这个可能和我们通过测试得到的现象有关：视觉打断(visual breaks)--比如一条线或者破折号--使人们不再愿意再阅读在它下面的内容，比如简介(这也影响到广告)当我们看新闻站点的时候，我们发现超过一半的站点(25中的22个)使用简介伴随着标题。只有极少数只使用标题:CNN.com NYpost.com ProJo.com。我们发现22个新闻站点中有12个在标题下面用了破折号，之后用了简介。
发现标题或者间接中的部分内容是没用的我们发现，当然们看一个新闻站点在标题线面的简介的时候，他们常常只看简介的左边的1/3。换句话说，大多数人仅仅看第一对词---如果他们对那些词感兴趣他们才会继续读。
这里有一个简介的热区地图(heatmap)来证明这个。（热区地图是一个浏览者浏览我们测试题目的总集。下面，橙色区域是被浏览最多的，蓝色区域是最少的）

在一个主页的标题清单(list)中，我们可以看到人们看哪里---并且大多数人们再一次浏览左边的标题。人们也是大略的看一下标题清单而不是整个标题。如果第一个单词吸引了他们，他们会愿意读下去。平均来说，一个标题仅仅会得到不到一秒钟的浏览者的注意力。
对于标题来说--特别是对于长标题--如果想要捕捉到注意力，标题的第一对单词应该能够引起足够的注意。
对于简介同样也是--也许要做更多...根据我们对于简介的发现，我们建议您不仅仅是让他们保持短，而且第一对单词需要能够获取读者的注意。
在我们研究的25新闻站点中，有很多样式的简介。长度从最低的10个单词到最高的25个单词，大多数站点在17个左右。
什么制造了“热点”？
在视觉轨迹III中，我们测试了很多站点的设计，观察人们会看页面的哪里。正如你想象的，叶面的底部---特别是那些你必须滚动才能浏览的区域--他们得到了较少的浏览。但是这不意味着，你无法让人们看到在一个需要滚屏的的叶子里面，靠底部的的内容。
在一对我们测试的主页里面，我们发现了一些“热点”的故事。也许因为我们的测试是在圣弗朗西斯克，所以研究的题目最后被定为一个关于“克雷格 列表”(Craig's List)的故事(一个局域线上虚拟社区，从1995年它开始的时候就很流行)。那个故事的标题与周围的内容相比有一小部分的视觉关注度(此处没有很好理解，所以无法正常翻译：an inordinate number of eye fixations)，尽管那是第一个在可视化屏幕下的叶子。我们观察到一个关于服装制造FCUK的标题有一个相似的视觉关注度，这个标题和一长串标题和简介被放在页面的很底端。
我们想，这对于那些拥有很长内容无法在最初屏幕装下的叶子的站点带来了一个好消息。视觉轨迹III研究那些具有代表性的愿意看非第一屏的人们。他们在浏览页面的底端位置来寻找一些获取他们注意力的东西。他们的目光可能定在一个感兴趣的标题或者一个显眼的单词，但是没有在其他的内容上面。在一次强调，这一点说明了显眼的标题写法的必需性。
你的导航在哪里？
当测试一些页面设计的时候，我们设计了各种导航的放置位置：上面(在标记或者logo下面) 左列和右列。
导航放在页面的顶部会取得最好的效果--他在被测试题目中被观看的百分比最高，并且会得到长时间的阅读。在一次对25个新闻站点的测试中，我们发现11个采取了把导航放在上面位置的布局方式。其他的14个采取了把导航放置在左边。其中的7个采取了左边和上面都有的方式。没有任何一个站点把导航放在右边。这种情况是很罕见，但是你可以找到把导航放在右边的新闻站点。
当你知道在我们的测试中，我们观察导航在右边的使用比在左边更有用（更多的视觉关注和更长时间的浏览），会感到惊奇。这也许已经成为新鲜的因素---人们不习惯于看右边布局的导航--但是，这表明了没有理由不把导航放在右边，同时在左边放些社论或者广告。
关于文章的布局以及书写风格呢？
视觉轨迹III的研究结果建议不同的文章写作字体，并且，布局可以影响读者的阅览行为。
据个例子，让我们去一个文章的平均长度。大多数新闻站点写文章采取中等长度的段落---大约45-50个单词，或者2，3个句子。在对25个顶级的新闻站点的测试中，我们发现7个站点得段落很短，常常每段只有一句。
在视觉轨迹III的研究中，短一些的文章表现的更好。我们的数据显示段落短的文章获得的视觉关注度是长段落文章的2倍。长段落的文章看起来让人没有兴趣读下去。
更多的新闻站点的文章页面让文字在一列中(译者：就是我们平常看到的文章布局)但是也有少数站点--像IHT.com TheHerald.co.uk--模仿报纸的布局，把文字放在两列或者三列中(译者：类似于word的分栏).这样是和传统的(web)一列文章布局形式一样容易阅读么？
视觉轨迹III的研究结果表明，单独一列的布局形势表现得更好。---换句话说，人们可能阅读更多一些文字。尽管如此，记住习惯可能影响结果。至从人们习惯了一列的文章布局，看到3列布局方式的惊喜可能会影响到人们阅读的行为。
那么关于文章上的图片呢？可能让你感到惊奇的事，我们的测试人员会在目光落在图片之前先看文字信息，就像我们在主页的研究结果一样。

在以前印刷业的视觉轨迹研究的完全相反的结果发生了。
摘要描述对于引导读者阅读文章是有用处的。这个很受我们的参与者的欢迎。当我们的测试者遇到一个用黑体的故事介绍段落时，95%的人会读完整个部分。
当人们用5~10秒阅读一个介绍段落--通常是这样--他们对文章剩余部分的阅读行为和他们阅读没有摘要段落的文章一样。摘要段落没有改变什么。
只有20%的新闻站点使用摘要段落。
广告
视觉轨迹III通过对各种主页和新闻级别子叶面，进行广泛的测试，将广告放在各种位置，通过各种方式。
我们注意的第一件事就是人们经常忽视广告，但是这种情况是很大程度依赖于广告放置的位置。他们盯住广告看的时间通常只有0.5~1.5秒。好的位置和适当的方式可以改善这种情况。
我们发现在上面和左面位置的广告得到了更多的关注。右边的广告没有这么幸运，并且在叶面底端的广告也可以被注意到，但是仅仅有很小比例的人看。
贴近流行内容的广告可以帮助获得更多的关注。我们注意到当一个广告与有关内容被空白或者破折号分隔开的时候，他会得到少一些的关注。

贴近叶面顶端标题的广告表现得最好。一个banner广告如果在叶面标志(flag)上面没有它在flag下面，相关内容上面表现好。
在我们测试的所有方式中，文字广告最容易被人们专心阅读。在我们测试的叶面中，文字广告平均得到人们7秒钟的浏览时间；其他方式中，表现最好的也不过平均得到1.6秒的浏览时间。
尺寸的影响。大一些的广告得到更多的机会被看到。小一些的在右边的广告，只有1/3的测试者看他们。其他的从来没有被关注过。在文章子叶面中，叶面中间的广告最容易被看到。然而，他们仅仅被浏览38%的时间。大多数人从来不看他们。文章中的广告最容易被浏览的，是那些插在文字当中的广告。摩天大厦式("skyscraper")广告牌在第三位(细长的在叶面左边或者右边的)。
回顾25个新闻站点，我们发现在主页的广告中，小的banner类型的占据优势。并且可以极其容易的发现，新闻站点中有在右边的得广告。大约一半的新闻站点把广告插在文字中。
更大的图片比小图片能够抓住人们的注意
新闻主页一般都是用模版，大多数都对主要图片的使用有一个固定的尺寸。尽管对使用模版进行设计的利弊在被争论，但是我们从视觉轨迹III中所得到的结论可能对那些想知道到底不使用图片会带来多么大损失的人有所帮助。
尽管我们了解到，我们的测试者中大多数都不会第一眼看在图片上，但是我们仍就观察到图片可以获得可观的关注度。我们还了解到图片越大，人们看他的时间越长。
我们发现比210*230pixels大的图片会得到半数以上测试人员的浏览。我们的研究还表明清晰 简洁的图片可以获得更多的关注。
文章子叶面看起来也遵循了这个规律。我们在此发现大一些的图片会让人们去更多的浏览。
在我们调查的25个新闻站点中，我们发现大约20%敷衍的使用小图片在他们的主页上。4/5的叶面根本没有。(并且点击图片不会有任何动作)

我们在这篇文章中汇集了一些精粹，但是并不多，所以请花些时间在这个站点上。使用上面的和左边的导航。
原文：http://www.poynterextra.org/eyetrack2004/main.htm