眼动网络可用性

Jakob Nielsen卡拉Pernice, 2009

Eyetracking Web可用性是基于现有最大的Eyetracking可用性研究之一。畅销书作者Jakob Nielsen和合著者Kara Pernice使用严格的可用性方法和眼动跟踪技术分析了150万个用户浏览网站的实例,以了解人眼如何与设计互动。他们的发现将有助于设计师、软件开发人员、作家、编辑、产品经理和广告商了解人们在看什么或看不到什么、什么时候看以及为什么看。通过为期三年的全面研究,作者确认了许多已知的网页设计惯例,本书还提供了关于这些标准的更多见解。他们还发现了重要的新用户行为,这些行为在这里首次被揭示。Nielsen和Pernice利用引人注目的眼球注视图和热图,通过数百个眼球运动的例子引导读者,展示了为什么有些设计有效,而有些设计无效。它们还为页面布局、导航菜单、网站元素、图像选择和广告提供有价值的建议。这本书对于任何一个认真对待在网络上做生意的人来说都是必不可少的。(新骑手出版社)

书中摘录:第6章前32页可免费下载PDF (26mb)

《时代》杂志:为什么我们只看一些网络广告而不看其他的

今日美国:这项调查为网民提供了一个“偷窥”的机会

波因特:是什么让Web图像具有吸引力

MediaPost调查:可用性圣人关于品牌的智慧之言

ClickZ:研究:“横幅盲症”困扰网民

ZDNet:眼动网页可用性

表的内容

  1. 前言
  2. 眼球追踪和眼球
    • 现代眼跟踪技术的工作原理
    • 中央凹视觉vs.周边视觉
    • 诗眼假说
    • 看起来好还是坏?
    • 目测结果可视化
    • 任务确定看起来
    • 眼球追踪的其他用途
  3. 我们的眼球追踪研究
    • 收集的数据
    • 测试会话
    • 为什么很多眼球追踪研究都是假的
    • 眼球追踪研究的成本
    • 设备
  4. 页面布局
    • 人们如何浏览网页?
    • 页面的组织
  5. 航行
    • 菜单和信息架构
    • 导航元素
  6. 基本网页设计元素
    • 在主页上
    • 商标和标签线
    • 物零碎
    • 表单、字段和应用程序
  7. 图片
    • 什么可以和不可以吸引人们对图像的注意
    • 图像作为障碍
    • 吸引注意力的属性
  8. 广告
    • 外面是一片丛林
    • 当人们看到广告时
    • 不同类型的广告如何吸引用户
    • 广告位置的影响
    • 文本(赞助链接)广告
    • 图像是否属于网络广告?
    • 内部促销:符合网站风格
    • 外部广告:有效的方法
  9. 用户查看Web行为
    • 详尽的审查vs.必要或期望的审查
    • 动量行为
    • 日志记录
    • 选择性漠视
    • Post-click行为
    • 长视
    • 眼睛跟踪揭示了用户行为的另一个层次
  10. 附录
    • 有多少人会关注基本的Web界面元素
  11. 术语汇编
  12. 指数

什么是眼球追踪研究?

眼球追踪是一种能够追踪用户注视屏幕的确切位置的技术。这项技术为用户研究增加了一个强大的维度,因为它可以让你确切地了解用户在网页上看到了什么,以及他们看不到什么。

这个眼球追踪“热图”的例子显示了用户浏览网页不同部分的次数。用户看得最多的区域用红色标注;黄色区域表示注视次数较少,其次是观看次数最少的蓝色区域。灰色区域没有引起任何固定。

一家公司网站的“关于我们”页面的跟踪热图。

“热图”是一种可视化的方式,显示人们浏览网页的时间最多的地方

这个例子来自一个网站的“关于我们”页面。热图清楚地显示了用户以“F”模式阅读的倾向,以及他们对项目符号列表中显示的信息的关注。在这种情况下,也会有少量的注意力放在“请参见”区域,但不会在最右边的列中查看促销活动。(有关详细信息,请参见我们单独的研究项目为企业网站的“关于我们”区域设计的指引.)

注:我们的全天课程在Web可用性的基本准则包括我们的眼球跟踪研究(以及许多其他研究)的许多详细结果,通常以慢动作凝视回放视频的形式显示。该研讨会可供公司内部演示

眼动跟踪设备设置图片

我们用于研究的眼球跟踪设备。看起来像一台普通的计算机,不是吗?当然,这正是重点,因为我们希望用户正常工作。摄像头和红外发射器隐藏在显示器顶部和底部的黑色小窗口后面。我们使用一个单独的小型网络摄像头捕捉用户的面部表情s(坐在左边的扬声器上),但即使这样也相当不显眼,测试参与者很快就会将其调出。


相关的

Baidu