教你读懂UI设计的心理学!

来源:阿里妈妈MUX 作者:阿里妈妈MUX编译

提升说服力!教你读懂UI设计的心理学!,互联网的一些事

  作为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%是设计和内容起到作用。

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/803/

(0)
Smiler李想Smiler李想
上一篇 2014-09-27
下一篇 2014-09-27

相关推荐

  • 设计中的 “潜在过程的外在可见后果”分析

    设计中的 “潜在过程的外在可见后果”分析 ——以第三方账号登录为例 “潜在过程的外在可见后果”,是在勒庞的《乌合之众》一书中看到的文字,这也是心理学家通常的研究切入点。外在结果作为表象,其潜在的发生过程才是更…

    2016-02-25
  • Material Design UI质感设计动画交互设计欣赏

    质感设计(Material Design),是谷歌推出的设计语言,可以在用户界面产生动画,并且动画都是仿照真实的物理世界所产生,而且这套设计语言是跨平台和设备的。简而言之,质感设计是一种简单的方法创建很快的应用程序…

    IxD案例 2015-11-16
  • 怎么让引导不再是无用小透明?

    在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有 “这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友好…

    2015-11-19
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10
  • 创建用户友好型表单 Creating User Friendly Forms

    好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性的看 原文地址:https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2 作者:Momo…

    2018-04-18
  • 『旧时好文』别再吐槽12306了,有本事你来写架构

    在平时,12306也就是个正常的电商网站。但一到黄金周,12306就是一个全站所有商品都秒杀,所有SKU都是动态库存的变态。

    IxD案例 2016-08-29
  • O2O产品的用户评价思考

    为什么产生这样的思考? 可能因为我在一家做 O2O 产品的公司,碰巧我做过 UGC 评价相关的交互设计,然而更重要的是前不久我在线下真实的场景中希望使用自家产品的评价帮助我作决策时,发现我的一些需求并没有得到很…

    2016-03-02
  • 设计并不仅仅关乎视觉和感受,它要呈现的是事物运作的规律。

    动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。

    2016-10-24
  • 【IxD案例】国际第一时尚品牌VGUE-iPad端案例

    今天给大家分享一个原型,这是第一个分享原型制作的源文件,还请大家多多见谅,源文件有点小复杂。

    附件内的源文件为高保真的原型,模拟了很多的效果,下面我给大家说一下

    2016-02-22