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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

你还记得上次使用的哪个账号登录的吗?
网易新闻

用户体验你还记得上次使用的哪个账号登录的吗?

猎人 - AmberDu小白9.0

记住账号和密码可能是个世纪难题了。特别是现在的app都支持第三方登录,这下连上次用什么账号登录的都记不清了。随便挑一个账号登录,又发现之前操作的内容勾搭的妹子都没有了,才发现...

查看详情

#人性化#情境预判#新闻

携程团队是如何做面对不同用户群体的差异化版本设计的?
携程

设计逻辑携程团队是如何做面对不同用户群体的差异化版本设计的?

猎人 - AmberDu小白5.7

「携程旅行」面对年长用户的「关怀版」,仅保留了最精简的酒店、机票、车票订购功能,以及长辈可能会需要的跟团游功能。跟团游的咨询与预订也只需输入目的地与联系电话,就会有专人联系与...

查看详情

#人性化#信息呈现#差异化

B站的情感化反馈设计,有没有萌化你的心?_(°:з」∠)_
Bilibili

微交互B站的情感化反馈设计,有没有萌化你的心?_(°:з」∠)_

猎人 - 404NTFounD0.0

B站果然深谙「卖萌犯规」的道理~当你进入B站直播间,如果面对未关注的up主,鼠标移至「关注」的按钮22娘就会表现出委屈的表情求关注。如果点击「关注」按钮,22娘小可爱就会对你...

查看详情

#Bilibili#互动#即时反馈