用户研究角度看设计(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(对比-重复-对齐-临近)原则也同样能帮助解决这个问题。


猜你喜欢
- on里面的xlrd模块详解(一) - 疯了的小蜗 - 博客园【内容】:>那我就一下面积个问题对xlrd模块进行学习一下:什么是xlrd
- 大家好,我是了不起!在某些难以抉择得时候,我们经常要用外力来帮助我们做出选择比如,梁山出征方腊前沙场点兵,挑选先锋的场景这个时候
- 一、query传参编程式导航 使用router.push 或者 router.replace 的时候,改为对象形式新增query 必须传入一
- 本文实例讲述了Python使用微信itchat接口实现查看自己微信的信息功能。分享给大家供大家参考,具体如下:itchat是python的一
- 今年4月,我在宿舍憋出一个拖拽翻页效果原本是为自己的博客网站设计的,周二产生的灵感,周三周四逃课两天算坐标,周五回家,到傍晚才算写出了第一版
- 创建NumPy矩阵NumPy对于多维数组的运算,默认情况下并不进行矩阵运算。如果需要对数组进行矩阵运算,则可以调用相应的函数。在NumPy中
- 背景:python函数库scipy的quad、dblquad实现一维二维积分的范例。需要注意dblquad的积分顺序问题。代码:import
- 深入解析Linux下MySQL数据库的备份与还原 1. 备份 [root@localhost ~]# cd /var/lib/mysql (
- vue框架移动端做ip输入框组件,input在浏览器和微信端兼容问题。要求:只能输入数字,输入数字以外的字符(包括点、冒号等数字符号)时自动
- 场景描述:在页面中存在顶部导航和左侧导航,左侧导航和右侧内容区使用了命名视图实现,点击左侧导航的链接时,右侧内容区相应显示不同组件内容。问题
- 使用opencv相关函数确定图片中的直线#pip install opencv-python==4.4.0.42 opencv-contri
- CONVERT的使用方法: 格式: CONVERT(data_type,expression[,style]) 说明: 此样式一般在时间类型
- 需求分析:项目中根据测得的数据在界面上实时绘制运行环境:Python 3.7 + Matplotlib 3.0.2 + PyQt 5matp
- 如下所示:RuntimeError: stack expects each tensor to be equal size, but got
- Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明。使CSS针对特定的浏览器。简化你对CS
- 一、foreach()循环对数组内部指针不再起作用,在PHP7之前,当数组通过foreach迭代时,数组指针会移动。现在开始,不再如此,见下
- 背景在微信分享开发的时候我们通常的流程是 <?php require_once "jssdk.php"; $jss
- 大家都见过某网页中的恶意广告,你关闭了又出来了!为何,JS来告诉你HTML<body> <h3 class=&
- 可用下列函数来产生你需要的东西,将它们发送给用户就可以啦:<%response.write makePassword(16)
- 1.在myblog中的urls.py中from django.urls import includefrom django.conf.url