我该怎么操作？我该点哪个？我应该点击这个么？

如果我点击这个会发生什么？

点击这个会退出么？

每一个设计师都经历过这样的场景，设计师不能理解用户的行为和思维流程，用户的想法和行为会觉得设计的逻辑。反之，设计的界面和反馈不能“适配”用户的思维。所以在开始设计前，设计师需要了解用户的心理。

用户与网站、PC软件和手机app的所有交互都是认知心理学的范畴。

认知心理学

简单地说，认知心理学就是用户处理信息或者操作产品的方式，这些取决于用户思考、感知、记忆和学习的能力。

以下是关于用户如何感知和响应的因素：

视觉感知

对一个产品的第一印象永远是停留在美学层面的。它是由以下几点决定的：

样式-用户通过设计样式和元素的分布判断如何使用产品。视觉样式还会决定用户如何处理不同元素之间的关系。

颜色-颜色很容易激发情感，唤起不同的心情。

语言和排版

一个产品的语言和排版会影响到用户的阅读和理解。不合理的语言和排版会误导用户。

扫读

用户通常不会深入研究网站的方方面面。他们甚至不会仔细阅读所有的内容，而是采用扫读的方式。这取决于网站的种类和产品的设计，用户遵循一定的阅读模式，比如Z模式、Zig-Zag模式和F模式。

记忆

一个新的产品，用户学习产品、建立对产品的概念、处理信息负荷和完成任务均取决于用户的记忆能力。

解决问题，做出决定

用户做选择、选策略、做决定和解决问题都和用户先前的知识、经验和常识有关。

感知流程

众所周知，情感驱动行为。Don Norman认为认知和情感的处理有三个层次：

本能

本能是用户根据最快速的反应所做出的决定，同时本能是人与生俱来的。例如，用户在与产品交互之前一定会对产品的美学效果有本能的美丑评价。

行为

行为是人类最基本的活动。我们每天都会有各种各样的行为。例如，当我们和产品产生交互时，如何处理任务、获得知识和理解好或坏的感觉。

反应

反应是有意识的行为，这取决于我们之前的相关经验。这个层次的认知处理只能通过记忆不通过直接的交互或感知。

用户的能力会限制对信息的理解，好的交互设计会考虑到用户自身能力的限制。

认知负荷

有的设计很难理解，用户需要付出更多努力，这会增加用户的认知负荷。

认知负荷是指在完成任务时对大脑思考能量的消耗和操作系统时对精神力的消耗。

存在两种认知负荷：

内在认知负荷

无论何时操作网站或app都需要脑力消耗去找到新的信息或我们不明白的信息。内在认知负荷就是理解新的信息所产生的脑力消耗，这是不可避免的。

外在认知负荷

外在认知负荷是产品操作时的脑力消耗，但是并不是帮助我们理解产品。外在认知负荷是可以避免的。例如，无关的图片、令人困惑的导航。

认知负荷的诱因

认知负荷增高的诱因是多方面的，比如：

无关图片或不恰当的排版；

不必要的点击；

冗长的表单，尤其全是必填项；

选项过多；

不能根据用户预期得到结果；

设计师不可能消除认知负荷，但是可以尽量减少。

这里提供一些原则有助于理解人类心理，减少认知负荷和提高用户体验。

费茨定律

“更大更近的按钮更容易点击”

一个目标的尺寸和距离会对交互设计产生很大的影响。

费茨定律帮助设计师理解如何分类任务，如何给他们分配合理的位置，因为用户希望用在便捷的方式完成操作。

格式塔原理

格式塔原理告诉我们如何以某种方式结合不同元素，以及人类思维和视觉关系。它可以指导我们如何设计重要的元素，如何创造元素间的平衡和稳定。

01 相似原则

不同的独立个体的形状、尺寸、颜色或其他方面相似，我们会从心理上认为他们是有关联的。

02 连续原则

连续原则解释了我们的大脑如何“脑补”虚拟的线条或连续的元素。人类的眼睛很自然的会跟随直线或曲线，更乐于看到相连的图形。

03 闭合原则

如果元素的一部分没有完全闭合，我们的大脑会自动修补缺口。

04 接近原则

接近原则是指元素如果的位置很接近，我们感知上会将它们默认为一组。

05 图形-背景错视

图形-背景错视解释了物体和它周围环境的关系，这取决于人眼如何通过形状、尺寸、颜色或对比度从背景中区分图形。

席克定律

“越多的选项造成越久的决定时间”

当用户面临大量的选项时，用户通常会很困惑，并且花大量时间去做选择。

席克法则帮助设计师分类选项、设计简单的导航和访问流程，可以节省用户大量的时间和精力以快速做出选择。

密勒定律

“人类只能短期记忆7 (+/- 2)个项目”

密勒法则指出人类在记忆时，是将类似的信息分组记忆。设计师要根据人类感知特点将内容分类并保持清晰的视觉层次，以便用户可以轻松的记忆信息，同时也有助于理解信息。

与数字产品交互是我们生活中不可避免的部分，让产品学会“理解”人类行为是很重要的。理解人类感知，并且应用一些设计原则可以极大的提高用户体验。

原文：medium.muz.li/human-cognition-and-its-effect-on-design-ed23cfff7f18

---

欢迎转载，记得标明出处哦

扫描下方二维码关注Yinteraction