一直以来，我都对人类的思维方式非常着迷。我也一直认为熟知认知科学是设计师的关键技能之一。一方面希望我自己更加专业，另一方面也帮助其他人学习，我在这里写点我感兴趣的认知相关的内容。

我们在日常生活中接触的设计被各种感觉（视觉、听觉、触觉）所感知，并将这些信息迅速传递给大脑处理。作为设计师，我们必须了解如何创造体验以及人类大脑如何评估这些体验。同时，设计师也有能力通过产品的交互或者不只交互来控制人们的思想。

在本文中，我会重点聊一聊我们的注意力如何工作以及如何影响界面设计的。

注意力=工作记忆

通常，我们看到、听到、触摸或嗅到的一切信息都是由大脑处理的，同时这些信息也会影响我们的记忆体系。人类的记忆体系可以分为三部分：

1、工作记忆

2、短期记忆

3、长期记忆

工作记忆包含我们关注焦点的信息。我们的工作记忆能力很小（研究显示容量可以介于5-7个不相关的概念之间），大脑无法一次处理周围所发生的一切，因此，我们的注意力会有选择性，只会关注最相关的信息，而相关性取决于我们自己的目标。

我们的大脑每秒可以接收大约1100万位的数据，但是我们每秒只能处理大约50位数据。

如果关注焦点改变了，来自工作记忆的信息可能会很容易丢失。很多人应该都经历过这样的场景：

在数数的时候突然打断你，你必须重新开始，因为你不记得刚才数到哪里了。 你走进一个房间，会突然意识到忘了刚进入房间的原因了。

界面设计中的工作记忆

模式

模式在设计中很常用，使用设计模式有很多优点。我们可以通过切换不同的模式来减少手势/控制，以便执行更多的动作。例如，在Sketch（一个UI设计应用程序）中，默认情况下你会发现自己处于选择模式，这意味着拖动鼠标时，你可以在屏幕上选择对象。但是，如果你进入绘制矩形模式，在拖动鼠标时，则可以绘制一个矩形。

工作记忆很不稳定，在没有任何反馈的情况下，很难保证用户可以记住他们当前处于哪种模式中。使用模式时，重要的是强调当前激活的模式。Sketch通过显示不同的光标来体现模式的不同。

sketch中的不同模式

搜索

在网站上使用搜索功能时，用户输入搜索词语，然后查看结果，用户的注意力会从输入内容转移到结果展示。这意味着用户经常忘记最初输入的搜索内容。所以，具有搜索功能的网站，即使在搜索结果显示页，也应该使用户输入的内容明显的显示。

说明

如果用户需要超过5个步骤才能实现目标，那么请确保过程中有明确的提示。用户绝对不能记住所有的增量步骤。所以，用户应该在操作的时候可以轻松查看说明。

导航

如果你正在设计的系统需要复杂的导航层次结构，那么应该向用户反馈他们当前所在的位置以及到达的路径。虽然记住用户所有的操作步骤具有挑战性，但还是应该让用户清楚其主要路径。设计师应尽量避免信息超载，这有可能让用户迷惑并忘记最初目标。这也是当今许多互联网产品中面包屑（通常是显示页面层次结构的箭头或斜线）越来越受欢迎的原因。

面包屑导航

视力 - 眼中央凹

毫无疑问的是，我们的大脑通过眼睛获得大部分信息，因此，眼睛在用户如何看待我们的设计上发挥着重要作用。人眼的结构是复杂的，不过最重要的发现是在眼睛的中央有一个小圆圈（1.5毫米宽），被称为“中心凹”，虽然很小，但我们大脑通过它获得大部分信息。这里有三个原因：

1、眼睛的这一小部分比其余部分分辨率更大；

2、因为中央凹的细胞与神经（其向大脑传递信息）1：1相连，所以与眼睛的其他部分相反，这部分信息传递没有任何缩减 。

3、中央凹只有整个眼睛的大小的1％左右，但我们大脑的视觉皮质将其资源的50％用于它。

因此，这些都是导致人类关注的焦点非常狭窄的原因。

另一方面，我们的周边视力真的非常差。想想你现在阅读这篇文章的方式，你只能关注当前阅读的这几个词语，其他的一切都是不相关的。但这仅仅是整体设计的一小部分。有趣的是，我们的大脑会根据我们的期望和记忆力来帮助眼睛，填补我们周边的丢失数据。这使得我们认为自己实际上看到了一切。

虽然周边视力的视觉质量很差，但在生活中也是非常有用的。一方面它会基于低分辨率数据将中央凹引导至焦点（下一步看），另外一方面它也非常擅长检测动态信息，这是我们遗传自生活在旷野中的祖先的本能。

中央凹对界面设计的影响

中央凹的发现很容易应用于设计。用户无法一下子字看到整个网站，他们只能扫描页面。这意味着他们的眼睛需要非常迅速地从一个部分跳到另一个部分。因此，最吸引用户眼球的是具有强烈对比的部分，或者是有任何形式运动的内容。

页面右上角的黄色按钮吸引了我们的注意力

设计中我们要考虑的是，必须以紧凑的方式显示相互关联的信息，以便用户将这些信息同时处理。这也正是我们熟知的格式塔原理：

彼此接近的对象或形状会自动成组。

格式塔原理

例如，错误信息必须显示在密码字段的附近，如果错误信息展示在页面的其他部分，专注于输入密码的用户很可能会错过该信息。另一个例子是营销文案，如图中所示，标题和CTA按钮的强烈对比吸引了用户的注意力，意味着这块是整个页面中用户最先注意到的地方，用户会自动将这块内容联系在一起，所以文案应该说服用户点击CTA按钮。

文案和按钮在一起，用户无需去其他地方寻找

错误提示直接显示在输入框下方

无意视盲

人的注意力是以目标为导向的。我们倾向于关注与实现目标有关的事情。除非它引发了我们的注意，否则其他一切事情都没那么重要。这就是心理学现象中著名的无意视盲。

观看链接中的视频，并尝试数清楚白色队伍的传球数。

http://v.youku.com/v_show/id_XNjkwMzg5Mzg0.html#paction

因此，我们在设计的时候需要考虑元素间的相互关联性，例如使用格式塔的接近原则。如果难以实现，我们应该以动效或者对比的形式来吸引用户。曾有数据表明，如果我们没坚持这些原则，用户很可能会错过重要的体验细节。

以上内容是我对人类注意力以及认知科学如何影响设计的一些认识，这篇文章也是受到Jeff Johnson的书“认知与设计”的启发。如果你对如何设计人类思维很好奇，并且想要深入挖掘，我强烈建议你仔细阅读本书。

原文链接：https://uxplanet.org/designing-for-human-attention-ac0abe3d657d