• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > UI / UX设计师应该学习的用户心理学原理

UI / UX设计师应该学习的用户心理学原理

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含心理学,经验分享,设计心理学等相关知识,希望在学习及工作中可以帮助到您

@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时,我们必须将一些元素组合在一起。其中,选择哪些元素进行组合显得尤为重要,需要反复斟酌,因为用户潜意识认为组合的元素一定是相互关联的。

欢迎关注译者的微信公众号:

「读懂用户心理其实并不难」

  • 《超全面!聊聊交互设计背后的心理学原理》
  • 《超干货!如何利用记忆心理学提高用户体验?》
  • 《交互大厨的私房书单!10本设计原则的好书帮你进阶学习!》

原文作者:Thanasis Rigopoulos
原文链接:Uxplanet


【优设网 原创文章 投稿邮箱:yuan@.com】

================明星栏目推荐================

优优教程网: UiiiUiii.com

是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 交互设计和心理学之间的18条奇妙联系
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 超全面!体验设计中的「功能可供性」基础科普
  • 想用设计化腐朽为神奇,你得先想明白这10个问题
  • 如何做好 Banner设计?我总结了这4类基础知识
  • 那些很熟悉但又叫不出名字的设计法则:选择架构
  • 交互基础小课堂!如何利用 “峰终定律” 改善用户体验?
  • 超全面!设计师必须了解的美术基础
  • 这些价格设置小策略,说不定让你的销量翻一翻!
  • 超多实例!解析「接近法则」在设计中的应用

相关文章

  • 2017-08-06网站制作中的网络广告的互动新体验(图文教程)
  • 2018-08-23UCAN2017回顾!当新技术来临时,设计会发生哪些变化?
  • 2018-08-23BAT都在使用的设计创新方法 ,现在手把手教你做!
  • 2018-08-23为何前期的发现阶段是网页设计最关键的环节?
  • 2017-08-06页面设计中table和div的合理应用简要说明
  • 2018-08-23这篇字体设计教程,可能让你少赔几万
  • 2018-08-23超全面!正确使用字体的10个黄金规则
  • 2018-08-23这3个趋势,在接下来的9月会影响更多设计作品
  • 2017-08-06交互设计和心理学之间的18条奇妙联系
  • 2018-08-23用标签代替文件夹!教你更高效的图片素材管理术

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 设计规范限制了设计创造力吗?
    • 网站前端性能优化之javascript和css篇
    • 超大字体排版的40个网页设计欣赏
    • 你的设计有依据吗?详解用户体验设计中的规律与逻辑
    • Helvetica 字体60岁了,它是如何变成了人们生活中的日常?
    • 浮动菜单,可实现上下滚动的效果
    • 怎样设计网页?怎样制作网页?
    • 可能是最全面的「无障碍设计」学习指南
    • 进阶高级设计师!帮你做能落地的界面设计之输入框
    • 如何给节日主题做设计,来看这篇超全面的分析!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有