9总结:用户可能会从右到左并从头到尾逐行扫描比较表。
在具有不同内容单元格的页面上,人们经常以割草机模式扫描这些单元格:它们从左上角的单元格开始,向右移动直到该行的末尾,然后下拉至下一行的最后一个单元格并向后移动一直到行尾等等。在我们的眼动研究中,我们在许多类型的页面和表格(特别是锯齿形布局)上观察到了这种模式,但在比较表上最常见。本文重点介绍割草机模式如何应用于比较表。
每当用户在比较表中积极比较两个或多个相邻产品或服务的多个功能时,用户都可能会采用这种模式。 (如果用户只对比较产品的单个功能(例如价格)感兴趣,则是一个例外。在这种情况下,用户将很可能只关注单个行,而不会采用这种模式。 ,如果用户只想比较包含两个以上产品的比较表中的两个不相邻产品,则此模式可能会略有不同。)
模式通常是通过评估进行的-用户在仔细阅读之前会快速处理表格的布局。
例如,一位阅读Sonos的CNET评论的参与者遇到了一张对照表。在几秒钟内,他通过查看列和行标签以及一些单元格来评估表格。
根据用户的兴趣,她可能仅以割草机模式扫描桌子的一部分。在CNET示例中,参与者首先以割草机模式在整个桌子上移动。但是,他很快就决定只对Sonos One,Apple HomePod和Amazon Echo选项感兴趣,因此他将视线范围缩小到了这些列,并停止处理最后两列中的值。
我们惊讶地发现了这种模式-我们曾期望用户从左至右从每一行标签开始扫描每一行。实际上,我们经常观察割草机的模式。 (这是眼动追踪研究的价值-它使研究人员能够发现原本不会察觉的细微行为)。
通常,这种注视模式是用户处理和吸收两个或多个产品之间差异的一种有效方式,因为它可以最大程度地减少眼睛的运动量。但是,如果比较表的内容不够翔实,布局不当,则会破坏割草机的模式,使用户的比较任务更加困难。
一位参与者试图在两个游戏系统(PlayStation 5和Xbox Scarlett)之间做出选择。 (此任务是参与者想要执行的任务,而不是我们要求他执行的任务。)他在IGN上找到了一个比较表。
他首先评估表-接受列和行的位置。然后他回头看了一眼,检查了列标签和节标题。那时,他陷入了一种稳定的割草机模式:从左到右然后向左有条不紊地移动,遍历桌子上的每个单元。
表格单元格中的大量占位符内容(待定,“待定”)
即使他只是比较两个项目,他有时也无法跟踪哪个列涵盖了哪个系统。有时,他的眼睛会离开割草机模式,然后移回桌子上方,再次检查列标签。
似乎很容易记住,PlayStation在左栏中,而Xbox在右栏中-但请记住,人类的工作记忆有限。这种比较在认知上特别艰巨,因为他试图理解和对比复杂的技术特征。
由于列标签距离某些行太远,因此参与者必须离开扫描模式,走到一页才能阅读标签,然后返回以重新引用同一行,这给他的比较任务增加了时间和认知负担。
在某些更复杂的行中,用户必须暂停其模式以尝试理解其内容。这些行在gazeplot中值得注意,显示出密集的注视簇。他的眼睛在两个内容单元之间快速来回移动,可能想知道它们之间有什么区别。诸如4K,本机4k和8k支持(在视频输出行中)之类的术语引起了许多前后眼动。
当参与者意识到许多单元格包含相同的占位符文本(TBA)时,他跳到下一个表格部分,即向后兼容。然后,他意识到接下来的大多数行都是空的,因此他在那一刻放弃了割草机的样式。
“我喜欢表格的格式,但是表格实际上没有很多信息。”
另一位参与者正在购买Apple Watch,并希望在两种型号之间做出决定(另一项自动完成的任务)。在Apple网站上,她选择了Series 3和Series 4在可自定义的比较表中进行比较。
对于每一行,她从一列跳到下一列,然后跳到下一行。当我们观察她的固定装置的各个静止图像时(一次显示大约3-5秒的固定装置),割草机的图案就变得清晰了。
有时候,她的眼睛会飞起来重新扫描前一行的单词或图像-像大多数凝视模式一样,割草机模式永远不会完美整齐有序。
这位积极向上且有条不紊的用户已修复了表中列出的大多数功能。因为同一产品的这两次迭代非常相似,所以许多功能是相同的。例如,在上面的视频中,两个模型在其对应的列中列出了这些相同的词:
由于她以割草机模式解析桌子,因此该用户花费大量时间阅读两种模型中都可用的重复功能。
屏幕截图中更改的几个功能没有明显的不同。例如,系列3配备了陀螺仪,而系列4则配备了改进型陀螺仪。虽然该措辞表明,系列4的陀螺仪在某种程度上更好,但尚不清楚它的改进程度或改进后的面额含义。
但是,在对照表的其他部分中,模型之间的差异更加清晰和明显。参与者很高兴有一个比较表,因此她不必自己记忆和比较每个产品说明页面上的功能。
“我很喜欢比较事物,看它们之间的差异。与找出哪一个有什么相反,这非常有帮助。这非常容易。”
比较表一直受到用户的欢迎。正确实施后,它们可以帮助用户快速轻松地做出决策。在设计比较表时,请考虑用户可能会以割草机的方式进行处理。
对于长表,请使用固定的表标题,以使列标题始终可见。这样可以防止用户不得不一直回到页面顶部,从而有可能失去他们在表格中的位置。固定好割台后,割草机模式不会让用户的眼睛受到干扰。
如果用户仅对比较表的第一个和最后一个产品感兴趣,那么他们可能很难维持割草机的模式。如果您的表有两列以上,则允许他们隐藏不感兴趣的产品或服务。
确保每个单元都可以独立放置。当用户以割草机模式扫描您的桌子时,他们可能正在通过先读取内容单元格然后读取行标签来扫描某些行。如果行标签对于他们理解内容单元格的含义至关重要,则他们可能需要从右向左扫描,读取标签,然后转过身来重新扫描内容单元格。
您的挑战将是要实现这个目标,同时又不给用户太多文本。 Apple的比较表可以很好地实现这一点-它根本没有行标签。
即使我们建议尝试使用有意义的单元格,但有时对于只有两个可能值的要素,使用``是/否''或``选中标记/ X''单元格值可能会更容易。由于这些情况可能会破坏割草机的模式,因此建议您将这些行分组在一起。
当一项功能被两个或多个产品共享时,请考虑在列之间延伸的单个内容单元格(请参阅下面的Xbox示例)。这使用户不必阅读割草机模式中的重复内容,而在重复的单元格之间来回移动。
通过工具提示或表格本身的快速解释,提供术语的上下文定义。对于任何比较表而言,这都是一个好主意,无论您的用户是否以割草机模式进行扫描。如果无法解释行话,用户常常会困惑地盯着陌生的术语-暂停其扫描模式。
避免占位符或填充物含量。用户以割草机模式扫描桌子时,很可能会意外扫描占位符内容,而占位符内容不提供任何信息。在IGN示例中,可以通过在表的末尾将所有空行一起移动来改进表-这样,用户就不会意外扫描空单元格,他们会知道IGN不会忘记那些重要功能,但当时该信息根本不可用。
要更深入地了解您的用户的注视模式及其支持方式,请查看我们412页的报告《人们如何在线阅读:眼动证据》。