设计逻辑「携程」如何活用Tab滑动手势提升选购机票的效率?

产品: 携程猎人: 阿典作者: 携程UED观众: 9.8k人 时间: 2020-04-09

携程

与「携程」有关的细节还有 8查看全部

我也有新发现 我要投稿
「携程」如何活用Tab滑动手势提升选购机票的效率?「携程」如何活用Tab滑动手势提升选购机票的效率?

细节描述

阿典: 用户在购买飞机票时最关心的是不同时间段不同航班的机票价格对比。「携程」的「选择航班页」是用时间顺序纵向展示每个航班的具体信息,包括时间段、价格和航班公司。并且活用Tab的横向滑动交互操作,通过手势整体横向滑动至返程页,让用户选择与修改机票的操作都能在一个页面中完成,对比直观方便。此外,当不同价格的机票之间进行切换时,底部的总价格还会动态变化,给人灵动不刻板的感觉。

1050人评分
收藏 16
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

「抖音」如何保持让用户的操作始终在手部舒适区内进行?
抖音

交互手势「抖音」如何保持让用户的操作始终在手部舒适区内进行?

猎人 - AmberDu小白9.7

多数产品在设计页面模态弹窗引导用户进行操作行为时,都会将操作控件放在固定的页面位置(一般居中或者处于页面底部)。但「抖音」的设计却让人眼前一亮:系统会自动检测用户进行操作时手...

查看详情

#交互手势#人性化#弹窗

携程旅行的行李寄送功能怎么用?
携程

好功能携程旅行的行李寄送功能怎么用?

猎人 - AmberDu小白9.2

出门旅游时,不少人为了节约时间,会在到达第一天或者最后一天退房后也安排游玩行程,行李如果找不到合适寄存的地方,就只能带着游玩,很不方便。「携程旅行」团队洞察到了这个需求点,开...

查看详情

#人性化#好功能#情境预判

电商网站超人性化的动态价格标签

信息呈现电商网站超人性化的动态价格标签

猎人 - 龙爪槐守望者9.0

「Baymard Institute」为一家电子商务网站提供的创意方案,如果用户商品按价格排序,可以在滚动条旁边显示动态价格标签,告知用户当前浏览的商品的价格区间。

查看详情

#Baymard Institute#交互手势#信息呈现