每个UI / UX设计师都需要知道的心理学原理

用户头像
北京/设计爱好者/8年前/321浏览
每个UI / UX设计师都需要知道的心理学原理

心理学在用户使用应用程序的体验中扮演着重要角色


心理学在用户使用应用程序的体验中扮演着重要角色。通过了解我们的设计如何被感知,我们可以进行调整,以便我们创建的应用程序更有效地实现用户的目标。


为了帮助您理解用户的看法,我将介绍一些我认为最重要的设计原则,并在实践中提供这些原则的常见示例。我们从Von Restorff效应开始:


Von Restorff效应


Von Restorff效应(也称为隔离效应)预测,当存在多个相似的物体时,与其他物体不同的物体最有可能被记住!


看完这个理论,身为设计师的你是否马上想到了什么?


这就是为什么CTA按钮看起来与网站或应用程序的其他操作按钮不同的主要原因!


举个例子:为什么大促的时候,每个电商 App 都会选择重新设计首页,让首页与以往不同呢?以淘宝 App 为例,首页增加了大促入口,入口 icon 都替换成了节日 icon,从冯·雷斯托夫效应的维度来看,与以往不同的 App 可以更加吸引用户,加深用户的记忆。


△ 冯·雷斯多夫效应示例

我们希望用户能够区分简单的操作按钮和CTA,以便他们清楚地了解CTA的功能,同时在整个应用程序或网站的使用过程中记住它。


当有多个相似的对象存在时,不同于其他对象的是最有容易被记住的!


系列位置效应


系列位置效应是用户最好记住系列中第一个和最后一个项目的倾向。


从左到右,Twitter,Medium,ProductHunt


这就是为什么现在大多数APP选择摒弃汉堡包菜单,使用底部或顶部导航菜单,并将最重要的用户操作放置在右侧或左侧。在上图中,您可以看到来自流行的iOS应用程序的一些示例。考虑到系列位置效应,每个APP都将「首页」和「用户中心」项目分别放在了菜单栏的左侧或右侧。


认知负荷


认知负荷是指一个人的工作记忆中使用的脑力劳动总量。简单来说,就是为了完成某项任务,工作者需要进行大量的思考。


认知负荷理论可以分为三种类型:


  • 内在认知负荷

  • 额外的认知负荷

  • 人文认知负荷


下面我将介绍内部和相关认知负荷这两种类型,我认为它们是最适用于用户体验设计的。


内在认知负荷

内部认知负荷是与特定工作或学习主题相关的。这是Micro-copy和copy在良好的用户体验中发挥了巨大作用的主要原因。

例如在APP的「空白状态」下,大多数情况我们会提示用户如何去操作。在这里,提示文本需短小、简单,并使用适当的单词,以便用户能够轻松地遵循说明进行操作。

从左到右,Stayful,Serist,Lucidchart


人文认知负荷


人文认知负荷是致力于处理信息和构建模式的认知负荷。模式描述了组织信息类别及其中任何关系的思维模式。


我们使用设计模式的原因之一是因为它们是我们默认编写的东西 - 所以用户可以更容易地识别和学习新的东西,只要他们能够从他们已经了解的东西中将其识别为模式。


“如果用户能够从他们理解的事物中辨别出某种模式,那么用户可以更容易地学习新的东西”


希克定律


希克定律和格式塔定律是最受欢迎的原则。


理解和练习也很简单。希克定律描述了一个人作出决定所需要的时间取决于他或她的选择。因此,如果选择的数量增加,做出决定的时间将以对数形式增加。

其中,列表就是席克定律适用于用户体验设计的一个非常好的例子:

△希克定律范例


接近律


接近律是格式塔中组织法则的一部分,它指出彼此接近或邻近的物体倾向于被组合在一起。简单地说,我们的大脑很容易地将彼此接近的物体联系起来,但对于那些相距很远的物体就不行。 这种聚类发生是因为人类有倾向组织和组合事物的天性。


△接近律示例


“接近定律指出,彼此靠近或接近的物体倾向于分组在一起”

在上面的例子中,一共有72个圆。根据它们之间的距离,我们下意识地将它们分了组。很明显,我们将图像左侧的36个圆看成一组;图像右侧则有三组,分别有12个圆。

我相信这个例子清楚地表明了一个道理。在设计UI时,我们必须将一些元素组合在一起。其中,选择哪些元素进行组合显得尤为重要,需要反复斟酌,因为用户潜意识认为组合的元素一定是相互关联的。


参考:

Thanasis Rigopoulos:The Psychology Principles Every UI/UX Designer Needs to Know

用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询


 更多内容:https://www.pursuer.cn/index

1
举报
|
5
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
盲盒APP UI设计
UI 登录界面设计模板包
【新年UI图标】会员icon
【新年UI图标】30个图标
新能源APP应用UIKit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】游戏/娱乐icon
Security Camera UI kit
【新年UI图标】汽车icon
户外旅行飞机情侣假日出行
矢量立体简约UI蓝白图标
我的钱包-UI界面设计-app
科技医疗透明柜UI界面设计
【新年UI图标】秒杀icon
UI_3D图标“一本秘籍”(源文件
【新年UI图标】影音icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
钱包ui模板
高级感金属拟物 UI设计组件库
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
高级表盘系列UI源文件
你可能喜欢
大家都在看
登录注册