UIMAX设计思考：从“注意力”的角度，谈体验设计如何制止入坑

　

只有在细节上做真正易用的设计，才能给用户带来友好的体验。

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

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

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

先从一个心理学实验说起

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

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

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

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

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

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

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

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

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

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

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

目标是扫码，所以打开APP后立即点击【扫码开锁】按钮弹框出现后，注意力集中在弹框图片内容上目标是关闭弹框，视觉扫描到关闭按钮，点击关闭弹窗再次重复步骤123，直至发现了底部的【立即登录】按钮

用户视觉焦点分析图

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

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

案例2：知乎—为何生存不了图片

一个普通用户浏览回答时，想生存图片的场景：

浏览知乎时，想把一张图片生存到相册，点击右下角生存按钮，没有反馈，再点一次还没反应，狂点好多次后，才发现页面最顶部有一小条极不起眼的提示“图片已生存至相册”，于是N张图片躺在了手机相册里……

点击生存时，用户注意力聚焦在屏幕右下角按钮区域，部分目光会扫视到中间的图片区域，而完全忽略掉顶部的静态提示，因为点击后没有明显反馈，用户就会一直点击，直至发现提示或放弃操作。

案例3：支付宝—看不见的奖励金提示

一个资深用户线下支付成功的后续场景：

坐在餐厅里点餐后，打开支付宝扫码支付，支付完成后，随手点击右上角的“完成”退出当前页面，咦？怎么没反应？再点一次，还是没有反应！怎么会没有反应呢？我检查一下哪里有什么问题，最后才发现页面底部的奖励金提示……

其实，设计师可能会想“明明页面上有蒙版，点什么点，必然是小白用户”。当把页面截图后单独再去看的时候，页面上的奖励金提示无疑最突出，但在真实的操作场景下，用户不会认真浏览页面上的全部信息，想回到首页使用其他功能的用户仍然会直接点击【完成】，忽略这个足够明显的奖励金提示。

那么设计时怎样思考才能制止入坑？