帮你搞清楚用户在瞅啥的眼动追踪是怎么回事? - 优设-UISDC

帮你搞清楚用户在瞅啥的眼动追踪是怎么回事?

2017/09/27 评论区

在如今的UX设计领域,基于线框图、原型和用户访谈的传统可用性测试毋庸置疑是有着突出优点的,但是越来越多产品团队开始使用新的方法了,比如眼动追踪技术。在过去的10年当中,眼动追踪技术在产品设计和测试领域获得了越来越多的认可。那么在UX设计和测试上,使用它又有何不可呢?

根据UX Magazine 的说法,眼动追踪技术,让用户测试不再需要现场的测试人员,从而让UX设计师可以更好地捕捉参与测试的用户在测试过程中,无意识和有意识的行为,从而通过这些真实的反馈来洞悉影响用户行为的根本。不过眼动追踪技术虽然从某种意义上颇为有用,但是设计团队在如何使用这一技术上,还是需要仔细推敲投入和产出的比例。

今天的文章是关于眼动追踪技术的快速指南,如果你的UX团队准备采用它,不妨阅读这篇文章。

眼动追踪是什么

眼动追踪技术听起来很先锋,实际上它已经存在100多年了。

在20时机初,Edmund Huey创建了第一个可以用来追踪眼球运动的阅读设备,Huey 所设计的这款眼动追踪设备采用的隐形眼镜+铝制指针来追踪眼球的运动轨迹。这款设备帮他发现了阅读过程中造成眼睛紧张和阅读疲劳的原因,并且提出了许多关于阅读流畅性的问题。

在此之后,眼动追踪技术开始逐步投入应用,并且逐步演化到今天。现在的眼动追踪技术是依靠红外线最终被测试者面对屏幕时眼球的运动和瞳孔的扩张收缩。最终搜集到的数据将会提供给UX研究人员分析和研究,通过分析来了解用户到底是怎么想的。现在,当UX设计和研究人员在提及眼动追踪的时候,其实他们指的是借用眼动追踪技术来记录和观察用户查看单个页面时候的眼球聚焦点和运动轨迹的……用户测试。

如果要深入了解更多细节,眼动追踪技术的专家,会在测试过程中,特别关注用户视线固定聚焦(Fixation)的时刻和扫视(Saccade)的轨迹。

  • 固定聚焦:指的是测试参与者视线长时间聚焦、固定于某个特定UI元素上的时刻
  • 扫视:指的是测试参与者视线并不固定于特定区域和元素,而是不停来回扫视的时刻

所以,视线的固定聚焦点就像车站,而扫视则是连接不同车站之间的线路。

眼动追踪技术对于UX流程的好处

眼动追踪技术所能搜集到的信息是独特而无可替代的。对于UI设计师和UX设计师而言,清楚的知道用户会看哪些地方不会看哪些地方,比猜测来的有价值得多。眼动追踪能帮设计师搜集支撑设计的证据,也能让设计师通过分析更了解用户的行为和规律,确定设计的问题,甚至是潜在的隐患。包括眼动追踪在内的可用性测试,最终能够帮UX设计师了解:

  • 测试参与者是否会错过关键性的UI元素,让设计师知道哪些元素在屏幕上,但是用户几乎不会去注意
  • 哪些UI元素会让用户分心,UI元素在用户视野中的权重(吸引眼球和鼠标点击的决定性因素)有多少,而这一特征也是符合费茨定律的
  • 主要问题在哪里
  • 哪些内容吸引人,哪些是不必要的存在
  • 用户如何达成目标

分析数据

使用眼动追踪软件,UX设计师能够实时观看用户在测试期间眼动的轨迹,这也为测试团队提供了更有价值的信息,帮助他们深入地分析用户的行为模式,这也使得他们可以由此对用户有更深的了解,甚至为个性化定制和交互模式的优化提供信息支撑。

那么,我们为什么不大规模地使用眼动追踪来做测试呢?

了解了它的优势,在奔跑着歌颂眼动追踪之前,我们必须充分地了解它的缺陷。

首先,现在的眼动追踪技术并不便宜。专业的眼动追踪系统价格高达10000美元,相比于我们所常见的UX研究所花费的成本,这确实是一笔不小的开支。

其次,眼动追踪的数据并不是那么容易获得的。和许多技术不同,眼动追踪的数据流非常之大,没有经过培训的UX测试人员是无法从中提取出可用的数据。

最后,虽然眼动追踪能够帮我么更容易洞悉用户行为,但是它实际上只是追踪用户眼球所聚焦的中心视角,实际上人眼视野中98%的视觉信息,并不会被它所关注或者捕捉到。眼动追踪并不会追踪这些信息。

眼动追踪是如何融入UX流程的

如果你和你的团队打算使用眼动追踪来进行UX设计,那么你应该将眼动追踪数据不可用的情况纳入考虑,这个时候,你的团队只能沿用平常的UX设计流程。

眼动追踪和用户测试有着天然的亲和性,你可以在不同的阶段使用,确定用户和UI之间的视觉交互是怎么进行的。但是值得注意的是,眼动追踪并不能替代常规的用户测试,两者拿来互相印证倒是不错。眼动追踪所输出的数据能够帮你推动设计的迭代优化,从某种意义上也算是“数据驱动下的设计”。

当然,定性测试和定量测试要结合起来进行。眼动追踪是可用性测试当中的一个方式,将它和原型设计结合到一起,迭代优化,可以让后期开发少走弯路。在项目的前期、中期和后期不同阶段加入眼动追踪的用户测试,能够不同程度地优化UX设计的效率和效果。早期你可以使用低保真线框图来做测试,中期可以拿高保真原型来测试,后期进入开发阶段了你可以直接拿产品来做测试。

使用眼动追踪的建议

如果你确定了要使用眼动追踪来进行测试,那么可以参考一下我们下面的建议:

  • 拓展可用性测试的测试范围。眼动追踪测试通常需要一个漫长的过程,如果你进行的是定性的眼动追踪,那么你需要手动审核每一个记录,这个时候通常需要5个测试人员参与到数据的审核工作当中来。对于其他的用户测试,比如热图,按照 Usability Geek 的经验,你需要招募至少39名测试对象来进行测试,才能得到效果明显的结果。
  • 同专家联系。眼动追踪测试确实很昂贵,从设备、人员培训到测试用户招募和实际测试,都需要时间和经验。如果你的团队有足够的资金和时间又热衷于尝试,那么为什么不同相关的咨询公司取得联系呢?让专家也参与进来,其实是能够少走弯路的。
  • 让参与测试的人员不间断地完成任务。过多的交谈和大声说话会影响测试的结果。
  • 确保参与测试的人员一直在监视器范围以内。

【这些设计实战值得一看】

  1. 《富有未来感的柏林之夜APP,是这样设计出来的》
  2. 《设计实战!城市指南网站着陆页是这样设计出来的》
  3. 《这款给医生的专业APP,设计上有着怎样不同的要求?》
  4. 《帮你策划盛大婚礼的APP,设计思路是这样的》
  5. 《这款面向大众的理财APP,设计过程是这样的》
  6. 《一款真正让人专注的效率应用,应该这么设计》

原文地址:uxplanet
原文作者:Justinmind
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/quick-guide-to-eye-tracking

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里