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

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


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

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

去年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

相关推荐

  • 预算少时间紧还要出色的用户体验?看来只有试试精益设计了!

    低成本,高效率,还能把友商比下去的用户体验——全世界老板的目标都是一样的!问题是,这现实吗?先别着急否定,也许,精益创业方法系统中的精益用户体验设计可以帮到你。是时候淘汰预先大量设计、单打独斗、各个专业团队将交付文档甩给对方这些传统的用户体验设计了——把精益创业法与用户体验(UX)设计结合起来,共同成长,互惠共存——这就是Lean UX。三原则Lean UX 从精益创业法中吸收了三个基本原则。首先,它们能帮助我们简化 UX 设计流程。我...

    2018-05-04
  • 深度长文|如何输出一份让团队满意的交互设计交付物

    本篇是系列小结的第二篇,简单总结一下自己对如何提高交互文档质量的一些思考。

    2017-05-16
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 实战分享:核桃App界面设计及视觉规范

    因为最近做公司项目的设计规范,所以决定把设核桃的计规范也整理一份。但由于是概念稿,所以规范做的不算全面;而且每个产品也有各自的规范思路和维度,没有绝对的定性方法。这里只是提供一个大体方向,疏漏之处,希望给予批评指正。

    2017-05-13
  • 【总结】我的产品工作心得

    作者:Wiki 由于负责公司UED工作的原因,经常会和公司的产品经理/交互设计师沟通需求,他们每天都会很忙,时刻都在修改网站,优化app,但我从没看出他们忙的价值在哪里?原因是,很多人只是依照某BOSS的指示去做一些意淫…

    交互设计WiKi 2015-06-08
  • 关于交互设计的一些图书网站推荐

    昨日有人在群里提问阿西站长说想读一些关于交互设计图书,阿西站长通过一晚上的搜索和不断的翻阅各种网站,并且结合自己做交互设计的经验给大家汇总了一下适和交互设计人员看的图书和网站。具体如下: 《交互设计之…

    交互设计 2014-11-18
  • 昨天交互设计讨论群里发生的事与微信读书自来水的故事

    文章来自IAMUE交互学堂讨论群黄韦分享,希望加群的请加阿西群主个人微信号之后由由他邀请入群,二维码进不去了人多了限制二维码入群了,请知悉。

    2016-02-22
  • 交互设计师的60日计划之第九天

    今天参与了用户访谈,啊不,是旁听了用户访谈,躲在小黑屋里观察用户的表情动作,听他的描述,挺有趣。 20150805 用户和我们预想的完全不同前两天有讲过准备了访谈前的一些问题和任务提供给用研同学,今天真的见到…

    交互专题 2015-08-20
  • 网页感知价值研究:UI中的感知价值

    “感知”本身是心理学层面的概念,界限很模糊,以下是围绕网页感知价值研究的一篇文章,来自nngourp。定义:感知价值是指对产品或服务目标的主观感受。

    2017-05-13
  • 【新锐玉商风云榜】颜传赞:以‘用户体验’为支点 撬动家装行业“一键式”转型升级

    在父辈创造的奇迹上,是传承、是创新、是开拓,每一位新生代年轻玉商都在给出自己的答案。——“新锐玉商”专栏总题记新锐玉商风云榜他是“2016浙商年度创新人物”;他提出“构家”如“构车”的“一键式”整体家装新理念,推动家装行业从传统的手工作业升级为家装工业4.0;他的公司“构家”获得复星集团数亿A轮投资。他就是坊间广称为“船长”——杭州构家创始人兼CEO颜传赞。在经济创新这条漫长的大道上,颜传赞以玉环人海派的作风和追求卓越品质的韧性,谱写“...

    2018-02-03