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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「虾米音乐」在Mac状态栏里显示歌词的小彩蛋
虾米音乐

设计彩蛋「虾米音乐」在Mac状态栏里显示歌词的小彩蛋

猎人 - AmberDu小白7.0

「虾米音乐」在Mac上的歌词显示是在屏幕顶部的状态栏里,既不占用屏幕空间也不会被打开的文件和应用窗口遮挡,还能合理利用状态栏闲置的空白空间,是很赞的体验。拥有同样歌词显示交互...

查看详情

#图标#情境预判#播放器

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

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

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

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

查看详情

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

马蜂窝是如何降低用户内容发布门槛的?
马蜂窝

设计逻辑马蜂窝是如何降低用户内容发布门槛的?

猎人 - Ginny Q6.2

「马蜂窝」是国内领先的旅游社交分享平台,是旅游消费决策的重要入口。大量的旅游者在平台上发布内容,人们通过内容找到适合自己的旅游信息及产品。而「马蜂窝」的「发布」功能也精心进行...

查看详情

#Tab#UGC#信息呈现