菜单 关闭

眼动Web可用性

雅各布·尼尔森卡拉Pernice,2009

眼动网页可用性是基于现有对眼动可用性的最大研究之一。畅销书作家Jakob Nielsen和合著者Kara Pernice使用严格的可用性方法和眼动跟踪技术来分析150万个用户浏览网站以了解人眼与设计如何交互的实例。manbetx官方网站手机版他们的发现将有助于设计师,manbetx官方网站手机版软件开发人员,作家,编辑,产品经理,广告商了解人们看到什么或不看到什么,当他们看时,及其原因。经过三年的全面学习,作者证实许多已知的网页设计惯例,这本书对这些标准提供了额外的见解。manbetx官方网站手机版他们还发现了一些重要的新用户行为,这些行为在这里首次被揭示出来。使用引人注目的眼睛凝视情节和热量地图,尼尔森和佩妮丝指导读者通过数百个例子的眼睛运动,演示为什么一些设计有效,而另一些设计无效。manbetx官方网站手机版他们还为页面布局提供了有价值的建议,导航菜单,网站的元素,图片的选择,和广告。这本书对于任何认真从事网上业务的人来说都是必不可少的读物。《新骑士》出版社

书中摘录:第一个32页的第6章可以免费PDF下载(26 MB。)

出版社

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

今日美国:调查提供了一个“先睹为快”成网络冲浪者的大脑

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

MediaPost:从可用性角度看品牌的妙语

ClickZ:研究:互联网用户饱受“横幅失明”

ZDNet:眼睛跟踪Web可用性

目录

  1. 序言
  2. 眼动和眼睛
    • 现代眼动是如何工作的
    • 视网膜中央凹视觉vs。周边视觉
    • 诗眼假说
    • 看起来好还是坏??
    • 目视跟踪结果的可视化
    • 任务确定看起来
    • 眼睛跟踪的其他用途
  3. 我们的眼动研究
    • 收集的数据
    • 测试会话
    • 为什么许多眼动研究都是假的
    • 眼睛跟踪研究的成本
    • 设备
  4. 页面布局
    • 人们如何看待网页??
    • 页面组织
  5. 导航
    • 菜单和信息架构
    • 导航元件
  6. 基本的网页设计元素manbetx官方网站手机版
    • 在主页上
    • 标志和标签线
    • 物零碎
    • 形式,领域,和应用程序
  7. 图像
    • 什么能吸引注意力,什么不能吸引注意力
    • 作为障碍的形象
    • 引起注意的属性
  8. 广告
    • 这是一个丛林
    • 当人们看广告时
    • 不同类型的广告如何影响用户
    • 广告位置的影响
    • 文本(链接)赞助广告
    • 图形属于网络广告吗??
    • 内部促销:与网站风格相匹配
    • 外部广告:什么有效
  9. Web上的用户查看行为
    • 详尽的审查vs。必要或希望的审查
    • 动量行为
    • 登录中
    • 选择性忽视
    • Post-click行为
    • 永久查看
    • 眼球轨迹揭示了另一个层面的用户行为
  10. 附录
    • 有多少人看基本的Web界面元素
  11. 术语表
  12. 指数

什么是眼动研究??

眼动跟踪是一种跟踪用户注视屏幕的确切点的技术。这项技术为用户研究添加了一个强大的维度,因为它允许您准确地了解用户在网页上看到了什么——以及他们没有看到什么。

这个例子的眼动”“热图”显示用户查看网页不同部分的数量。地区用户看起来最颜色是红色;黄色区域表示固定位置较少,其次是看不见的蓝色区域。灰色区域没有吸引任何固定设备。

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

“热图”可视化显示,人们花了最多的时间在网页上看.

这个例子从一个网站的“关于我们页。热图清楚地显示了用户在“F”“模式,他们把注意力集中在项目列表中出现的信息上。在这种情况下,还有一点值得注意也见“区域,但在最右边的栏目中没有看到促销活动。(见我们的独立研究项目的详细设计指南manbetx官方网站手机版关于我们企业网站领域

注意:我们全天的课程Web可用性的基本指南包括许多详细的结果,从我们的眼动研究(和许多其他研究),通常表现为缓慢的目光回放视频。可用的研讨会在贵公司的内部演示.

眼球跟踪设备安装图

我们使用眼动设备的研究。看起来像一个正常的电脑,不是吗?当然,这正是问题的关键,因为我们想让用户正常工作。摄像机和红外线发射器隐藏在显示器顶部和底部的小黑窗后面。我们使用独立的小型网络摄像头捕捉用户的面部表情(坐在左边的扬声器上),但即使这样也相当不引人注目,测试参与者很快就会忽略它。