人们常常会忽视加入到现有图像中的新元素,这种现象叫做变化盲视现象(change blindness)。它会影响到网页上的[信息错误(的提示)]以及[导航菜单],而导致用户的困惑和增加任务失败的可能性。但是,如果通过正确的视觉呈现方式,变化盲视发生的概率将被大大减小。 我们的大脑会迅速而准确地捕捉到一些信息,但是往往也习惯性地会疏忽掉一部分。如果能很好地理解其中的诱因,这将会是创建高效用户界面的关键。 “变化盲视”是人们忽视图像变更的一个现象趋势,特别是当变化随即发生在一个视觉干扰之后,如屏幕闪烁的干扰。 有两种不同的因素会导致增加变化盲视发生的可能性
这两种因素在数字体验中都是很常见的,其他因素如注意力和视觉杂乱也会对变化盲视产生影响。本质上来说,任何时候当一个新的视觉元素被引入到现有画面中,这个新元素都存在被忽视的可能。例如,在Vans.com的移动网站上,如果访问者选择了一个不存在的鞋码,[添加到购物篮]的图标会变换到[无现货]。但是,这样细微的变幻在其他部分都不发生改变的情况下是无法引人注意的。(如图) Vans.com:[无现货]由于和[添加到购物篮]的图标很相近而不够明显。并且离用户的注意力集中区(鞋码和数量)太远。 即便用户最终发现了这一改变,这其中的延滞所带来的损失将会加算到整个交互成本中。因此,设计师应该在设计时考虑到这些容易导致变化盲视的设计元素。
当页面重新加载后,Goodsourcing.com注册表上[数据传输错误(Data Transfer Error)](位于[用户注册]标题栏的上方)的提示被加入到了原来的网页中,这一细微的变化因变化盲视而容易被人们忽略。 进度指示,亦或是其他一些有助于用户理解正在发生什么的[状态的提示]是另一很容易受变化盲视影响的地方。因为他们属于加入到现有网页上的小细节,即便是一个动态的进度提示,例如在Southwest Airlines app中间的白色小圆圈,因为对于其他信息来说不容易被分辨,会常常被用户忽视。(图) 左图中的白色动态进度提示的小圆圈几乎无法分辨,即便被放置在页面的正中。相比而言,右图中Kayak.com页面中的动态小圆圈就很明显,因为它有一个对比度很大的背景衬托。
网站中每一张网页右栏中的本地导航上的链接标签很容易被忽视。
Healthcare.gov的网站就很好的解决了这一对矛盾的需求:当用户完成选择时,系统就会开始进行过滤,而不需要特意再去点击[申请过滤]的按钮。但是为了确保用户注意到信息正在经历被系统筛选的过程,一个明显的视觉提示[请等待]会在以灰色背景衬托中闪现。(图) Healthcare.gov的网站上,通过在信息正被筛选的过程中显示一个[请等待]的提示,而使用户意识到信息正在被筛选。
文章最后,推荐三个最具价值的微信号!! |
|