640.webp.jpg

看多了浮躁、不切实际的内容;看多了讲台上漏洞百出的夸夸其谈;看多了视频中不痛不痒的演说,你会发现,对于干货,你还是最爱经典。

下面木木老贼就给大家推荐一篇来自腾讯ISUX (腾讯社交用户体验设计部)的经典旧文。

主要讲的是一个网页/APP/广告/图片上的元素应该如何吸引用户眼球?对于新媒体运营同样有参考。此文不算是最新文章,但绝对专业,肯定干货,以下是原文:

文 | 腾讯ISUX (腾讯社交用户体验设计部)


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

用户一个操作后,页面弹出一个对话框告知用户操作成功,这样的反馈够明显了吧?

但用户说:“啊?怎么没反应?”

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

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

640.webp (1).jpg

每次听到这样的话,设计者和运营者肯定就会抓狂:到底为什么啊?设计得这么明显,为什么用户看不见??  

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

640.webp (2).jpg

这样一张图,绝大多数人的第一眼肯定集中在这三个部位:脸、胸、臀部,接下去或许是腿、手。

但是在找茬游戏中,差异的点往往会出现在墙面、背景等无关紧要的地方。

找茬难就难在,人会“不受控制地”注意一些重要的事物,而对其他信息“视而不见”。

  

640.webp (3).jpg

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

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

重要的信息是什么?

从进化心理学的角度看:与生存和繁衍相关的信息就是重要信息,比如美女。

人的眼睛,经过上亿年的进化,可以快速地看见这些信息,甚至到了不受控制的程度。与美女相比,一个功能的入口或者找茬游戏中的细微差别,就显得无关紧要了。  

那么,对人来说,什么样的信息是重要信息,会让人“不受控制”地注意到它呢?

我们要是知道了人的注意规律,就可以运用它吸引注意,让自己的各个元素不再被“视而不见”,让用户不再辛苦地“找茬”。人会“不受控制地”注意什么呢?

危险的、运动的;

新异的、与背景不同;

与基本生理需求相关的;

与我相关的;

与现代生存相关的;

与繁衍相关的;

当下急需的;

别人注意的。

如果这样看,你觉得不够直观,那直接看下图:

640.webp (4).jpg

640.webp (5).jpg

这这些规律,基本都广泛地应用在广告宣传上。

更有一个经典的广告眼动研究表明:通过调整广告中人物的视线方向,可以把看客的注意引导到产品上,有效提高营销效果。

这里,就是利用了“人会注意他人的注意”的规律。

640.webp (6).jpg

另外,GUCCI香水的广告也是用充满性诱惑的人体吸引注意。

甚至听说,现在有很多背面印着100元钞票图案的小广告在地推时被使用,这样的广告掉在地上,十个人中有九个人都会把它捡起来吧?

这就是利用了人对基本生理需求和现代生存需求等相关信息的注意,想要“视而不见”都有点违背本能了。

640.webp (7).jpg

在腾讯的一些产品设计中,我们是比较少利用人对基本生理需求、生存繁衍等相关信息的注意。

我们更常用的是利用人对“新异的、与背景不同的、运动的“等相关信息的注意。

比如手机 QQ 空间的页面底部有一个快捷键,它可以直接进入常用操作,如写说说、传照片等。

可是,在可用性测试中发现,新手用户在使用时从头到尾都没有注意到这个快捷键,在事后被问及,也非常惊讶地说:“原来这个是可以按的?我都没有看到。”

优化后的手机 QQ 空间是:原本方形的、与背景类似的快捷按钮变成了与背景不同的圆形,而且质感、颜色都完全不同。

用户看到就会去尝试点击,发现这里可以直接操作。

640.webp (8).jpg

(这是QQ空间之前的版本)

另一个例子是之前 QQ 咒语的反馈提示。用户在施放咒语后,会期待对方头像发生变化,可是头像变化有一个时间延迟。

为了避免用户操作后无法及时看到反馈,在 QQ 秀位置弹出了一个小窗口,告知用户“咒语施放成功”。

然而用户的注意力集中在对方头像上,对小窗口“视而不见”。优化后的反馈是一个动画效果,由于对运动的敏感,用户迅速注意到反馈,知道自己“施咒成功”。


640.webp (9).jpg

好了,这说到这。

希望对你有帮助,并能利用这些技巧。

以上。 

如果本文对你有所帮助,

欢迎分享到朋友圈。