从“注意力”的角度,谈交互设计如何避免入坑

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

从“注意力”的角度,谈交互设计如何避免入坑

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

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


先从一个心理学实验说起

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

非注意盲式-实验视频

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

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

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


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

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

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

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

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

从“注意力”的角度,谈交互设计如何避免入坑

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

 

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

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

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

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

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

从“注意力”的角度,谈交互设计如何避免入坑
用户视觉焦点分析图

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

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

案例2:知乎—为何保存不了图片

一个普通用户浏览回答时,想保存图片的场景:

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

从“注意力”的角度,谈交互设计如何避免入坑

知乎-保存图片

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

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

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

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

从“注意力”的角度,谈交互设计如何避免入坑

支付宝-支付成功

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


那么设计时怎样思考才能避免入坑?

由于人们的注意力和短期记忆能力均有限,当我们与周围的环境有目的地进行互动(如使用软件)时,我们的行为会遵循一些可预测的模式,因此如果设计师能够意识到并内化这些模式,将其纳入设计过程中的思考范畴,那么输出方案中出现以上类型的错误将会大大减少,用户也更愿意为设计师的方案“买单”。

用户能注意到更多与目标相关的东西,极易忽略与目标无关的东西

用户用任何一个系统都是有目标的。设计师应该了解这些目标,要认识到不同用户的目标可能不同,而且他们的目标将强烈左右他们能感知到什么

因此在每一次交互任务的设计上,一定要提供用户需要的信息,并非常清晰地对应到可能的用户目标上,从而使用户轻松注意到并使用这些信息。

用户偏好熟悉的路径

一旦人们习惯了通过某种方法来执行某个任务时,便不会再去主动寻找更有效的方法。大脑是懒惰的,偏好于无意识地运转,而不是有意识的思考。由于采用熟悉的路径是无意识的操作,当被告知有更好的方法时,我们可能也不愿意去尝试或改变。

所以在设计的时候要对原有的操作习惯改变时,要慎重考虑。

用户的周期性行为模式:目标,执行,评估

研究人类行为的科学家们发现了人们行为的周期性模式:

1.建立一个目标:比如保存一张图片

2.选择并执行一系列实现目标的动作:比如点击存储按钮

3.评估动作是否成功或更接近目标:比如扫一眼有没有保存成功的提示

4.重复,直到目标完成(或者看起来无法完成):比如没有看到成功反馈,继续点击保存,直至发现提示或放弃

所以在设计时,我们要帮助用户完成目标-执行-评估的周期。

1.目标:为用户目标提供清晰的路径,包括起始步骤。

2.执行:基于任务而实现目标,在每个需要为实现目标做选择的节点上提供清晰的信息指引。

3.评估:提供及时的反馈和状态信息。

综上,设计师在设计时要考虑到用户注意力的稀缺性,真正以目标为导向,了解不同用户的目标,在每个任务节点中,确保提供对应用户目标的信息,并使用户注意到这些信息。只有在细节上做真正易用的设计,才能给用户带来友好的体验。

作者:挪小辣(微信号lobonana)   @UIMAX 高级交互设计师

来源:http://www.jianshu.com/p/53dd8e6e7e87

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/20004/

(0)
交互精选交互精选
上一篇 2017-06-05 09:28
下一篇 2017-06-05 10:36

相关推荐

  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…

  • 有哪些常见的移动端UX设计误区需要规避?

    我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的应用包含有诸多元素,而其中的用户体验设计 则起到了决定性的作用。在残酷的竞争中,用户体验 往往是决定成败的核心。

    2017-05-22
  • 情感化设计对互联网产品的启发

      “产品具有好的功能是重要的;产品让人易学会用也是重要的;但更重要的是,这个产品要能使人感到愉悦。”       美国认知心理学家Donald Norman在2002年提出产品设计的”情感化“理念,随着“体验经济时代”来临,…

    2014-11-05
  • 科幻场景中的交互设计

    那么多的电影,里面那些UI场景你留意过么?在不少涉及未来题材的电影中,许多高科技设备与人交互时候的UI界面设计也是非常值得学习的。这次小编大家搜罗了各种电影中出现的UI场景,一起来学习科幻场景中的交互设计…

    2015-01-26
  • 用户体验“大不同”,合作伙伴分享会

    2018年3月15日,“用户体验“大不同”,合作伙伴分享会”在福建省科威技术发展有限公司举行。虽然屋外下了很大的雨,但也没能减小屋里同行朋友们的热情。分享会一开始,惠普华南区业务开发经理李浩泉就以十分轻松幽默的氛围,将与会者带入状态。随后介绍了页宽产品的主要特点,并对惠普A3页宽复合机作了产品推介。惠普新一代A3智能复合机页宽产品的主要特点是:最新技术(集激光/喷墨优势于一身)高速(40ppm~80ppm输出速度)经济(购买/使用/维护...

    2018-03-17
  • 交互设计 — 专业四大方向解读

    随着大众对设计概念的认知不断提升,互联网行业和智能科技的发展,以及社会创新、生态环境、跨界实验、用户体验发展问题的突出显现,交互设计专业已然成为了出国留学的热门选择。无论是否为设计背景出身,是否掌握了对应的技术软件,是否对交互的原理有明确的概念,是否在产品运营和商业分析的行业中有一定的工作经验,大众都觉得自己已经熟知了交互设计专业。但实际上,尽管检索了不少学校的官网,查看了交互设计以及跨界行业运用的专业介绍,浏览了知乎网站和各类信息资源...

    2018-03-19
  • 互联网产品经理常用工具有哪些?

    互联网产品经理的工作是复杂和多样的,PM们通常要负责产品各方面的事务,因此工作中需要用到的工具有很多,现在就跟这笔者一起来看看互联网产品经理常用工具有哪些,想走产品经理路线的同学可以提前了解一下。一、产品经理的主要工作"工欲善其事,必先利其器!"既然是"善其事",关键就是搞明白产品经理相关的工作内容,针对工作合理有效的利用软件,才能达到事半功倍的效果。要说到产品经理的职能,这是另开新篇的话题,这里我们先通俗概括一下PM的主要活动:1、参...

    2018-03-13
  • 京东JDC交互设计揭秘:大促分会场-模块化设计方法总结

    写在前面 在电商的世界,似乎一切时间都可以和购物挂钩,5.20、6.18、11.11、12.12、年货…..;有购物节就要有各种各样的会场进行促销展示;面对越来越细分化的类目会场,作为设计师需要把多达几十个会场一一设计出…

    2017-06-12
  • 关于“下一步 ”的设计思考

    用户在使用 App的过程中,总会进入各种页面,并且对于页面之间的跳转, “<” 返回或者物理键均可回溯到上一级页面。但是进入下一级页面的入口,可以是各种操作按钮、缩略图、 tab或者导航切换,在工具性产品中,…

    2016-03-14
  • 老子花了1761,你就给我这用户体验?!

    关注公众号回复关键词回复“模考”获得还原机考环境的口语模考回复“TPO”获得TPO模考软件回复“机经”获得托福历年真题回复“作文批改”获得趴趴助教亲自批改作文更多福利礼包领取请添加微信:papalovetoeflSpeaking-Direction来自趴趴托福00:0004:06托福虐我千百遍,我待托福入初恋托福,作为一个从早上八点半到中午十二点半多的长时间持久战,在考试过程中,同学们总会到一些奇奇怪怪的事情,有一些奇奇怪怪的经历比如说...

    2018-03-01