编辑导语：对于一个产品来说，界面设计是吸引用户的一种好方式，用户在打开APP时首先看到的就是主界面，主界面的色彩、排版、内容等等方式是否能让用户记忆是非常重要的；本文作者分享了关于产品中的交互分析，我们一起来了解一下。

一、产品都希望吸引用户的注意力

在界面设计中，我们常常能看到许多产品以各种形式抢夺用户注意力，比如弹窗、通知提示等，亦或者通过色彩、大小等设计方式。

大部分情况下，这些抢夺注意力的方式简单粗暴，如果不能在适合的场景采用相应的设计手法，不仅达不到期望的目标，反而影响浏览体验。

在信息量极其庞大的当下，信息被割裂得更加碎片化，现在可以满足用户诉求的产品太多了，许多产品的拉新成本高得离谱，关键是拉新后，留存也是令人头秃的问题。

每个企业都希望自己的产品可以获取更多用户流量、提升用户活跃，自然就需要想方设法吸引用户注意力；这是一个酒香也怕巷子深的时代，产品能满足用户需求、有着极致优秀的体验还不够，还需要让用户知道你的好，让自身产品吸引更多目标用户，是每个产品的愿望。

二、用户注意力日渐走低

用户的注意力也呈碎片化趋势，很容易受到外界的影响，并且这种注意力分散的趋势会越来越明显。可能用户上一秒在看公众号，下一秒就打开了抖音，然后看到微信消息，点进去回两句…一天过去了，**发现好像什么事都没有干成。

这就是矛盾的地方，一方面产品希望留住用户，另一方面用户在各产品间反复横跳，就是不在你的产品里面待着。

研究表明，用户的注意力只能维持在 10 分钟左右，大脑在短暂休息后可以再次集中注意力 7-10 分钟，7-10 分钟差不多是人对任何任务保持专注的时间上限。

用户容易受到各种信息的影响这不假，但是如果采用错误的设计方式吸引用户，非但不能如愿以偿，反而可能引起反感。

作为交互设计师，我们要了解用户的注意力是如何被吸引的、如何通过设计在不阻碍用户的基础上适当吸引用户注意力、哪些场景不该干扰用户注意力，这些都是我们需要面对的问题。

三、用户接收信息的方式

现阶段，由于体验设备的限制，大家大部分情况下还只是与手机、电脑等设备进行交互，此时我们接收信息的方式主要包含：视觉、听觉、触觉；我们借助这些感官与世界和设备交流，下面会介绍设计师该用什么方式合理获取用户注意力。

界面设计的组成部分主要是控件、图标、文字信息、色彩等组成，而要想获取用户注意力，设计师必须清楚哪些信息应当突出，哪些应当弱化，如果所有信息都想突出，那就相当于没突出。

四、大脑的注意力机制

大脑有两种处理信息的注意力机制。

一种是通过视觉、听觉、触觉等感官获取信息，这种机制是“自外而内”（自下而上）的，即我们从外界感知的，此时的影响因素是外界刺激而非内心驱动，甚至人们自身在这个过程中都没有发现被吸引了注意力。

另一种是来自我们自身的，如记忆、想法等，是由我们的主观能动性进行驱动，比如你在专注思考今晚吃什么（这真的是一件纠结的事），这是“自内而外”（自上而下）的，没有这种注意力，就没法专注起来。

这两种注意力并没有孰好孰坏之分，都在我们生活中起到至关重要的作用。区分这两种处理信息的机制并不难，问题主要出现在我们了解这个有什么作用？

那当然是有用的，举个简单的例子：

马蜂窝的首页是内容信息推荐，用户在这个场景中，如果是浏览首页的旅游地点信息流，没有携带特别明确的目的，就会更容易受到信息流推荐的影响，比如有吸引的图片、标题、按钮等，都很容易吸引用户，此时的注意力属于“自外而内”的。

此时设计形式以图片为主，文字在界面中的占比相对较小，起辅助作用，在这种场景下，图片相比于文字更容易吸引用户。

而如果你想去成都旅游，于是你搜索了成都，想看看成都相关的游记，这时情况就不同了，因为你在搜索时具备了比较明确的目的。

你会关注搜索的内容哪些是和成都相关并且你感兴趣的，此时你注意力可能在搜索结果是不是能满足需求，这时注意力属于“自内而外”的。

因此，页面设计的关键就不是整些花里胡哨的操作，而是让用户便于高效搜寻，比如把你的搜索关键词高亮突出，信息采用高效的列表排列。

说到这里，我们了解到了注意力的“自下而上”是被动的（外界的刺激），“自上而下”是主动的（个人意愿），而且针对这两种不同的注意力机制，有不同的设计方式。

这次我们主要讲的是：外界刺激下的“自下而上”的注意力类型，讨论哪些设计可以更快、更直接、更合理地获得人们注意力。

五、设计“显著线索”

人们每天醒来就要与外界进行各种“沟通”，只要一走出门，就是面对外界的各种变化和信息，触觉的、视觉的、嗅觉的…所以人们不可能注意到所有事物，比如马路上的车在跑，你可能只会关注到法拉利。

一般来说，人们更倾向于关注事物的显著特征，比如颜色和大小，心理学家称之为“显著线索”（salient cue）；人们的注意力有限，所以大脑会关注比较重要的、差异化的信息。

人们不擅长区分细节信息，因为在大多数情况下，显著线索已经足以帮助信息之间的差异。不信，你看看下面哪个是小米的新 logo，拿来检测视力，用的都说好！

所以，不要指望用户一定会关注你界面中设计的关键信息，你所认为的“显著线索”对用户来说未必很明显。如果你担心人们会过滤某些信息，可以尝试用以下的方式吸引他们的注意力。

大脑有自身的信息处理注意机制，我们需要了解其基本运作规律，在设计中更好突出我们的重点信息，弱化次要信息，在合理吸引用户注意力的同时，尽可能降低对用户的干扰。

六、视觉

视觉是一切感觉之首，大脑的大量资源都用于接收和解析眼睛见到的信息，上文讲到，差异化的信息更容易吸引注意力。在设计中，有许多种方式可以达到这种效果，从视觉的角度看，有颜色对比、大小对比、形状对比、清晰度对比、阴影对比、运用图片、动态信息等方式。