从“注意力”的角度谈体验设计如何避免入坑

♝点击上方“ 交互设计学堂 ”关注我们,送 电子书

前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时，用研人员访谈用户的过程中，发现一个这样的问题： 多数用户完全没注意到过页面上的“长按可排序或删除”这段文字，反馈“不知道可以对新闻频道进行排序” 。

设计师可能会惊讶，“我觉得用户应该可以看到的啊！”，然而事实却是很多用户完全忽略了这条信息。

接下来我们讨论一下“用户的注意力”如何影响用户的感知和行为，用户体验设计中怎样思考才能避免入坑。最近阅读到《认知与设计》这本书，里面的一些观点也帮助我们对用户的“注意力”有更深刻的理解。

先从一个心理学实验说起

以下是2个篮球队的传球视频，请认真观看视频并数出身穿白色球衣的球队传球的次数。

视频传送门： https://v.qq.com/x/page/p0506wep8ra.html

如果你刚刚真的全神贯注在计数的话，可能不会发现，视频中有一个大猩猩的扮演者大摇大摆穿过了传球队伍。（是的，实验的重点并不真的是传球次数 ）

实验的实际结果是：当询问被试者记住了视频中的哪些内容时，有一半的人表示没有注意到大猩猩的出现，他们的注意力完全被目标任务所占据。

这一现象在心理学上称为“ 非注意盲式 ”。人们的注意力是极其有限的，当我们的思维被任务、目标所占据时，与目标无关的事物在被意识到之前就被过滤掉，有时会无视平常能够注意到的事物。

忽略注意力的有限性会给设计带来什么问题？

下面我们通过几个具体案例说明一下设计时对用户注意力过于乐观带来的坑。

案例1：摩拜APP—扫码干扰

一个熟练用户使用摩拜单车APP时的场景：

从包里掏出手机打开APP，点“扫码开锁”摆好扫码姿势→突然弹出开锁帮助提示→我才不需要帮助，关掉提示！→怎么没有出现扫描页面？→再次点“扫码开锁”摆好扫码姿势→又弹出了帮助提示，循环往复几次，极度恼火之后才发现：页面底部有个立即登录！原来我需要重新登录……

用户实际操作路径图（扫码开锁-关闭弹窗）

为什么会出现上述的问题呢？其实这个过程中用户的视觉焦点路径是这样的：

1. 目标是扫码，所以打开APP后立即点击【扫码开锁】按钮

2. 弹框出现后，注意力集中在弹框图片内容上

3. 目标是关闭弹框，视觉扫描到关闭按钮，点击关闭弹窗

4. 再次重复步骤123，直至发现了底部的【立即登录】按钮

用户视觉焦点分析图

在这个场景下，用户的目标是扫码开锁，对中断操作的无用信息想立即关掉，强烈的目标会引导用户去寻找长得像关闭按钮的东西，把弹窗提示关掉，寻找过程中无意识地忽略掉底部的【立即登录】按钮（在被意识到之前就被过滤掉了）。

设计师在设计过程中只是把想要呈现的信息堆在一个页面上，而忽略了用户的目标，从而导致用户忽略了重要信息，操作与预期不一致，引起用户反感情绪。