以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具

众所周知,心理学在APP的用户体验设计中起着非常重要的作用。通过了解我们的设计是如何被感知的,我们可以及时做出调整,使设计出的APP能够更加有效地实现用户的目标。

为了帮助你了解用户的想法,我将介绍一些我认为最重要的设计原则,并在实践中提供这些原则的常见示例。让我们先从冯·雷斯多夫效应开始:

冯·雷斯托夫效应(Von Restorff effect)

冯·雷斯多夫效应(也称为隔离效应)预测当存在多个相似对象时,不同于其他对象的是最容易被记住的!

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

没错,这就是为什么CTA按钮看起来与网站或APP上其余操作按钮不同的主要原因!

冯·雷斯多夫效应示例

我们希望用户能够区分简单的操作按钮和CTA按钮,以便他们清楚地了解CTA按钮的作用,同时在使用APP或站点时也能记住它。

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

系列位置效应

系列位置效应是指在一系列事物中,接近开头和末尾的更容易被用户记住的心理倾向。

从左到右,分别为Twitter,Medium,ProductHunt

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

认知负荷

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

“认知负荷是为了完成一项特定任务而需要锻炼的思维量”。

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

内部认知负荷

外部认知负荷

相关认知负荷

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

内部认知负荷

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

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

从左到右,分别为Stayful,Serist,Lucidchart

相关认知负荷

相关认知负荷是用于处理信息和构建模式的认知负荷。该模式描述了一种组织信息以及它们之间所有关系的思维模式。

我们使用设计模式的原因之一是它们是默认编程的——所以如果用户将其转变为一种自己所理解的模式,那么他们就可以更容易地接受和学习新的东西。

“如果用户能够将其转变为一种他们自己所理解的模式,那么用户将可以更轻松地学习新的东西。"

席克定律(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设计师如何玩转用户心理学原理?的更多相关文章

  1. 这样的UI UX设计师描述你满意吗?

    UI/UX 设计师是我们耳熟能详的名称,但是这些红遍大江南北的设计师到底是什么鬼? 今天小编跟大家好好分享一些关于UI UX 设计师的描述,让大家搞清楚两者的含义和职责.全文主要分成UI设计师描述和U ...

  2. 11个 常见UI/UX设计师调查问卷分析

    作为专业人员,设计出优秀的作品是UI/UX设计师必备的技能,同样重要的是良好的沟通能力.进一步来讲,提出正确的问题也是作为设计师的技能之一. 任何项目的首要任务都是收集需要的信息,以便正确有效地完成我 ...

  3. 如何规范移动应用交互设计?UI/UX设计师须知的11个小技巧

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 十年前,手机的使用只是为了沟通. 而近几年,情况发生了很大变化,我们很难找到不使用手机的人.手机在极 ...

  4. 这样的UX设计师简历,HR分分钟给你来电话

    BLS调查显示,软件开发和IT,用户体验设计,产品经理和项目管理这三个职位在未来有非凡的发展前景.其中,用户体验设计师是目前最有需求的创意产业工作之一.10年里就业增长率高达22.1%,工作岗位数3, ...

  5. 成为一名自由UX设计师--你“够格”吗?

    和传统的朝九晚五,三点一线的生活状态相比,现在互联网时代下的年轻人更崇尚对自由的追求.“可任意支配时间”.“工作场所自由”和“收入高”是人们选择成为自由职业者的主要原因.特别是IT行业中的设计师群体, ...

  6. 在原型设计上,UI和UX设计师有哪三个区别?

    原型设计在日常的软件开发过程中是必不可少的,不管是UI还是UX设计师,很多工作都会涉及到原型设计.那么这两类设计师在设计原型的时候表现出了哪些的不同点呢?今天就让我们来讨论一下,先说说我发现的3个不同 ...

  7. 2019年达内云PS淘宝美工平面UI/UX/UE/UED影视后期交互设计师视频

    2019年达内云PS淘宝美工平面UI/UX/UE/UED影视后期交互设计师视频 百度网盘链接一 百度网盘链接二

  8. 极客时间-左耳听风-程序员攻略-UI/UX设计

    程序员练级攻略:UI/UX设计 学习设计新手, 7 steps to become a UI/UX designer 学习设计的一些原则和套路,如配色.平衡.排版.一致性等. 用户体验的 4D 步骤- ...

  9. 不容错过!2016年度优秀UI/UX设计文章

    本文整理了一些2016年度最受欢迎的文章,例如有关UI / UX设计的理论知识,书籍和工具,如何做出更好的设计的方法和建议,以及新的设计趋势. 1. 2017年用户体验设计趋势 我们期待着2017年用 ...

随机推荐

  1. Windows 10 上的 Git 如何清除密码? Git Credential Manager for Windows

    Windows 10 上的 Git 如何清除密码? 因为一台新的电脑是 Windows 10 在第一次使用 Git 要求输入密码时把密码给输错了. 之前提交都是说 Token 错了,不再出现提示密码. ...

  2. Hive之 数据存储

    首先,Hive 没有专门的数据存储格式,也没有为数据建立索引,用户可以非常自由的组织 Hive 中的表,只需要在创建表的时候告诉 Hive 数据中的列分隔符和行分隔符,Hive 就可以解析数据. 其次 ...

  3. Phonegap 通信原理

    下图为JavaScript调用本地代码的通信过程 Phonegap的核心API都是基于插件的,这些JavaScript API都会调用cordova.exec() 函数来完成操作.cordova.ex ...

  4. vue2.0实现一个模态弹框,内容自定义(使用slot)

    定义模态框:合理使用插槽 model.vue <!-- 模态弹窗 --> <template> <div class="self-modal" v-s ...

  5. WindowsServer2012显示计算机的方法

    WindowsServer2012显示计算机的方法 (转) 消失的"计算机"?[这周九叔工作比较忙,还有其他琐事缠身,因此SystemCenter2012SP1系列的发布稍慢,抱歉 ...

  6. 【升级至sql 2012】sqlserver mdf向上兼容附加数据库(无法打开数据库 'xxxxx' 版本 611。请将该数据库升级为最新版本。)

    sqlserver mdf向上兼容附加数据库(无法打开数据库 'xxxxx' 版本 611.请将该数据库升级为最新版本.) 最近工作中有一个sqlserver2005版本的mdf文件,还没有log文件 ...

  7. linux Valgrind使用说明-内存泄漏

    Valgrind使用说明 Valgrind manual: http://valgrind.org/docs/manual/manual.html valgrind的介绍.安装和使用 valgrind ...

  8. Autofac框架详解

    一.组件 创建出来的对象需要从组件中来获取,组件的创建有如下4种(延续第一篇的Demo,仅仅变动所贴出的代码)方式: 1.类型创建RegisterType AutoFac能够通过反射检查一个类型,选择 ...

  9. 关于LaaS,PaaS,SaaS一些个人的理解

    关于LaaS,PaaS,SaaS一些个人的理解 其实如果从整个程序运营的角度来考虑比较好 第一个LaaS  这个也叫做Haas   就是硬件或者基础设置即服务 比如现在的   aws azure  阿 ...

  10. 一个检测网页是否有日常链接的python脚本

    在大的互联网公司干技术的基本都会碰到测试.预发布.线上这种多套环境的,来实现测试和线上正式环境的隔离,这种情况下,就难免会碰到秀逗了把测试的链接发布到线上的情况,一般这种都是通过一些测试的检查工具来检 ...