让用户“看见”,是一种心机行为哦

让用户“看见”的手段很多,但没有一种是永远成立的。找到和用户习惯或目标匹配的场景和交互行为,才能获得最好且最有效的体验。


让用户“看见”的手段很多,但没有一种是永远成立的。找到和用户习惯或目标匹配的场景和交互行为,才能获得最好且最有效的体验。

让用户“看见”,是一种心机行为哦

去年7月份的时候,我和朋友一起去日本。酒店是朋友订的,所以下飞机后她负责导航。我凑过去一起看,只见她打开了booking,点了侧边栏,进了订单列表页,找到订单进了详情页后,在地图那儿点了用google导航。

看到朋友执行了那么长一串操作才找到订单,我问:“Booking首页好像就有你的订单,为啥你要进列表页?”

我朋友非常怀疑的看着我说:“是吗,没有吧。”

于是,我拿过她手机打开booking首页,果然订单就显示在搜索模块下面。

让用户“看见”,是一种心机行为哦

《设计师要懂心理学》里面有一句话叫“人欲关注,必先感知”,就是说要让人关注到一件事儿,“看见”一件事儿,必须先察觉到它,感知到它。Booing的展示方法,虽然用了“your upcoming booking”来引导,用酒店图片来吸引注意力,可发现性也不算差了,但是依然没有让我朋友感知到它。

而且首页的订单在预订成功就开始展示了。出发前我朋友为了查状态、查价格,打开Booking那么多次,竟然一直没发现?

影响感知的因素可能是习惯、目标和环境。对我朋友来说,应该是查单习惯影响了她的心智模型。由于太习惯从左上角进入订单列表,所以视线流不会向下,因此也就无法注意到页面底部的订单模块。在我朋友的意识里,她看到的页面可能是这样的:

让用户“看见”,是一种心机行为哦

那么是不是离用户习惯的入口位置越近,模块就越有可能被发现?

“我的携程”行程卡片的设计可以证实这个观点。通常情况下,用户使用“全部订单”入口查单。在即将出行时,全部订单下方会开始展示行程卡片,目的是让用户在旅行的碎片时间内快速获取必要的信息。由于紧贴用户视线位置展示,点击已经超过了“全部订单”这个常规入口。

让用户“看见”,是一种心机行为哦

关于用户“看不见”功能模块的例子,最近我又碰到一个,是我携订单列表的交叉推荐模块。用户预订了机票/酒店以后,订单下方会有个模块展示相关用车、玩乐的功能入口,方便快速预订。方案是这样的:

让用户“看见”,是一种心机行为哦

功能上线后,转化数据不太理想,于是安排了一次用研。发现所有被测用户在查单过程中都没有“看见”这个功能。被告知后,大部分用户都表示对这个功能是有需求的,展示方式是可理解的,如果能发现,是有意愿点击的。

这次可能目标影响了感知:与目标无关的东西会被提前过滤,而不会进入到意识层面。用户在搜寻信息时,并不会认真阅读,只是快速而粗略的扫描屏幕上与目标相关的东西。他们不仅仅忽略掉与目标无关的东西,而是经常根本注意不到他们。——《认知与设计》

所以,在用户的意识中,页面可能是长这样的:

让用户“看见”,是一种心机行为哦

交叉推荐作为第二张卡片展示,就是为了不管用户的目标订单是第几个,都能保证模块在用户的视线流内。但显然,只是安静的存在在视线流内是不够的。测试时,用户提到对模块的第一感觉是“订单”,而且不是目标订单,所以自然而然的忽略了。

回过头去想,我携首页的行程卡片之所以能被用户发现,也和卡片展示的正是用户目标有关。在没了“目标”这一关联的情况下,如何能让用户注意到卡片?

常用的获取注意力的方法,比如动效、颜色对比和形状对比,是转移了用户的注意力。在查单场景下,这样做多多少少会对用户的查单过程造成干扰。最好的解决方案是在用户查单完成后,把注意力延续到交叉推荐的卡片上。

携程酒店详情页的“相似酒店引导”模块就提供了这样一个思路。“相似酒店引导”的价值在于,当用户对当前浏览的酒店不满意时,可以快速切换到下一家酒店,省去了重新返回列表页的步骤。设计上,设计师没有按照常规做法把模块设计在页面底部,而是在用户点击返回的时候,弹出弹窗进行引导:

让用户“看见”,是一种心机行为哦

用户在详情页的目标是“获得当前酒店的信息”。而点击返回时,目标会变成“再看看其他酒店”。如果模块设计在详情页内,和用户的目标就不匹配,效果就不好。而设计成返回时弹窗,弹窗上的内容就是用户要寻找的内容,和用户的目标就匹配上了。这种交互方式即保证了用户的浏览行为不受干扰,又提升了引导的可发现性。上线后的引流数据也证实了这一点。

综上,让用户“看见”的手段很多,但没有一种是永远成立的。找到和用户习惯或目标匹配的场景和交互行为,才能获得最好且最有效的体验。这就是让用户“看见”的小心机啦。

 

作者:猫它娘

来源:携程设计委员会

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21689/

(0)
CatherineCatherine
上一篇 2017-04-29 01:51
下一篇 2017-04-29 03:47

相关推荐

  • “空状态的设计“值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。 不要被空状态的…

    2015-08-17
  • Bug还是大动作?-静电为你解读Sketch3.7版本新功能

    静电说:Hello大家好,又到了逗比软件Sketch大版本的推出时间。哦不对,不能说逗比,只能说史上更新最快的软件。比如今天下午薄荷面官方在半个小时更新了两个版本的Sketch,哇塞,想想都有些小激动捏。咳咳,严肃点…

    2016-04-13
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 产品体验分析之7步走(附PPT下载)

    我最近一直在做新产品的策划,方案一个又一个的被毙掉,方向一次又一次的调整,PPT一遍又一遍的改,交互一稿又一稿的画,所以我还在继续努力中,也深深的感受到产品「从0到1」的不容易。产品经理在日常生活中将发现的问题记录下来后经过分析转化为可落地的产品方案,这个过程很复杂,也很容易出错,原因就是思维的过程是不可控的,也就是没有一个相对的衡量「标准」,导致一个现象是想法人人都有,却不一定人人都对,所以产品策划「从0到1」的整个过程十分考究产品经理的功力。

    2017-05-31
  • 交互设计师应该了解的心理学理论:认知心理学、格式塔心理学和心流

    问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。

    2017-05-20
  • UI设计实例:如何将功能性动画完美融入设计以提升用户体验

    来Nick大神关于功能性动画的一篇文章,翻译过来与大家分享一下。

    2017-05-10
  • 交互设计 | 这到底是交互设计还是黑科技?

    Create Your Difference.           by CYD01能看透你的灯光今天创艺典与你分享的交互装置不再是学习你、跟随你的灯光装置了无论你怎么装高冷当面瘫今天的它能把你扒光把你一览无余地看透我觉得你必需服Aura这是Aura,一个视听和互动装置它解读和翻译人类的情感,然后将其转化成发光窗帘光的强度、形状和颜色会随着人情绪的变化而精确地改变这样的绿,或许代表了平静而这位哥们儿的绿,恕我直言,或许是一种失恋的绿这样...

    2018-04-30
  • 交互设计的那些事儿

    作者:柳强  

    2016-01-22
  • 设计顶峰:如何打造创新有价值的极致体验?

    经常发上手即用的教程和技巧,今天来点不一样的「干货」,聊聊在设计中的价值创新。内文案例丰富,配图生动,也有实战案例,对于「需求」的理解非常到位,来自阿里Heyuchan 同学的分享,如果你恰好是交互设计的,更加不能错过咯。

    2017-05-24
  • 乐观派UI:真实的谎言

    我真诚地希望,这篇文章能帮助你理解乐观派UI设计背后的核心观念。乐观主义,形容词,对于未来充满希望和信心。

    2017-05-15