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

标签: 产品设计 | 发表时间:2013-07-01 22:14 | 作者:P迪
出处:http://www.alibuybuy.com

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

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

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

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

01

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

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

find

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

find2

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

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

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

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

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

1 2 3 4 5 6 7 8

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

234

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

245

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

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

124

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

125

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

 

感谢你的阅读,本文由  腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。
注明出处格式:腾讯ISUX ( http://isux.tencent.com/why-people-cannot-see.html)


© 推荐 for 互联网的那点事, 2013. |

相关 [用户 不见] 推荐:

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

- - 互联网的那点事
作为用研,我们经常在可用性测试时听到用户说:“啊. 一个操作后,页面弹出一个对话框告知用户操作成功,反馈够明显了吧. 一个为了用户操作便捷而设计的常用操作入口,简约的视觉与背景区别开来. 可用户还是一次次冗余操作,问及则说:“啊. 一个新功能上线,网站主页导航上新增了一个模块,改版够大了吧. 每次听到这样的话,设计师们就会抓狂:到底为什么啊.

《然而未必不见得》

- Dre.J - 【枪·东东枪的枪】
“黄继光堵枪眼,我拿青春赌明天. ”情景喜剧《我爱我家》里,贾志新曾在向记者介绍自己见义勇为经过时冒出这么两句词儿来. 这种玩法以前叫什么我不清楚,现在比较常见的说法是“混搭”,用外文的话得叫remix,用菜名儿叫“乱炖”,要是换麻将术语,就是“十三不靠儿”. 地方戏曲曲艺里早就有过类似的唱词,常见的是“张冠李戴”派,比如河南豫剧里的“十八扯”——“十冬腊月里好热的天,牛皋把守在虎牢关,取妻名叫穆桂英,生下一个花木兰,姜子牙差人来下聘哪,差来个媒婆潘金莲……”相声里这类东一榔头西一棒子的唱词儿就更多,熟悉相声的恐怕都能想起几段来.

用户及用户特征

- Nick - 所有文章 - UCD大社区
要创建1个可以与用户有效交流的网站,必须考虑到与你交流的用户. 理解用户的需求对我们决定网站内容、信息量、用户以及内容结构至关重要. 用户不是被动的接受网站提供的信息,所有人都会不断的地根据自身经验和猜测来理解. 自己在屏幕上看到的内容,即使我们认同是相同语言,但是每个人的理解含义不会完全相同. 我们都会根据自己的知识和经验来理解所看到的内容,(如果你不住再伦敦,就不知道Oyster卡,Oyster卡是乘坐公交交通时用的旅游储值卡).

用户体验

- tal-rasha - 博客园-首页原创精华区
    用户体验是一个很大的话题,先从一个故事说起.     周末参加了两天的PMP培训,听课期间注意到老师的一个细节,在讲选择题的时候,选项A、C读音正常,而“B”老师读为Boy,“D”老师读为Dog.     刚听到的时候大家莞尔一笑,以为这是个善意的玩笑.     很快,我想明白了,B和D的发音类似,容易混淆;Boy和Dog是简单的单词,发音能够明确区分,也没有类似Bog和Doy的读音混淆.

用户研究

- - 技术改变世界 创新驱动中国 - 《程序员》官网
介绍自己的设计流程时,设计师通常都说它是“以人为中心”或是“以用户为中心”的. 笼统地讲,这表示设计师经常要考虑所设计产品的潜在用户,尽力为这些人创造出最好的产品. 这个问题看似简单,实际上却不好回答. 好的设计通常都是从用户研究着手的. 我们如何才能发现人们想要实现的目标. 虽然这样做有时会得到一些有用的信息,但一定要小心地评估人们给出的答案.

视而不见读书大法

- Yifang - 科学家家
我有时候会在twitter上推一些我读过的书,昨天看见一位推友说他会去看我推的书,很有些得意. 恰好我刚推荐了2008年出版的Robert Remini教授 的《A Short History of the US: from the Arrival of Native American Tribes to the Obama Presidency》(《美国简史:从美洲土著到奥巴马当政》),他就读了起来,顺手推一些书中的内容.

【转载】PPT设计:看不见的线

- JoeyFang - 我的教育技术小窝
日期:2008-05-17 | 分类:版面. 版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明http://pptdesign.blogbus.com/logs/21046200.html. 这几天,一直在关注着远方那突如其来的灾难,不是说我有多爱国,也不是说我想表达泛滥的爱心,而是对生命脆弱的感慨,和那些无辜的受害者以及大家所表现的一切时常让我忍不住泪下.

Chrome用户比IE用户更聪明?

- - 创意科技 - 果壳网
Calcudoku 根据2010年至2011年间该网站的数独解谜数据,对使用不同浏览器的用户进行了分析. 结果显示,在推解该网站的数独题时,Chrome用户的表现要好于其他浏览器用户. 从Calcudoku发布的分析图中我们可以看出(下图),无论是解4×4、5×5还是6×6的数独,Chrome用户的解题速度都是最快的,火狐和IE用户分列2、3位.

排泄型用户

- Keen - 坏脾气的小肥
很长时间以来,我一直在观察某类行为,最近取了个名字叫“排泄型互动”. 最重的一级当然是辱骂与下流的留言;次一级是理直气壮的弱智言论,比如抵制家乐福(昨天还看到有人说要抵制南京的法国梧桐树,因为看法国不顺眼,只爱护中国植物);最轻的一级则是长年累月发表毫无信息价值的口水评论,如“毒,德味. ”“冬天里把爱洒向人间,洒向朋友的空间.

hotswap 用户手册

- 小丑鱼 - 淘宝JAVA中间件团队博客
关于hotswap(该补丁的网址http://ssw.jku.at/dcevm/). Hotswap  是一个允许在运行状态下无限制的修改加载类文件的Java虚拟机补丁. 当前java虚拟机的动态加载机制只允许修改类的方法体,而打了hotswap补丁以后,可以增加,删除类属性,方法,甚至可以改变一个类的父类.