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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

Florence:如何用交互设计呈现怦然心动的邂逅?
Florence

交互手势Florence:如何用交互设计呈现怦然心动的邂逅?

猎人 - AmberDu小白9.2

如何用具象的交互设计展现抽象的情绪感受,比如怦然心动的邂逅?在游戏「Florence」里,团队巧妙地设计出了通过滑动移动界面的标尺让模糊的镜头变清晰的交互方式,让玩家透过第一...

查看详情

#Florence#交互手势#情感化设计

分时段价格,让选择起飞时间更容易
携程

用户体验分时段价格,让选择起飞时间更容易

猎人 - 桃子9.5

对外出旅行不讲究起飞时间的用户而言,机票性价比是优先级比较高的选择因素。「携程旅行」在购票页面会有当日分时段最低价的可视化信息展示。按照时间段来展示该时间段的最低价,点击选择...

查看详情

#信息呈现#携程#效率

「微信」mac更新!可同步查看手机浮窗及正在浏览的内容
微信

用户体验「微信」mac更新!可同步查看手机浮窗及正在浏览的内容

猎人 - AmberDu小白0.0

将Mac的「微信」升级到最新版本Version. 2.3.28,点击左侧边栏的手机icon可以直接同步查看手机端「微信」正在浏览的内容和浮窗信息(比如公众号的文章)。这些浮窗...

查看详情

#人性化#信息同步#微信