我们的大脑在某些任务上惊人地快速和准确,但在其他任务上却总是失败。理解触发成功和失败的因素是创建有效界面的关键。例如,研究发现人们没有注意到图像的细节发生了变化。

变化盲人们有这样的倾向吗忽略改变在图像中,特别是当这些变化在视觉中断(如屏幕闪烁)后立即出现时。两个不同的因素在变化盲视的可能性中起着重要作用:

  1. 干扰我们的视觉知觉当页面重新加载时,当我们眨眼时,当我们的眼睛从一个注视点快速跳转到另一个注视点时,或者当设备从垂直转向水平显示时,屏幕显示发生变化时,就会发生这种情况。
  2. 速度:视觉细节的瞬间变化更有可能被即使是短暂的中断所掩盖。眨眼一般是300-400毫秒;当图像被打断时观察到变化盲67毫秒

这两个因素在数字体验中都很常见,在数字体验中,视觉元素经常出现和消失几乎是瞬间的。其他因素,如注意力和整体视觉混乱,也在变化盲视中发挥作用。从本质上说,任何时候新的视觉元素被引入到现有的显示中,都有被忽视的风险。例如,在移动网站Vans.com上,如果访问者选择了一个没有可用的尺寸,标签添加到购物车按钮改变为脱销。但是,当显示的其他部分保持不变时,文本中的这一微小差异并不突出。

Vans.com手机网站的两张截图

Vans.com:缺货消息没有被注意到,因为它看起来太像添加到购物车标签,离用户的注意力集中的地方太远了(在大小数量字段)。

即使用户最终发现了新的细节,这种延迟也会增加整体效果交互成本.有一些特定的设计元素特别容易受到改变盲目性的影响,我们应该在创造时考虑到这一现象。

错误消息和状态通知

错误消息,这并不奇怪,它们通常受到变化盲视的影响。用户刚刚提交了一个表单,屏幕闪了一下,然后页面的99%看起来完全一样,只添加了一个新元素。下面的Goodsourcing.com示例显示了一个非常重要的错误消息数据传输错误通知,它通知用户所需的职称字段为空。但这一信息很容易被忽略,因为视觉呈现与页面的其余部分混合在一起。

来自goosourcing.com的屏幕截图显示错误信息容易改变盲目性

数据传输错误在此GoodSourcing.com注册表格上的通知(紧在会员注册标题)在页面重新加载时添加到现有内容中,但由于更改盲目性,很容易被忽略。

进度指标,或其他帮助用户了解系统运行情况的状态消息,是另一个经常被忽略的项,因为它们是添加到现有显示中的小型视觉元素。即使是像西南航空(Southwest Airlines)应用程序中间的白色圆圈这样的动态进度指示器,如果不能与屏幕其他部分区分开来,也可能会被忽略。

关于西南航空和Kayak的iphone应用程序的进展指标

左图:西南航空公司应用程序上的白色动画进度指示器几乎不可能被分辨出来,即使它被放在屏幕的正中。右图:Kayak.com上类似的进度指示器也很引人注目,因为它包含了对比色的背景元素,以便将其与应用背景区分开来。

导航栏和菜单

导航条或轨道也是变化盲症的常见受害者。这些链接很重要,但通常放在设计的边缘,让用户关注主页的内容。但人们对视野边缘的微小变化不太敏感。下面的例子展示了本地导航的单一视觉处理方法,但是在站点的不同部分使用了不同的链接标签。在不同的部分使用带有不同链接的导航视觉样式是一种常见且易于理解的设计模式。但是在这个特殊的实现中,本地导航不寻常的位置在右边的列中,以及设计的整体视觉混乱使浏览者根本无法注意到导航。当您移动到另一个页面时,注意到链接已经改变的可能性更小。

Vital Yoga About Us截图

重要瑜伽特别产品截图

在这个网站的每个页面上,右栏本地导航会发生变化,但很容易被忽略。

过滤后的结果

当用户需要缩小大量的结果集时,过滤器非常有用,但很难很好地实现。人们更喜欢快速响应的系统,以减少等待时间。但如果系统改变了结果立即,人们可能没有意识到已经应用了过滤器,结果集现在更小了。

Healthcare.gov网站成功地解决了这些相互竞争的需求:一旦点击过滤,就会立即应用(而不需要用户进行第二步点击“应用过滤”按钮)。但为了确保用户注意到结果在变化,当过滤器应用时,一个突出的视觉指示器会短暂闪烁:请稍等消息和灰色屏幕覆盖

请在healthcare.gov上等待模式
Healthcare.gov网站在应用筛选程序时,会显示一条显眼的“请等待”信息,以确保用户注意到搜索结果的变化。

打击变化盲视:

导致变化盲目性的环境是如此普遍,所以所有的设计师都应该熟悉能够最小化这个问题的技术。不同的技术适用于不同的情况,例如:

  • 减少视觉干扰通过尽可能避免页面重新加载。
  • 使用适当的视觉强调对于重要的新元素(如对比度、大小和填充),以确保它们是显而易见的。(考虑一下“斜视测试”:如果你向后靠并斜视,新元素是否会脱颖而出?)
  • 战略位置重要的新视觉元素接近用户的眼睛已经集中的点。
  • 考虑动画过渡避免可能被中断掩盖的瞬间变化;动画可以是有效的解释的变化在一个接口。

变化盲视只是影响用户体验的众多心理现象之一。在我们全天的培训课程中了解更多关于认知和感知如何影响用户体验用户行为人机交互