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

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


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

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

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

相关推荐

  • 【涨姿势】Twitter安卓端体验的全面革新

    手机设计 第一步 我开始设计App所做的第一件事情就是记录一个功能列表作为主要导航,这些功能是由客户所描述的,使用这些功能,我做出了App的基本用户使用流程。然而,在这个项目中上述行为都是不必要的,因为twitt…

    IxD案例 2015-08-27
  • 用户体验系列05:降低用户记忆负担的五种类型

    碎片化应用,是一个日益被强化的概念,诠释了用户的使用场景。其实在碎片化应用的背后,也映射出用户需要面对海量的数据,需要承载的东西太多了。一个好的产品,在某些方面应该是能够帮用户减负的产品,降低用户记忆负担就是重要的一环。能让产品帮用户记忆的,就尽量不让用户记,增加用户负担。这里我汇总了五种常见的类型,以供大家参考。一个用户正在用手机看新闻,此时屏幕顶部弹出一条消息,告诉你预约的家政人员会在下午上门;然后用户退出新闻客户端,看到家政APP图标右上角提示有一条信息;打开APP并进入消息中心,看到了那条信息。除了提醒信息外,还提供了家政人员的姓名、电话等信息,用户可以直接点击手机号联系家政人员;当用户完成了一系列操作,退出APP,APP图标的提示标识也消失了。

    2017-05-03
  • 交互体验设计师竟选择不能抛的捧花 | 真实婚礼

    新娘:@Seiya大鲍鱼婚礼场地:北京阿根廷庄园婚礼人数:120总花费:24w策划布置:6.5w策划:@华尔兹婚礼服务婚礼vendor:5.1w摄影:@ShengVision胜男摄像:@PerfectFilm视频记录化妆造型:@魏臻WeMakeup主持:@李伟MIC甜品:@乡田小墅服饰:3w出门纱:Willowby主纱:Catherine Deane新郎礼服:@殷小小爱喵咪新娘婚鞋:@RogerVivier_罗杰维维亚@Charlott...

    2018-01-30
  • 交互设计七大定律之The Law Of Proximity 接近法则

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27
  • 科幻场景中的交互设计

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

    2015-01-26
  • Adobe正式推出 UX 设计工具:Poject Comet

    Adobe在Max大会上推出了全新的桌面端 UX 原型工具 Project Comet。早期 Project Comet 被计划设计为扩展 Photoshop 的照片编辑功能,现在发展成了“新一代”网页与移动应用的 UX 设计工具。目前Project Comet现在还处…

    2015-10-10
  • 译文 | 我在餐厅工作时学到的关于用户体验的心得

    本人在涉足设计专业之前学习过两年的酒店管理。在我实习的过程中,经历过许多与客户之间的沟通交流,这其中有积极的也有负面的。在我看来,酒店餐厅服务也是交互的一种形式,而且这其中涉及到很多体验设计的理论和方法,当我作为交互设计师工作多年以后,仍然觉得很受启发。当我看到篇文章的题目时,我就决定要把它翻译出来!下面进入译文。

    2017-05-30
  • BRD、MRD 和 PRD 之间的区别与联系有哪些

    今天看到一篇讲述产品设计中几种文档的文章(一个老外的blog,Michael on Product Management & Marketing),感觉很好,结合工作的实际整理一下。按照那篇文章的思路,从产品的抽象到具体主要产出的文档有BRD…

    交互设计WiKi 2015-11-09
  • 《用户体验可视化指南》视频讲书(4)

    这是《用户体验可视化指南》书中第一章的最后一个视频了。继续上个视频继续介绍几种共线图,这次横向比较各种共线图的差异,使用它们的原则和好处。点击视频观看(大约14分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这节内容是第一章的精华,一定一定一定要边听边看书本,最好多看几遍。主要分为2个部分:在这节视频中,结合书本第3个大模块中的内容,详细讲解了这5类常见共线图的差异和各自的特色。闭上眼睛想一想,要是还想不起来服务蓝图、体验地图...

    2018-04-07
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12