`
亚当爱上java
  • 浏览: 705810 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

那么明显,为什么用户看不见?

 
阅读更多
0000
 

作为用研,我们经常在可用性测试时听到用户说:“啊?我没注意啊!”

一个操作后,页面弹出一个对话框告知用户操作成功,反馈够明显了吧?用户说:“啊?怎么没反应?”

一个为了用户操作便捷而设计的常用操作入口,简约的视觉与背景区别开来。可用户还是一次次冗余操作,问及则说:“啊?我没注意到啊!原来这个可以直接写说说的?!”

一个新功能上线,网站主页导航上新增了一个模块,改版够大了吧?用户说:“啊?我没看出有什么变化啊。”

01

每次听到这样的话,设计师们就会抓狂:到底为什么啊?设计得这么明显,为什么用户看不见??

要找到答案,我们可以回想一下我们自己在玩“大家来找茬”时的经历。

find

这样一张图,绝大多数人的第一眼肯定集中在这三个部位:脸、胸、臀部,接下去或许是腿、手。但是在找茬中,不同点往往出现在墙面、背景等无关紧要的地方。找茬难就难在,人会“不受控制地”注意一些重要的事物,而对其他信息“视而不见”。

find2

人的眼睛不是扫描仪,它经过上亿年的进化,拥有“快速捕捉重要信息”的技能,不是为了“找茬”或者“找入口”的。

“快速捕捉重要信息”,就意味着要对其他信息“视而不见”。正是“视而不见”让我们能把有限的资源投在重要的信息上。

重要的信息是什么?从进化心理学的角度看:与生存和繁衍相关的信息就是重要信息,比如美女。人的眼睛,经过上亿年的进化,可以快速地看见这些信息,甚至到了不受控制的程度。与美女相比,一个功能的入口或者找茬游戏中的细微差别,就显得无关紧要了。

对人来说,什么样的信息是重要信息,会让人“不受控制”地注意到它?我们知道了人的注意规律,就可以运用它吸引注意,让设计不再被“视而不见”,让用户不再辛苦地“找茬”。

人“不受控制地”注意什么?—— 危险的、运动的,新异的、与背景不同,与基本生理需求相关的,与我相关的,与现代生存相关的,与繁衍相关的,当下急需的,别人注意的。

1 2 3 4 5 6 7 8

这这些规律中,有些广泛地应用在广告宣传上。一个经典的广告眼动研究表明:通过调整广告中人物的视线方向,可以把看客的注意引导到产品上,有效提高营销效果。这里,就是利用了“人会注意他人的注意”的规律。

234

GUCCI 香水的广告用充满性诱惑的人体吸引注意;甚至听说,现在已经有背面印着100元钞票图案的小广告了,这样的广告掉在地上,十个人中有九个人都会把它捡起来吧?他们利用了人对基本生理需求和现代生存需求等相关信息的注意,想要“视而不见”都有点违背本能了。

245

在我们的产品设计中,比较少利用人对基本需求、生存繁衍等相关信息的注意,更常见的是利用人对新异的、与背景不同的、运动的等相关信息的注意。

手机 QQ 空间的页面底部有一个快捷键,它可以直接进入常用操作,如写说说、传照片等。我们希望能引导用户在写说说、传照片时更多地通过快捷键来操作。可是,在可用 性测试中发现,新手用户在使用时从头到尾都没有注意到这个快捷键,在事后被问及,也非常惊讶地说:“原来这个是可以按的?原来这可以直接写说说?我都没有 看到。”至于新增的动态顶部的筛选功能,更是没有人注意到。 优化后的手机 QQ 空间是:原本方形的、与背景类似的快捷按钮变成了与背景不同的圆形,而且质感、颜色都完全不同。用户看到就会去尝试点击,发现这里可以直接操作。而动态筛 选功能,作为导航条上突然出现的一个新图标,也引起用户注意和好奇。可用性测试中,用户都能主动地尝试、发现这些功能,并使用它们完成任务。

124

另一个例子是 QQ 咒语的反馈提示。用户在施放咒语后,会期待对方头像发生变化,可是头像变化有一个时间延迟。为了避免用户操作后无法及时看到反馈,设计师在 QQ 秀位置弹出了一个小窗口,告知用户“咒语施放成功”。然而用户的注意力集中在对方头像上,对小窗口“视而不见”。优化后的反馈是一个动画效果,由于对运动 的敏感,用户迅速注意到反馈,知道自己“施咒成功”。同时,文案的精简也让用户迅速地捕捉到重要信息。

125

最后,分享一个经典的“视而不见”的心理学实验。在短片中,两位主持人将变一个扑克牌魔术,牌的背面会由蓝色变为红色。你能看出其中的奥秘吗?(如果视频没加载出来,请刷新一次页面,谢谢!)

 

腾讯ISUX (http://isux.tencent.com/why-people-cannot-see.html)
分享到:
评论

相关推荐

    电脑菜单栏不见的解决办法

    接着,用户试图通过系统自带的功能来解决问题,例如使用360安全卫士进行系统检测,但未能找到明显的异常。此外,试图通过系统还原来恢复电脑状态也是常见的解决方法,然而在这个例子中,用户发现系统还原已被提前...

    用户故事图谱UserStoryMapping

    但是仍然存在一些问题:  只见树木不见林  重要的待办项容易淹没在各种细节中  看不到全貌因而难以排列优先级  并未明显地聚焦于用户需求  而故事图谱是一个可视化PB的简单工具,有助于解决上述问题,特别是当...

    演示:看不见的QR码

    更为重要的是,QR码视觉上并不突出,也就是说,如果不使用扫描软件进行解码,它们看起来就像是随机图案。为了解决这些问题,上海交通大学图像通信与信息处理研究所的高忠派、翟广涛和胡春佳提出了隐形二维码的新方法...

    文件夹加密工具lockdir_setup.rar

    在这种背景下,文件夹加密软件应运而生,它们为用户提供了一种简单有效的方式来保护重要资料。本文将详细介绍一款名为LockDir的文件夹加密工具,帮助你理解其功能、使用方法以及如何通过它来增强你的数据安全性。 ...

    404 Error返回页面模板

    1. **清晰的错误提示**:页面应明确告知用户发生了什么问题,例如“哎呀,您找的页面不见了!”或“404 - 找不到页面”。 2. **简洁的界面**:404页面应当简洁明了,避免过多复杂的设计元素分散用户的注意力。 3. ...

    QQ视频录像大师 v6.00.zip

    同类软件本身就有10几兆大,安装时竟然还要下载 几十兆的的支持库,安装过程大约需要20-60分钟,安装到系统里的文件有60多兆,而且录的聊天视频明显是断断续续的,不流畅,仔细一看一桢一桢的跳,这样的效果是您要的...

    SEO关键字作弊.rar

    2. 隐藏文本和关键词:将关键字颜色设置为与背景相同,或者使用极小的字体,使得用户看不见,但搜索引擎可以读取。这是明显的作弊行为,会被搜索引擎严惩。 3. 重复元标签:滥用或重复使用标题(Title)、描述...

    html+css+js面试题

    - **知识点**:`<input type="hidden">` 表单元素用于在表单中存储隐藏的数据,这些数据在提交表单时会被发送到服务器端,但用户在页面上是看不见的。 #### 17. 以下哪一个项目是用来访问web页的软件? - **知识点...

    win10开启睡眠功能

    - **缺点**:唤醒速度相对较慢,尤其是在硬盘读取速度较慢的情况下更为明显;频繁使用可能会对硬盘造成一定负担。 #### 三、如何开启Win10的休眠功能 **步骤一**:首先,在桌面左下角点击Windows徽标,打开“开始...

    电脑蓝屏代码查询器

    回首windows蓝屏之路,微软数代产品更新,还是没能让用户摆脱蓝屏困扰。Windows 98时代,一天不见蓝屏,反而怀疑是系统出问题了;XP时代,情况有了明显好转,但崩溃依旧;直到进入Windows 7时代,蓝屏彻底收敛,但是...

    2019年5G行业人才发展报告精品报告2020.pdf

    此外,报告还提到通信的种类按传输媒质可以分为:导线、电缆、光缆、波导、纳米材料等形式的有线通信与传输媒质看不见、摸不着(如电磁波)的无线通信。本报告的主要研究对象为无线通讯,研究时间范围主要涵盖移动...

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    当数据为空时,由于没有实际数据填充到表格中,导致部分列无法正常显示,尤其是在列数较多的情况下更为明显。 ##### 2. 影响范围 该问题主要影响数据展示页面的用户体验,尤其是对于需要查看所有列数据的场景(如...

    窗体简单处理

    最后,窗体镂空是一种创建特殊视觉效果的技术,它使得窗体的一部分变得“看不见”,通常用于创建如毛玻璃效果或者只显示特定形状的窗体。在Windows编程中,这通常通过位图操作或利用Alpha通道来实现。对于位图操作,...

    js相关问题.

    4. `scrollWidth`: 表示元素的总宽度,包括看不见的部分(如由于溢出而不可见的内容)。 5. `clientWidth` 和 `clientHeight`: 这两个属性分别返回元素内容区的宽度和高度,不包括边框和滚动条。 6. `offsetWidth` ...

    LCD屏黑线修复

    在焊接之前,需要准备适合的材料,如细至几乎看不见的漆包线,通过脱漆处理后上锡,用于连接断裂的线路。此外,为了确保修复后的稳定性,还需使用阻焊剂进行处理,防止再次断裂和腐蚀。在这个过程中,使用紫外线光...

    汉化Kibana后出现的问题及解决方法

    然而,在使用过程中,很多用户为了提高易用性,会选择将其界面语言设置为中文。然而,汉化过程可能会遇到一些预料之外的问题,比如本文将详细介绍的“汉化Kibana后出现的问题”。 #### 二、问题描述 当完成Kibana...

    flash shiti

    例的颜色改为#FF0033,透明度改为80%。请问此时Library 中的Symbol 1 元件将会发生什么 变化? □ A. 颜色也变为#FF0033 □ B. 透明度也变为80% □ C. 颜色变为#FF0033,透明度变为80% □ D. 不会发生任何改变 5. ...

    phpcms将下载地址替换为图片显示

    关键字描述:图片 显示 地址 下载 " width经常有用户提出说phpcms系统下载内容页的下载地址显得不是很明显,有用户都找不见,所以想用个图片进行替换,但怎么把下载的地址连到图片上?现在就举个简单的例子说明这个...

Global site tag (gtag.js) - Google Analytics