动眼追踪研究:各地数据设计师应学习的 5 个要点

Tableau 研究与设计团队一直渴望向我们卓越的客户学习。去年,我们的团队在 2016 年“Tableau 全球用户大会”上举办了首次“Tableau Labs”活动,旨在对与会者进行实时调查。其中一项活动获得了为数惊人的关注:仪表板动眼追踪站。

Tableau 研究与设计团队一直渴望向我们卓越的客户学习。去年,我们的团队在 2016 年“Tableau 全球用户大会”上举办了首次“Tableau Labs”活动,旨在对与会者进行实时调查。其中一项活动获得了为数惊人的关注:仪表板动眼追踪站。

我们的问题很简单:在用户首次见到某个仪表板时,能否预测他们会看哪里?转换为客户的语气就是:作为数据分析师,如何设计出具有突出视觉吸引力的仪表板?我们依据源于认知心理学的一些概念作出了假设,并制定了 UX 设计原则。我们希望看到某些特定设计元素比其他元素更能引起视觉注意,还希望获得一些新发现。令我们满意的是,这项研究没有让人失望!

我们没有对此次“Tableau Labs”活动的参与者分配任务,但这并不意味着参与者没有目标。人类是会“制造意义”的动物,我们会情不自禁地寻找目标。查看任一仪表板的每个人都给自己设定了任务,只是我们了解他们设定的是什么任务。可能是“看别人都用 Tableau 创建进行了些什么精彩至极的创作?!”或者“我想知道,发电厂会收集哪些类型的数据?”在这一前提下,我们只探究了在任务未知的情况下,在参与者对仪表板一无所知的时候会发生什么情况。

在深入介绍结果之前,请务必了解,某些结论可能并不很令人惊讶。学过设计的人应该能够预测某些常见仪表板设计元素会得到的视觉注意。但我们发现的特别之处在于,人们喜欢看的内容似乎有一定的层次结构。言归正传,下面是其中 5 个结果:

  1. (大)数字很重要:我们发现的最显著模式之一是,超大字体的数字会得到视觉注意。包含超大号数字的仪表板表明,视觉注意直接集中于大号数字。并且,这种注意发生在查看顺序中非常靠前的位置,也就是说它是您第一眼看到的内容。因此,如果有重要数字,请将其字体调大!
  2. 重复疲劳:在一组重复元素中,靠前的重复元素会受到很强的注意,但随着这些元素的持续重复出现,它们得到的注意就会逐渐减弱。设计仪表板时对不同变量采用重复可视化是很常见的(例如,对不同 KPI 采用相同的条形图,以便进行轻松比较)。我们发现,任何类似元素(重复的曲线图、重复的数字)的重复率较高时,注意力会按从左到右、从上到下的顺序逐渐减弱。注意力大多集中在最顶部或左上角的项目,然后随用户浏览这一重复的内容组而减少。这一结果很好地提醒了设计师,展现顺序至关重要,可以在适当的时候利用这一点。
  3. 人们喜欢看到同类:如果有人像或形似人形的图像,它就会获得关注。我们提供了包含人形图像(如下)的仪表板,还提供了包含人像的仪表板。结果是一致的:视觉注意集中于这些形式的内容。这不足为奇;我们的大脑确实喜欢寻找和观察人。话虽如此,仪表板设计师也必须非常审慎而明智地使用人像。我们可以确定人像会得到注意,因此请确保它得到的正是您需要的注意(并且不会分散整体信息得到的注意)。再次强调:仅当与数据切实相关时,才使用人像!此元素使用和利用不当可能影响他人对仪表板的评价。
  4. 用对比度引导:视觉对比度高的区域在仪表板中充当路标。在观看顺序之初,人眼趋向于跳跃性查看高对比度元素。几乎就像儿童连线绘画那样,您可以使用高对比度的元素引导用户按顺序浏览仪表板。话虽如此,但值得注意的是,必须审慎而明智地使用高对比度。如果谨慎使用,高对比度元素可以构造逻辑思路。如果过度使用,高对比度元素可能造成仪表板凌乱不堪,引起视觉压力。
  5. 形式是功能的一部分:所有仪表板都有一种形式(三角形、网格、柱状),人眼会随这一形式移动。此结果可以说是意料之外,也可以说是意料之中。人类是信息搜寻者:当我们第一次查看某些内容时,我们就希望从中获取信息。因此,我们会直接看向信息(而不会看向没有信息的区域)。值得注意的是这一点赋予作者的设计自由。您不需要遵守“将重要内容放在左上角”之类的规则。相反,您应当洞悉仪表板的实际形式,并相应地使用空间。

还有一些仪表板设计元素,我们认为是会引起注意的(例如徽标、图标、标题),但数据显示的结果却并非如此。我们认为其原因必定与上下文和视觉优先顺序的组合相关。这里的上下文是参与者在查看业务仪表板。在某种程度上,他们倾向于寻找数字。鉴于这种倾向,大号数字获得如此大量的视觉注意也就不足为奇了。另外,我们大脑的视觉注意系统天生就会寻找对比度高的视点。因此,某些大型和/或高对比度元素自然比其他设计元素更为引人注目。

此研究对您有何意义

本研究的数据表明了在任务不明确且未设定上下文时,人们会关注仪表板上的哪些内容。不太实际?或许吧。但是,客户使用仪表板时会遇到下面两种情况,在这些情况下,此数据可能有所帮助:

“我有 10 秒钟的时间...”

一名分析师制作了一个仪表板,这个仪表板被发送给一个陌生人。这种情况的最常见版本是,该仪表板是面向高级主管的。这就迫切需要有效且高效的沟通,以打动和说服对方。在那位素未谋面的高管通过电子邮件浏览您仪表板的网络链接的 10 秒钟内,您能否让看其到您希望展现内容?上述的一些设计技巧也许会对此有所帮助。

记住我?

有些仪表板会受到间歇性、周期性的关注。对于这种情况,尽管查看者熟悉仪表板,他们还是并不习惯于该仪表板。缺乏习惯性可能导致查看者需要调整方向、四处查看才能找到所需数据。在此情况下,他们最初的视觉注意很可能偏向本研究中确定的元素。

我们的下一步计划

与任何优秀研究一样,本研究揭露的问题多于它解答的问题。我们正计划展开一系列研究,对我们发现的更多引人深思的问题进行调查。举几个例子:

  • 进一步研究大号数字:大号数字的位置与其获得的视觉注意之间有何关系?如果将大号数字移至仪表板底部,还能否获得人们对此类数字的注意?如果将其从仪表板左侧移至右侧,又会出现什么情况?尽管本研究表明无论位于何处,大号数字都应会获得注意力,但或许存在更细微的规则等待我们发现。
  • 验证:我们的研究仅使用了 10 个仪表板。如果采用众多不同的仪表板和样式,是否还能得出相同的研究结果?如果研究使用 50 个或 100 个仪表板,还能得出同样的趋势吗?验证研究有助于了解结论适用范围,以及我们所得到的启发的实际效力。
  • 理解:人们是否记住了其在仪表板上看到的信息?眼睛查看仪表板元素是一回事,但大脑是否记住该信息又是另一回事。大号数字是否会比较小号数字更好地传达信息?我们可能预期如此,但并不能确定这些元素获得的视觉注意是否与理解和见解相关。

我们很兴奋要开展进一步研究,希望为我们的社区以及更多的人提供有价值的见解。 如果想要深入了解本研究(和其他研究)中使用的仪表板,请查看 Tableau 的 Andy Cotgreave 与其他作者合著的 Big Book of Dashboards(《仪表板全书》)。