用户研究角度看设计(2):用户为何视若无睹
作者:晓荷 来源:Taobao.com UED 发布时间:2009-01-09 12:51:00
可视性的问题几乎在每次不同产品的用户测试中都会出现:用户总是对页面的某些元素、功能视若无睹,或根本无视。基于此,对这个问题进行了一番小小的研究。
为何用户视若无睹?
视觉是人的生理与心理现象。本文述及的是视觉作为心理现象,也即由知觉、思维、记忆、情感等视觉认知引起的可视性问题,而非用户眼睛在生理上存在缺陷,也不是错幻视觉(详见链接图例)。用标准些的心理学术语来说,这里所说的“视若无睹”(注)是视觉意识缺乏(failures of visual awareness)。
注:在此用“视若无睹”仅是为了行文的通俗,从更严谨的角度来说,到底是视若无睹还是根本无视,涉及到较复杂的认知心理学对“视”的定义,还有记忆、感知等,就不扯了 。
心理学家对视觉意识缺乏有颇长时间的研究,而针对人机交互领域的研究已发现,人在一个视觉环境中,只会意识到该环境的很小部分。除了认知的有限性,我们还 常常高估了眼睛能看到并理解的内容的多少。这种视觉意识以及后续理解的缺失,造成了用户对界面信息的视若无睹。下面,就来看看人视觉心理的“两盲三高 ”。
两盲
最基本的视觉意识缺乏有两种:变化视盲(change blindness)和不注意视盲(inattentional blindness,又译无意视盲,但该术语过于抽象,故不选择用在本文 )。
变化视盲是指人在察看某一视域时,没有察觉到该视域范围内的变化。先通过下面这两段片子来感受一下:
很重要的一点是:由于我们对于变化没有预期,所以即使是非常明显的变化,也会视而不见,除非我们恰巧注意到会发生改变的地方。这对于界面设计有什么启示呢?
视觉应对有意义的变化做出引导。有了AJAX, Flex, Flash等技术,数据变化不需要整屏刷新了,这可能造成用户对于刷新的无视,而这种刷新变化对用户并非总是无意义的。像更复杂一点的操作系统,如飞机驾 驶仪表盘,若机师对变化视若无睹,将导致很可怕的后果。因此在这种情况下,应将用户的视线从有效地导向到要发生改变的地方。
利用变化视盲。就像障眼法那样,既让变化发生,却不干扰用户的任务,实现宁静技术(calm technology)的效果。最经典的例子是Mac的级联子菜单了,在泛科技环境(Ubiquitous Computing Environments)也有越来越多的应用。
不注意视盲是指当人的注意力集中在了视域内某处,就会对视域内其他完全可视的元素视若无睹。也来看一段片子吧:
由于我们的注意力集中在数数这件事情上,很有可能你像大多数人那样并没注意到大猩猩的出现。心理学家发现,用户的认知负担(执行任务越复杂,越难发现非注意区的元素),非注意区元素的显著性(位置、大小、颜色及运动等物理特征及语义含义)、与注意力所在元素的相似性(越相似,或越互相呼应越容易被发现),以及个体思维加工能力都会引起不注意视盲。这对于UI设计的启示是显而易见的:
复杂的UI对用户,尤其是对任务感到陌生的新用户来说意味着繁重的认知负担,并被诱惑去使用满意即可(satisficing)的策略——他们渴望迅速完成任务,因此只选择第一个可行的选择。
显著性和相似性,呼应了视觉设计中经典的格式塔定律,而更 通俗一点的CRAP(对比-重复-对齐-临近)原则也同样能帮助解决这个问题。
猜你喜欢
- 在曾经的 淘宝UED 招聘 中有这样一道题目:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直
- 在sql语句后使用 SCOPE_IDENTITY() 当然您也可以使用 SELECT @@IDENTITY 但是使用 SELECT @@ID
- 由 John Resig 的 How JavaScript Timers Work 可以知道,现有的 JavaScript 引擎是单线程处理
- 这篇文章与大家分享13个超级有用的 jQuery 内容滚动插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化,这是一种在有限
- 你说的就是真正的计数器,它只在有新的用户进入网站时,计数器才会加1,忠实可靠。把下列代码放到的global.asa的sessio
- 许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕。本期薯片
- 阅读上一章:chapter 5 表单Chapter 6 <strong>,<em>与其他短语元素在引言和前面的章节中
- 最近群里好多人讨论oracle安全问题,今天找了些资料学习了下 获取Oracle当前会话的一些属性 (对于sql注射的环境判断很有用哦) S
- 此文刊登在《程序员》三月期,有删改提到安全问题,首先想到应付这些问题的应该是系统管理员以及后台开发工程师们,而前端开发工程师似乎离这些问题很
- <% Rem Rem ## 在线升级类声明 Class Cls_oUpdate
- 通常,当一个页面有太多信息要显示,而一页塞又不下所有信。为了请求速度、美观以及其他的各种理由,分页就会被我们请过来。让我们的用户可以选择是否
- 2010新的架构工具可以让我们了解应用程序和功能设计,并帮助验证设计和执行不偏离。它除了支持一般系统分析设计流程(需求→实体)外,也支持另一
- 修改my.ini或my.conf,将sql-mode="STRICT_TRANS_TABLES,NO_AUTO_CREATE_US
- 1.字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66
- 相信有很多人有用程序向Excel导数据的需求, 且做过. 一般导出一些文本数据是很方便的, 可选方法很多, 比如拼接文本字符串存.cvs格式
- This is a {t}. {name}是一个很强大的字符串模板解析方法。它接受三个参数,分别是{args.text},{args.obj
- 09年的电影缓缓的落下帷幕,以及新年伊始,轰轰烈烈催人癫狂的《阿凡达》。整年里,最让人我记忆深刻的还是《飞屋历险记》。Carl与Ellie被
- HTTP状态码 摘要说明成功2××  
- 昨天在得写“RSS收藏”栏目展现的时候我让RSS的列表用弹出的形式展现了,开始是直接的控制 style.display 来做的,但是感觉有点
- 先问一个问题, 在firefox 2里,正则表达式字符"\d"全等于"[0-9]"吗?有可能你会答&