眼睛跟踪网络可用性

雅各布·尼尔森卡拉佩尼斯,二千零九

眼睛跟踪网页可用性是基于现有最大的眼睛跟踪可用性研究之一。畅销书作者Jakob Nielsen和合著者Kara Pernice使用严格的可用性方法和眼睛跟踪技术来分析150万个用户浏览网站的实例,以了解人眼如何与设计交互。manbetx官方网站手机版他们的发现将有助于设计师,manbetx官方网站手机版软件开发人员,作家,编辑,产品经理,广告商了解人们看到或不看到的东西,当他们看时,为什么呢?经过三年的全面学习,作者证实了许多已知的网页设计惯例,并且这本书提供了关于这些标准的更多见解。manbetx官方网站手机版他们还首次发现了重要的新用户行为。使用引人注目的眼睛注视图和热图,尼尔森和佩尼斯引导读者阅读数百个眼球运动的例子,说明为什么有些设计有效,而另一些设计无效。manbetx官方网站手机版它们还为页面布局提供了宝贵的建议,导航菜单,站点元素,图像选择,还有广告。这本书是任何一个认真从事网络业务的人的基本读物。(新骑手出版社)

书中摘录:第六章前32页可免费下载PDF(26 MB)。

出版社

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

今日美国:调查提供了一种“偷窥”网络冲浪者大脑的方法。

Poynter:什么使网络图像有吸引力

MediaPost:实用性圣人关于品牌的智慧之言

点击Z:研究:“横幅盲”困扰着互联网用户

ZDNet:眼睛跟踪网络可用性

目录

  1. 序言
  2. 眼睛跟踪和眼睛
    • 现代眼睛跟踪的工作原理
    • 中央凹视野与周边视觉
    • 心眼假说
    • 看起来好还是坏?
    • 视觉跟踪结果
    • 任务决定外观
    • 眼睛跟踪的其他用途
  3. 我们的眼睛跟踪研究
    • 收集的数据
    • 测试会话
    • 为什么许多眼球跟踪研究都是假的?
    • 眼动研究成本
    • 设备
  4. 页面布局
    • 人们如何看待一个页面?
    • 页面组织
  5. 导航
    • 菜单和信息架构
    • 导航元素
  6. 基本网页设计元素manbetx官方网站手机版
    • 在主页上
    • 标识和标签行
    • 物零碎
    • 形式,领域,和应用程序
  7. 图像
    • 什么能吸引人注意,什么不能吸引人注意?
    • 作为障碍物的图像
    • 引起注意的属性
  8. 广告
    • 外面是个丛林
    • 当人们看广告时
    • 不同类型的广告对用户的影响
    • 广告投放的影响
    • 文本(赞助商链接)广告
    • 图片属于网络广告吗?
    • 内部促销:符合网站风格
    • 外部广告:什么有效
  9. 用户在网络上查看行为
    • 全面回顾与必要或需要的审查
    • 动量行为
    • 登录中
    • 选择性忽视
    • 点击后行为
    • 永久观看
    • 眼睛跟踪显示了另一个层次的用户行为
  10. 附录
    • 有多少人关注基本的Web界面元素
  11. 词汇表
  12. 索引

什么是眼球跟踪研究?

眼睛跟踪是一种技术,跟踪用户注视屏幕的确切点。这项技术为用户研究增加了一个强大的维度,因为它使您能够准确地了解用户在网页上看到什么,以及他们看不到什么。

这个眼睛跟踪“heatmap”的例子显示了用户查看网页不同部分的程度。用户最看重的区域是红色;黄色区域表示固定较少,其次是看不见的蓝色区域。灰色区域没有吸引任何固定装置。

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

“heatmap”是显示人们在网页上花费最多时间的可视化效果。.

这个例子来自一个网站的“关于我们”页面。heatmap清楚地显示了用户以“f”模式阅读的倾向,以及他们对项目符号列表中显示的信息的关注。在这种情况下,还有一小部分注意力集中在“另见”区域,但在最右边的专栏中没有看到促销。(详见我们单独的研究项目企业网站“关于我们”领域设计指南manbetx官方网站手机版

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

眼睛跟踪设备设置图片

我们用于研究的眼睛跟踪设备。看起来像普通的电脑,不是吗?当然,这正是关键所在,因为我们希望用户正常工作。摄像头和红外发射器隐藏在显示器顶部和底部的小暗窗后面。我们使用单独的小摄像头捕捉用户的面部表情(坐在左扬声器上)。但即使这是相当不引人注目的,测试参与者很快就把它排除在外。


相关的