提升说服力!教你读懂UI设计的心理学 - 优设网 - UISDC

提升说服力!教你读懂UI设计的心理学

2014/08/18 10885评论区

提升说服力!教你读懂UI设计的心理学

@abo_abo 作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,教你读懂心理学,提高说服力。

信息不要同时全部展示,阶段性地向用户展示当前场景里必要的信息

设计师经常犯的错误:同时将大量信息展示给用户。

不要一次性大量提供信息,可以在当前场景下只提供必要的信息来满足当前的需求。

如果用户中存在不需要引导的高端用户,同时也会存在需要详细说明的低端用户。

那么,是什么意思呢?

◆ 逐步展示信息,而不是一次性展示。

◆重要的不是点击次数。如果每次点击都能获得必要的信息,用户会很享受点击的快乐。

◆理解是谁、什么时候、需求什么。

◆如果无法准确得把握各阶段需求什么,这个方法就行不通。

这个在设计上,是怎么体现的呢?

在必须提供3、4个以上的信息的情况下,先提示信息种类的分类,然后进一步选择。

例如AU官网的菜单,使用了最近流行的向下展开的菜单方式。

Au.kddi

提升说服力!教你读懂UI设计的心理学

人贪图有更多的选择,但大量的选项会麻痹人的思考

有个被称为“果酱”的实验。

这个实验证实了:“当人们有太多的选项时,最后什么都不选。”

具体例子:在超市中设置商品展位,在中途更换展位桌子上排列的商品。展位桌子上放置了供客人试吃的果酱,前半部分实验时间里放置了6种果酱,后半部分实验时间里放置了24种果酱。

结果如何呢?

放置24种果酱的时候,停下来的顾客有60%(试吃了其中几种果酱) ,但购买率只有3%

放置6种果酱的时候,停下来的顾客有40%,购买率却高达31%

这个实验结果告诉我们什么?

◆有多种选项的时候,大脑会兴奋,导致人们驻足观看。

◆选项过多的时候,人们只会尝试其中的几种。

◆选项少的时候,人们会全部尝试一遍。可以使用这样的方式引导人们购买。

这个在设计上,是怎么体现的呢?

如果完全按照顾客的需求来设计,就需要增加大量的菜单,banner和推荐商品页面。

「当人们有太多的选项时,最后什么都不选。还没开始选择之前就觉得麻烦。」设计之前,把这句话记住吧。

下面这个网站的推荐商品被经过仔细挑选后才展示出来。

Momastore

提升说服力!教你读懂UI设计的心理学

当询问用户希望有什么选项时,往往会得到“全部” “很多”之类的回答。让我们试着拒绝用户这样的要求吧。

少的选项更让我们有了细细挑选的欲望,再多的选项也只是让我们只想尝试其中的几种而已。

人像照片最引人注目

人脑有专门识别人脸的区域。

那么,是什么意思呢?

◆网页中最引人注目的是人脸。

◆人脸有引导视线的作用。

◆能在一屏内看完一张人像照片的需求很强。

这个在设计上,是怎么体现的呢?

用照片来吸引第一视线是很有效的。

Okasan.saiyo

提升说服力!教你读懂UI设计的心理学

想吸引用户注意banner等区域时,人脸是非常有效的。

Liginc.co

提升说服力!教你读懂UI设计的心理学

人们首先凭借外观感觉来判断是否值得信任

Elizabeth Sirens的研究小组,针对健康类网站的测试中得到这样的结论。

◆认定为不被信任的网站的原因,83%的测试者表示与设计有关。

◆被认定为可信任网站的决定性因素,74%是设计和内容起到作用。

用户体验师自学指南!

前辈经验分享:
《怎样才能成为一名用户体验设计师?上学OR工作》

专业资源网站推荐!
《7个值得收藏的用户体验行业网站和博客》

用户体验师的肺腑之言,真心建议!
《UX工种的丛林生存之道——从门外汉开始的用户研究之路》

p

原文地址:quoitworks
译文地址:阿里妈妈MUX团队
译者:@abo_abo

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量75万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ui-design-psychology

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里