UI / UX设计师如何玩转用户心理学原理?
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。

众所周知,心理学在APP的用户体验设计中起着非常重要的作用。通过了解我们的设计是如何被感知的,我们可以及时做出调整,使设计出的APP能够更加有效地实现用户的目标。
为了帮助你了解用户的想法,我将介绍一些我认为最重要的设计原则,并在实践中提供这些原则的常见示例。让我们先从冯·雷斯多夫效应开始:
冯·雷斯托夫效应(Von Restorff effect)
冯·雷斯多夫效应(也称为隔离效应)预测当存在多个相似对象时,不同于其他对象的是最容易被记住的!
看完这个理论,身为设计师的你是否马上想到了什么?
没错,这就是为什么CTA按钮看起来与网站或APP上其余操作按钮不同的主要原因!

我们希望用户能够区分简单的操作按钮和CTA按钮,以便他们清楚地了解CTA按钮的作用,同时在使用APP或站点时也能记住它。
“当有多个相似的对象存在时,不同于其他对象的是最有容易被记住的!”
系列位置效应
系列位置效应是指在一系列事物中,接近开头和末尾的更容易被用户记住的心理倾向。

这就是为什么现在大多数APP选择摒弃汉堡包菜单,使用底部或顶部导航菜单,并将最重要的用户操作放置在右侧或左侧。在上图中,你可以看到一些流行的iOS应用程序示例。考虑到系列位置效应,每个APP都将“首页”和“用户中心”项目分别放在了菜单栏的左侧或右侧。
认知负荷
认知负荷是指一个人的工作记忆中使用的脑力劳动总量。简单来说,就是为了完成某项任务,工作者需要进行大量的思考。
“认知负荷是为了完成一项特定任务而需要锻炼的思维量”。
认知负荷理论可以分为三种类型:
内部认知负荷
外部认知负荷
相关认知负荷
下面我将介绍内部和相关认知负荷这两种类型,我认为它们是最适用于用户体验设计的。
内部认知负荷
内部认知负荷是与特定工作或学习主题相关的。这是Micro-copy和copy在良好的用户体验中发挥了巨大作用的主要原因。
例如在APP的“空白状态”下,大多数情况我们会提示用户如何去操作。在这里,提示文本需短小,简单,并使用适当的单词,以便用户能够轻松地遵循说明进行操作。

相关认知负荷
相关认知负荷是用于处理信息和构建模式的认知负荷。该模式描述了一种组织信息以及它们之间所有关系的思维模式。
我们使用设计模式的原因之一是它们是默认编程的——所以如果用户将其转变为一种自己所理解的模式,那么他们就可以更容易地接受和学习新的东西。
“如果用户能够将其转变为一种他们自己所理解的模式,那么用户将可以更轻松地学习新的东西。"
席克定律(Hick’s Law)
与格式塔法则一样,席克定律是当下最流行的定律之一。
席克定律的理解和实践都很简单。它描述了一个人作出决定所需的时间取决于他或她可以选择的选项。如果选项的数量增加,那么做出决定的时间也会对应增加。
其中,列表就是席克定律适用于用户体验设计的一个非常好的例子:

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

“接近律表明,彼此接近或相近的物体往往被组合在一起”
在上面的例子中,一共有72个圆。根据它们之间的距离,我们下意识地将它们分了组。很明显,我们将图像左侧的36个圆看成一组;图像右侧则有三组,分别有12个圆。
我相信这个例子清楚地表明了一个道理。在设计UI时,我们必须将一些元素组合在一起。其中,选择哪些元素进行组合显得尤为重要,需要反复斟酌,因为用户潜意识认为组合的元素一定是相互关联的。
原文作者:Thanasis Rigopoulos
原文链接:https://uxplanet.org/the-psychology-principles-every-ui-ux-designer-needs-to-know-24116fd65778
Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。
UI / UX设计师如何玩转用户心理学原理?的更多相关文章
- 这样的UI UX设计师描述你满意吗?
UI/UX 设计师是我们耳熟能详的名称,但是这些红遍大江南北的设计师到底是什么鬼? 今天小编跟大家好好分享一些关于UI UX 设计师的描述,让大家搞清楚两者的含义和职责.全文主要分成UI设计师描述和U ...
- 11个 常见UI/UX设计师调查问卷分析
作为专业人员,设计出优秀的作品是UI/UX设计师必备的技能,同样重要的是良好的沟通能力.进一步来讲,提出正确的问题也是作为设计师的技能之一. 任何项目的首要任务都是收集需要的信息,以便正确有效地完成我 ...
- 如何规范移动应用交互设计?UI/UX设计师须知的11个小技巧
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 十年前,手机的使用只是为了沟通. 而近几年,情况发生了很大变化,我们很难找到不使用手机的人.手机在极 ...
- 这样的UX设计师简历,HR分分钟给你来电话
BLS调查显示,软件开发和IT,用户体验设计,产品经理和项目管理这三个职位在未来有非凡的发展前景.其中,用户体验设计师是目前最有需求的创意产业工作之一.10年里就业增长率高达22.1%,工作岗位数3, ...
- 成为一名自由UX设计师--你“够格”吗?
和传统的朝九晚五,三点一线的生活状态相比,现在互联网时代下的年轻人更崇尚对自由的追求.“可任意支配时间”.“工作场所自由”和“收入高”是人们选择成为自由职业者的主要原因.特别是IT行业中的设计师群体, ...
- 在原型设计上,UI和UX设计师有哪三个区别?
原型设计在日常的软件开发过程中是必不可少的,不管是UI还是UX设计师,很多工作都会涉及到原型设计.那么这两类设计师在设计原型的时候表现出了哪些的不同点呢?今天就让我们来讨论一下,先说说我发现的3个不同 ...
- 2019年达内云PS淘宝美工平面UI/UX/UE/UED影视后期交互设计师视频
2019年达内云PS淘宝美工平面UI/UX/UE/UED影视后期交互设计师视频 百度网盘链接一 百度网盘链接二
- 极客时间-左耳听风-程序员攻略-UI/UX设计
程序员练级攻略:UI/UX设计 学习设计新手, 7 steps to become a UI/UX designer 学习设计的一些原则和套路,如配色.平衡.排版.一致性等. 用户体验的 4D 步骤- ...
- 不容错过!2016年度优秀UI/UX设计文章
本文整理了一些2016年度最受欢迎的文章,例如有关UI / UX设计的理论知识,书籍和工具,如何做出更好的设计的方法和建议,以及新的设计趋势. 1. 2017年用户体验设计趋势 我们期待着2017年用 ...
随机推荐
- Anatoly and Cockroaches
Anatoly lives in the university dorm as many other students do. As you know, cockroaches are also li ...
- 为已编译的DLL附带强命名
在我们开发的过程中,会经常调用其他人写好的DLL类库,由于种种的原因,不管是公司规定,还是个人习惯等等的原因,有时候需要调用各个类库直接邀请必须强命名. 但是我们临时也无法找到源代码进行重新编译等事情 ...
- Chrome Developer Tools 中的 Preview 不显示 HTML 的问题
Chrome Developer Tools 中的 Preview 不显示 HTML 的问题 最近升级到 Chrome V64,发现 Chrome Developer Tools 中的 Preview ...
- Django的认证系统 auth模块
Django自带的用户认证 我们在开发一个网站的时候,无可避免的需要设计实现网站的用户系统.此时我们需要实现包括用户注册.用户登录.用户认证.注销.修改密码等功能,这还真是个麻烦的事情呢. Djang ...
- 【转】Ubuntu12.04安装YouCompleteMe插件
原文网址:http://m.blog.csdn.net/blog/unhappypeople/19160243 以前用的都是ctags+omnicomplete+acp的方式,这次换成clang自解析 ...
- Linux之 linux7防火墙基本使用及详解
1.firewalld的基本使用 启动: systemctl start firewalld 查看状态: systemctl status firewalld 停止: systemctl disab ...
- js中caller和callee属性详解
一.caller属性返回一个对函数的引用,该函数调用了当前函数.functionName.callerfunctionName 对象是所执行函数的名称.说明对于函数来说,caller 属性只有在函数执 ...
- 腾讯EC .net API对接第三方系统
最近公司销售部门用到了腾讯EC,实现公司内部OA系统与腾讯ec的数据同步,要求如下: 1.OA内部系统账号与腾讯ec登陆账号同步 2.首先做义工客户端工具用来把现有客户导入到EC,销售人员的客户信息与 ...
- 【POJ】1062 昂贵的聘礼 (最短路)
题目 传送门:QWQ 分析 最短路显然,但不好搞地位等级..... 地位等级不好搞?那么就暴力.. 枚举我们允许的地位等级,跑最短路. 所以$ n^2logn $出100什么鬼啊,很有迷惑性啊 还有4 ...
- urllib2 Handler处理器和自定义opener(六)
Handler处理器 和 自定义Opener opener是 urllib2.OpenerDirector 的实例,我们之前一直都在使用的urlopen,它是一个特殊的opener(也就是模块帮我们构 ...