- 0
- 0
- 约2.73千字
- 约 6页
- 2017-11-26 发布于江苏
- 举报
为什么用户总是忽略设计师所作出地改变?
为什么用户总是忽略设计师所作出的改变 ?
人们常常会忽视加入到现有图像 的新元素 ,这种现象叫做变化盲视现象(change blindness)。它会
影响到网页上的 [信息错误 (的提示 )]以及 [导航菜单 ],而导致用户的困惑和增加任务失败的
可能性。但是 ,如果通过正确的视觉呈现方式 ,变化盲视发生的概率将被大大减小。
我们的大脑会迅速而准确地捕捉到一些信息 ,但是往往也习惯性地会疏忽掉一部分。如果能很好地
理解其 的诱因 ,这将会是创建高效用户界面的关键。
“变化盲视”是人们忽视图像变更的一个现象趋势 ,特别是当变化随即发生在一个视觉干扰之后 ,如
屏幕闪烁的干扰。
有两种不同的因素会导致增加变化盲视发生的可能性
对我们视觉感知的干扰 ,这种干扰可能会发生于页面的重新加载、我们的眨眼、我们的眼睛
对于一个固定点的迅速游离以及适屏设备 的横纵向转换。
速度 ,信息的迅速变化会因受扰而被忽视 ,即便是很小的干扰。我们的眼睛闪烁一次的时间
大概是300 -4 00毫秒 ,当一个图像仅仅被 断67毫秒 ,变化盲视就会发生。
这两种因素在数字体验 都是很常见的 ,其他因素如注意力和视觉杂乱也会对变化盲视产生影响。
本质上来说 ,任何时候当一个新的视觉元素被引入到现有画面 ,这个新元素都存在被忽视的可能
。
例如 ,在Vans.co m的移动网站上 ,如果访问者选择了一个不存在的鞋码 ,[添加到购物篮 ]的图标
会变换到 [无现货 ]。但是 ,这样细微的变幻在其他部分都不发生改变的情况下是无法引人注意的
。 (如图 )
Vans.co m: [无现货 ]由于和 [添加到购物篮 ]的图标很相近而不够明显。并且离用户的注意力集
区 (鞋码和数量 )太远。
即便用户最终发现了这一改变 ,这其 的延滞所带来的损失将会加算到整个交互成本 。因此 ,设
计师应该在设计时考虑到这些容易导致变化盲视的设计元素。
[信息错误的示 ]和 [状态的提示 ]
当用户因输入错误的信息时 ,系统会示意 [信息错误 ],而这个 [信息错误的示意 ]往往会受到变
化盲视作用的影响。
具体而言 ,如用户填好了一份网页上的注册信息表 ,然后点击提交 ,当网页重载后 ,99%的内容都
和之前是一样的 ,唯有一处因用户输入的错误信息而使系统显示该错误信息的提示 ,如下图
Goodso urcing.co m页面上用来示意用户 [工作名称 ]一栏填写空白的 [数据传输错误 (Da a
T ransf er Erro r )],这一信息提示往往很容易被忽视 ,因为网页上可视的信息都被混杂在一起。
(图 )
当页面重新加载后 ,Goodso urcing.co m注册表上 [数据传输错误 (Da a T ransf er Erro r )](位
于 [用户注册 ]标题栏的上方 )的提示被加入到了原来的网页 ,这一细微的变化因变化盲视而容
易被人们忽略。
进度指示 ,亦或是其他一些有助于用户理解正在发生什么的 [状态的提示 ]是另一很容易受变化盲
视影响的地方。因为他们属于加入到现有网页上的小细节 ,即便是一个动态的进度提示 ,例如
在So u hwes A irlines app 间的白色小圆圈 ,因为对于其他信息来说不容易被分辨 ,会常常被用户
忽视。 (图 )
左图 的白色动态进度提示的小圆圈几乎无法分辨 ,即便被放置在页面的正 。相比而言 ,右图
Kayak.co m页面 的动态小圆圈就很明显 ,因为它有一个对比度很大的背景衬托。
[导航菜单 ]和 [目录 ]
导航栏也是变化盲视的高频受害者 ,这些导航链接很重要 ,但为了使用户专注于页面上的内容往往
被设计在网页的边缘处 ,这使得位于网页边缘处的导航链接当期发生改变时更容易被用户忽视。
下面的例子展示了一个本地导航的视觉效果处理 ,它在页面的不同模块 使用了不同风格的链接
标签。通常情况下 ,不同模块的各链接使用同样的导航风格是一个常规的 ,易于理解的设计模式。
但是在这里 ,本地导航在右列 反常的位置摆放 ,以及整体视觉上的混杂感会阻碍浏览者注意到导
航栏 ,更不可能注意到网页切换时链接标签的改变。 (图 )
网站 每一张网页右栏 的本地导航上的链接标签很容易被忽视。
[过滤信息提示 ]
当用户需要过滤一些搜索结果 ,过滤提示的使用是相当重要的 ,而且使用起来也十分的微妙。一方
面用户希望系统的反应很快 ,尽可能减少等待的时间。另一方面 ,如果网页跳转太快 ,用户又有可
能根本无法意识到信息已被系统经过筛选
您可能关注的文档
最近下载
- 如何找回误删微信好友,微信好友一键恢复.doc VIP
- 《蜀道难》课件34张.pptx VIP
- 《建筑地面工程施工质量验收规范》GB-50209-2022.pdf VIP
- 尼龙拉架织物的除油原理和产品资料.ppt VIP
- 2026年黑龙江农垦职业学院单招职业技能考试题库附答案.docx VIP
- 在带头强化政治忠诚、提高政治能力等“五个带头”方面个人对照检查材料【两篇】供参考2026.docx VIP
- 大病低保申请书.docx VIP
- 盐酸(31%)安全技术说明书.doc VIP
- 解读GB 6441-2025《生产安全事故分类与编码》.pptx
- FUJITSU 富士通存储系统ETERNUS DX60 S4 DX100 S4 DX200 S4, ETERNUS DX60 S3 DX100 S3 DX200 S3, ETERNUS DX500 S3 DX600 S3, ETERNUS DX8100 S3 DX8700 S3 DX8900 S3, ETERNUS AF250 AF650, ETERNUS DX200F 用户手册.pdf VIP
原创力文档

文档评论(0)