网页该如何吸引用户眼球?为什么用户总看不见?

 

点击网站SEO优化关注我☀ 定期推送实战网络营销干货,网络推广策略,引流技巧,成功案例故事,网络营销思路,等...



点击网站SEO优化
关注我


☀ 定期推送实战网络营销干货,网络推广策略,引流技巧,成功案例故事,网络营销思路,等诸多优质内容,点这里提升自己的专业能力!你关注的人,决定了你看到的世界!

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

下面木木就给大家推荐一篇来自腾讯ISUX

(腾讯社交用户体验设计部)的经典文章,主要讲的是一个网页/APP/广告/图片上的元素应该如何吸引用户眼球?包括PC和移动端。此文不算是最新文章,但绝对专业,肯定干货,最爱经典那就来点经典。以下是原文:

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

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

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

一个新功能上线,网站主页导航上新增了一个模块,改版够大了吧?可用户说:“啊?我没看出有什么变化啊。”
每次听到这样的话,设计者和运营者肯定就会抓狂:到底为什么啊?设计得这么明显,为什么用户看不见??  

要找到答案,我们可以回想一下我们自己在玩“大家来找茬”时的经历。
这样一张图,绝大多数人的第一眼肯定集中在这三个部位:脸、胸、臀部,接下去或许是腿、手。但是在找茬中,不同点往往出现在墙面、背景等无关紧要的地方。找茬难就难在,人会“不受控制地”注意一些重要的事物,而对其他信息“视而不见”。
人的眼睛不是扫描仪,它经过上亿年的进化,拥有“快速捕捉重要信息”的技能,而不是为了“找茬”或者“找入口”的。

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

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

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

我们知道了人的注意规律,就可以运用它吸引注意,让自己的网页元素不再被“视而不见”,让用户不再辛苦地“找茬”。

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


这这些规律中,有些广泛地应用在广告宣传上。一个经典的广告眼动研究表明:通过调整广告中人物的视线方向,可以把看客的注意引导到产品上,有效提高营销效果。这里,就是利用了“人会注意他人的注意”的规律。
GUCCI香水的广告用充满性诱惑的人体吸引注意。甚至听说,现在已经有背面印着100元钞票图案的小广告了,这样的广告掉在地上,十个人中有九个人都会把它捡起来吧?他们利用了人对基本生理需求和现代生存需求等相关信息的注意,想要“视而不见”都有点违背本能了。
在腾讯的一些产品设计中,我们是比较少利用人对基本需求、生存繁衍等相关信息的注意,更常见的是利用人对新异的与背景不同的、运动的等相关信息的注意。

手机 QQ

空间的页面底部有一个快捷键,它可以直接进入常用操作,如写说说、传照片等。可是,在可用性测试中发现,新手用户在使用时从头到尾都没有注意到这个快捷键,在事后被问及,也非常惊讶地说:“原来这个是可以按的?原来这可以直接写说说?我都没有看到。”

至于新增的动态顶部的筛选功能,更是没有人注意到。优化后的手机

QQ

空间是:原本方形的、与背景类似的快捷按钮变成了与背景不同的圆形,而且质感、颜色都完全不同。用户看到就会去尝试点击,发现这里可以直接操作。而动态筛选功能,作为导航条上突然出现的一个新图标,也引起了用户注意和好奇。在测试中,用户都能主动地尝试、发现这些功能,并使用它们完成任务。
另一个例子是之前的 QQ

咒语的反馈提示。用户在施放咒语后,会期待对方头像发生变化,可是头像变化有一个时间延迟。为了避免用户操作后无法及时看到反馈,在 QQ

秀位置弹出了一个小窗口,告知用户“咒语施放成功”。然而用户的注意力集中在对方头像上,对小窗口“视而不见”。优化后的反馈是一个动画效果,由于对运动的敏感,用户迅速注意到反馈,知道自己“施咒成功”。同时,文案的精简也让用户迅速地捕捉到重要信息。
欢迎分享本文给你的朋友,特别是给那些做运营、策划、设计的朋友。公众号:mumuseo,回复“访客至上”可免费获取《点石成金:访客至上的网页设计秘笈》完整版!

《认知与设计:理解UI设计准则》一书中的第6章和第8章从心理学的角度对此用户“视而不见”的情况有深入的探讨,应该是这几章。感兴趣的也可以看一下,回复“认知与设计”就可以了。
木木博客
接地气网络营销实践博客
新鲜、有趣、有料的营销学习平台
专注营销、运营、推广
如果你想与我扯淡营销
QQ/微信:809472503
期待在此相遇


    关注 网站seo优化


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册