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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

如何触发「网易云音乐」暖心的抱一抱功能?(づ′▽`)づ
网易云音乐

设计彩蛋如何触发「网易云音乐」暖心的抱一抱功能?(づ′▽`)づ

猎人 - yummy🔅8.0

在最近版本的「网易云音乐」中,针对「网抑云」现象推出了评论区「抱一抱」的彩蛋。具体触发「抱一抱」彩蛋的操作为:点开任意一首歌的评论区,在评论区位置两只手指往中间捏合,则产生两...

查看详情

#交互手势#动画#情感化设计

在携程购买机票的时候,发现没有行李额度怎么办?
携程

用户体验在携程购买机票的时候,发现没有行李额度怎么办?

猎人 - 卷卷墩儿浪里个浪7.3

临近春节,最近在「携程旅行」APP购买回家机票时,发现在填写订单过程中,用户可以为无行李额度的行程补购额度。勾选选项后唤起菜单,除了置灰已有额度的行程,也通过X%用户选择、机...

查看详情

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

如何评价微信新上线的「听一听」功能?
微信

新功能如何评价微信新上线的「听一听」功能?

猎人 - AmberDu小白5.2

「微信」近期悄然在「发现」页上线了还处于小范围灰度测试阶段的「听一听」功能入口,将音乐和音频业务升级了权重,成为「微信」生态内的一项重要服务,单独设置入口,与「扫一扫」「看一...

查看详情

#信息呈现#好功能#微信