好文转载,版权归原作者

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

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

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

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

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

那么,是什么意思呢?

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

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

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

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

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

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

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

Au.kddi

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

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

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

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

结果如何呢?

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

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

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

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

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

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

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

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

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

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

Momastore

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

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

人像照片最引人注目

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

那么,是什么意思呢?

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

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

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

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

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

Okasan.saiyo

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

Liginc.co

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

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

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

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

读懂UI设计的心理学的更多相关文章

  1. 读懂框架设计的灵魂—Java反射机制

    尽人事,听天命.博主东南大学硕士在读,热爱健身和篮球,乐于分享技术相关的所见所得,关注公众号 @ 飞天小牛肉,第一时间获取文章更新,成长的路上我们一起进步 本文已收录于 CS-Wiki(Gitee 官 ...

  2. 一篇文章教你读懂UI绘制流程

    最近有好多人问我Android没信心去深造了,找不到好的工作,其实我以一个他们进行回复,发现他们主要是内心比较浮躁,要知道技术行业永远缺少的是高手.建议先阅读浅谈Android发展趋势分析,在工作中, ...

  3. UI设计教程分享:让你彻底读懂字体

    一份普普通通.规规矩矩的设计 一份让人印象深刻.新颖有趣的设计 差在哪?其实就差在三个字上! “优秀的设计不是每一个细节都有亮点,而是弱化其他元素,让某一个亮点最大化.” 今天“骉叔的设计心得”就来总 ...

  4. 从HTTP/0.9到HTTP/2:一文读懂HTTP协议的历史演变和设计思路

    本文原作者阮一峰,作者博客:ruanyifeng.com. 1.引言 HTTP 协议是最重要的互联网基础协议之一,它从最初的仅为浏览网页的目的进化到现在,已经是短连接通信的事实工业标准,最新版本 HT ...

  5. [转帖]从HTTP/0.9到HTTP/2:一文读懂HTTP协议的历史演变和设计思路

    从HTTP/0.9到HTTP/2:一文读懂HTTP协议的历史演变和设计思路   http://www.52im.net/thread-1709-1-2.html     本文原作者阮一峰,作者博客:r ...

  6. UI设计初学者如何避免走弯路?

    对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及想学UI到底要如何避免走弯路,快速的学成. 问题一:UI设 ...

  7. 零基础入门学习UI设计指南

    第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. ...

  8. 一文读懂AI简史:当年各国烧钱许下的愿,有些至今仍未实现

    一文读懂AI简史:当年各国烧钱许下的愿,有些至今仍未实现 导读:近日,马云.马化腾.李彦宏等互联网大佬纷纷亮相2018世界人工智能大会,并登台演讲.关于人工智能的现状与未来,他们提出了各自的观点,也引 ...

  9. 读懂SAP Leonardo物联网平台

    读懂SAP Leonardo物联网平台 https://blog.csdn.net/weixin_42137700/article/details/81903290 本文比较系统.全面地介绍了SAP ...

随机推荐

  1. js对文本框特殊字符串过滤

    HTML 中 onkeyup="stripscript(this)"; function stripscript(obj) { var s = $(obj).val(); var ...

  2. 解决NSData转NSString返回nil的问题

    // 字符串转Data NSString *str =@"jesfds"; NSData *data =[str dataUsingEncoding:NSUTF8StringEnc ...

  3. ImageView的scaleType详解

    ImageView的ScaleType详 1. 网上的误解 不得不说很失望,到网上搜索了几篇帖子,然后看到的都是相互复制粘贴,就算不是粘贴的,有几篇还是只是拿着自己的几个简单例子,然后做测试,这种以一 ...

  4. IP地址,子网掩码,默认网关,DNS服务器详解

    为了更深入的学习TCP/IP协议,最近看了不少有关资料,收集整理记录如下,以备后面的使用和方便各位学习: IP地址,子网掩码,默认网关,DNS服务器是什么意思? (一)  问题解析 001.   问: ...

  5. Pyqt 控件的信号槽事件定义方法

    转载来自:http://my.oschina.net/midnite/blog/39399 Qt采用信号槽来设定UI界面上元素动作的事件绑定.自Qt4.5开始,引入了一个新的信号槽与事件绑定的方法.界 ...

  6. vs2008所有DTE.ExecuteCommand命令

    下面列表中为我当前机器上visual studio 2008所有DTE.ExecuteCommand命令的内容: 其中:Build.开头对应“编译”菜单下命令(如:Build.RebuildSolut ...

  7. 【转】一台电脑同时运行多个tomcat配置方法

    参考:http://blog.csdn.net/zyk906705975/article/details/8471475

  8. MVC 好记星不如烂笔头之 ---> 全局异常捕获以及ACTION捕获

    public class BaseController : Controller { /// <summary> /// Called after the action method is ...

  9. NPOIExcel

    public class NPOIExcel { private string _title; private string _sheetName; private string _filePath; ...

  10. STM32F105解密STM32F105VB芯片解密STM32F105R8单片机破解多少钱?

    STM32F105解密STM32F105VB芯片解密STM32F105R8单片机破解 STM32F105芯片Cortex-M3单片机解密: [凯基迪科技] STM32F105R8解密 | STM32F ...