eyetrack web可用性

jakob nielsen.卡拉珀尼斯,2009年

eyetrack Web可用性基于存在于存在的眼镜可用性的最大研究之一。畅销作者Jakob Nielsen和Coauthor Kara Pernice使用了严格的可用性方法和眼镜技术来分析了1250万实例,用户查看网站以了解人眼如何与设计互动。他们的调查结果将帮助设计师,软件开发人员,作家,编辑,产品经理和广告商了解人们看到或看不到的东西,以及为什么。凭借其全面的三年度研究,作者确认了许多已知的网络设计惯例,本书为这些标准提供了额外的见解。他们还发现了第一次在此显示的重要新用户行为。使用引人注目的眼睛凝视图和热图,Nielsen和Pernice引导读者通过数百个眼镜的例子,展示为什么有些设计工作和其他人没有。他们还为页面布局,导航菜单,站点元素,图像选择和广告提供有价值的建议。这本书对任何严肃的人在网上做生意的人来说都是必不可少的阅读。(新骑手按。)

书摘录:第6章的前32页可作为免费的PDF下载(26 MB。)

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

今日美国:调查提供“潜行偷看”进入净冲浪者的大脑

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

MediaPost:关于从可用性贤哲品牌的明智之文

ClickZ:研究:互联网用户被“横幅失明”困扰

ZDNet:眼睛跟踪网络可用性

目录

  1. 前言
  2. 眼镜和眼睛
    • 现代眼镜的作品如何
    • 污水愿景与外围愿景
    • 心灵之眼假设
    • 看起来不错或坏?
    • 可视化eyetaching结果
    • 任务确定了外观
    • 眼镜的其他用途
  3. 我们的眼压研究
    • 收集的数据
    • 测试会话
    • 为什么许多眼镜研究是虚假的
    • 眼镜研究成本
    • 设备
  4. 页面布局
    • 人们如何看待页面?
    • 组织页面
  5. 导航
    • 菜单和信息架构
    • 导航元素
  6. 基本网络设计元素
    • 在主页上
    • 徽标和标签线
    • 购物车
    • 表格,字段和应用程序
  7. 图片
    • 什么也没有引起对图像的关注
    • 图像作为障碍
    • 提出注意的属性
  8. 广告
    • 这是一个丛林
    • 当人们看着广告时
    • 与用户不同类型的广告票价
    • 广告展示率的影响
    • 文本(赞助链接)广告
    • 图形属于Web广告吗?
    • 内部促销:匹配网站的风格
    • 外部广告:有什么作用
  9. 用户在网上查看行为
    • 详尽评论与必要或期望的审查
    • 动量行为
    • 记录
    • 选择性无视
    • 单击后单击行为
    • 永久观察
    • 眼镜揭示了另一个级别的用户行为
  10. 附录
    • 人们看一下基本的Web界面元素
  11. 词汇表
  12. 指数

什么是眼镜研究?

眼部是一种跟踪用户凝视在屏幕上固定的精确点的技术。该技术为用户研究增加了强大的维度,因为它允许您准确地了解用户看到的 - 以及他们在网页上没有看到的内容。

eyetracking“heatmap”的这个例子显示了用户查看了多少网页的不同部分。用户看起来最多的地区是红色的;黄色区域表示较少的固定,其次是最小的蓝色区域。灰色区域没有吸引任何固定。

关于美国网站的关于美国页面的眼镜热爱。

“Heatmaps”是可视化,显示人们在网页上度过了最多的时间

此示例来自网站的“关于我们”页面。Heatmap清楚地显示了用户倾向于“F”模式的倾向,以及他们关注在项目符号列表中呈现的信息。在这种情况下,对“参见”区域也存在少量的关注,而是没有在最右边的列中查看促销。(有关详细的详细,请参阅我们的单独研究项目公司网站“关于我们”地区设计的指导。)

注意:我们的全天课程网络可用性的根本指南包括我们眼科研究(以及来自许多其他研究)的许多详细结果,通常显示为慢动作凝视重播视频。研讨会可供选择在贵公司的内部演示文稿

eyetacking设备设置的图片

我们用于我们的研究的眼镜设备。看起来像一个正常的电脑,不是吗?当然,这正是这一点,因为我们希望用户正常工作。摄像机和红外发射器隐藏在显示器顶部和底部的小暗窗后。我们使用单独的小型网络摄像头来捕获用户的面部表情(坐在左扬声器上),但即使是相当不引人注目的,测试参与者也很快调整了它。


有关