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年用 ...
随机推荐
- Codeforces 1009C: Annoying Present
C. Annoying Present time limit per test 2 seconds memory limit per test 256 megabytes input standard ...
- 编写 Target 检测 MSBuild / dotnet build 此次编译是否是差量编译
MSBuild 或 Roslyn 编译项目时均支持差量编译,毕竟为了性能.我在 每次都要重新编译?太慢!让跨平台的 MSBuild/dotnet build 的 Target 支持差量编译 一文中介绍 ...
- IDEA 使用generator逆向工程生成pojo,mapper
1.新建立一个MAVEN项目 2.在pom.xml增加配置 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns: ...
- 初识安卓小程序(Android短信发送器)
首先,先创建一个安卓项目(我的版本号是4.4.2的),名字为"短信发送器" 然后在res目录下找到layout目录,找到activity_main.xml或fragment_mai ...
- C++等语言中整型int等的取值范围计算方式
举short为例说明 如果以最高位为符号位,二进制原码最大为0111111111111111=2的15次方减1=32767.最小为1111111111111111=-2的15次方减1=-32767此时 ...
- Data_Structure04-树
一.学习总结 1.树结构思维导图 2.树结构学习体会 树结构,从字面上的意思来看,可以简单的理解为数据像一棵树一样展开存储.在学习本章的内容中,一开始只是理解了概念,在真正做题中,一点思路都没有,不知 ...
- C#自带缓存方案
/// <summary> /// 获取数据缓存 /// </summary> /// <param name="CacheKey">键< ...
- py基础3--函数,递归,内置函数
本节内容 函数基本语法及特性 参数与局部变量 返回值 嵌套函数 递归 匿名函数 函数式编程介绍 高阶函数 内置函数 1. 函数基本语法及特性 背景提要 现在老板让你写一个监控程序,监控服务器的系统状况 ...
- Solr中Facet用法和Group用法
Group分组划分结果,返回的是分组结果: Facet分组统计,侧重统计,返回的是分组后的数量: 一.Group用法: //组查询基础配置params.set(GroupParams.GROUP, & ...
- django内置html模板的extends和include,模板标签{{ ex }}
base.html内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...