设计中的心理学

欢迎投稿到早读课，投稿邮箱：mm@zaodula.com

一、设计心理学

设计心理学是设计专业的一门理论课，它建立在心理学的基础上，是设计师们的必修课。它主要研究人们在设计创造过程中的心态，以及设计对个体及社会群体所产生的心理反应，起到使设计更能够反映和满足人们心理需求的作用。

一直以来，有个问题让我很困惑。为什么几乎国内外所有的网页都是上下滑动滚动条的浏览方式，而不是左右滑动？左右滑动在浏览器中是完全可以做到的，而且几乎没有阅读障碍。在了解了关于视觉认知方面的心理学知识后，我开始有所体会，人在浏览页面时，头是会随着眼睛的方向有些微动作，就是这些微小的动作决定了人们的浏览习惯。在垂直方向上阅读时，头会上下点头，給人“yes”的心理暗示；而水平方向的阅读模式会左右摇头，给人“no”的心理暗示，从而让用户对于浏览的网页有了不好的印象。

心理学是研究人的心理和行为的科学，所以在设计过程中，对心理学的了解能够帮助设计师学会用科学的方法去分析人的行为，让设计师有更合理的前提去做下一步的具体设计。能很好的应用心理学，对于设计会有很大的帮助。

二、心理学在设计中的应用

1、强迫心理

强迫心理的概念主要出现在心理咨询的领域中，主要包括强迫观念和强迫动作。由于强迫心理的出现，人会有不安和烦躁的表现。运用人的强迫心理而做的设计有很多，比如拆红包按钮等。最为熟知的是以下两个示例：

图1 360电脑体检得分

图2 360开机时间提示

这两个示例就很好地利用了人的强迫心理：电脑体检得分（图1）中高危红色提示以及低于100的体检成绩总是让人忍不住要一键修复；开机时间提示（图2）中打败全国99%的电脑是不是觉得手痒痒，想加速。其实这只是强迫心理的两种应用，类似的还有很多，比如通知消息的数字角标，个人中心里资料完成度的百分比等。

2、从众心理

从众心理是社会心理学中研究的基本现象，一般来说，群体成员的行为都具有跟从群体的倾向。当个体发现自己的行为和意见与群体不一致时，会感受到一种压力，这促使他趋向于与群体保持一致。从众心理在设计中的运用主要体现在社交媒体和电商。

图3 朋友圈点赞

朋友圈中的点赞行为就存在着典型的从众效应，当显示点赞的人数众多，你就会更倾向于不去思考而直接点赞，此时点赞数量对你的影响要胜于内容本身对你的影响，在群体的庇护下，心理体验更加安全。

图4 淘宝商品按销量排行

电商平台按照销量排行也运用了用户的从众心理。眼花缭乱的商品让人目不暇接。“按销量排行”是不少用户的选择，首先，大部分人的选择是很好的参考。其次，从众心理会让用户有安全感。消费心理直接影响用户选择，对于设计师来说是不可忽视的一点。

3、视错觉

视错觉是大脑错误解析视觉信息的现象，当人观察物体时，由于错误的判断和感知，在自身的心理因素支配下，对图形产生与客观事实不符的错误感觉。

我们日常生活中，所遇到的视错觉的例子有很多。比如，法国国旗红、白、蓝三色的比例为30：33：37，而我们却感觉三种颜色面积相等。这是因为白色给人以扩张的感觉，而蓝色则有收缩的感觉，这就是视错觉在设计中的经典应用。

图5 法国国旗

在版式设计过程中，视错觉发挥着重要的作用。在Photoshop中三个等高的正方形，圆形和三角形中，如果用户仔细观察，就会发现三角形的高度会跟另外两个不一致，这就是视错觉现象。设计师应该给三角形增加1像素的高度，使三者在视觉上能统一。这样的例子还有很多，需要我们在设计中多加注意，巧妙利用。

图6 多1像素的三角形

4、人像最吸引人注意

有趣的是，人脑有专门识别人脸的区域（梭状回，fusiform），眼睛最容易被人像所吸引网页没有上下滚动条，而人像中眼睛又是最引人注目的地方。图像中通常加入人像后，会吸引点击。人像可引导用户视线，能将用户引导到你想让他关注的地方。当用户浏览下图广告时，较容易随着人物视线而引导到标题中。

图7 某时装品牌广告

这一点在排版设计中有很好的运用。当对多个图像进行排版时，对齐的参考线不好拿捏，其实我们可以根据上述总结，以人眼为参考基准网页没有上下滚动条，让人物眼睛处在一条水平线时，视觉上就会默认图像是对齐的。

图8 以人眼为参考线对齐

5、以貌取人

人会凭借外观和感受来判断一个产品是否值得信任。其中，有80%以上用户认为网站不被信任的主要原因是网站的设计。也就是说，用户没有使用网站功能和阅读网站内容的情况下，仅根据设计就对网站打了分。所以简洁干净的页面设计对于用户体验是很重要的。

图9 复杂的招聘页面

图10 简洁的招聘页面

结语

根据用户的心理需求及预期来设计产品，能符合用户的期望和习惯。用户体验在不同用户身上的表现也各不相同，决定这些不同的是个体差异，而心理状态在当中占据了很大一部分。准确把握用户心理，是奠定良好用户体验的基石。