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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

如何通过界面设计,提升用户参与用户反馈的意愿?
知乎

用户体验如何通过界面设计,提升用户参与用户反馈的意愿?

猎人 - AmberDu小白8.7

知乎的用户反馈功能十分有趣又实用,只要知乎App处于开打的状态,在任何页面都可以通过摇晃手机呼出用户反馈的界面。「反馈Bug」页面的设计也相当人性化,用户直接在当前页面生成的...

查看详情

#交互手势#人性化#情境预判

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

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

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

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

查看详情

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

「搜狗输入法」的长按连发emoji动效
搜狗输入法

微交互「搜狗输入法」的长按连发emoji动效

猎人 - AmberDu小白5.5

使用「搜狗输入法」发表情时,只需长按emoji,就可以让表情连续上屏。在长按输入多个emoji时,还会出现自动计数的动效。一方面利于用户一眼看清自己输入了几个表情,一方面也能...

查看详情

#互动#交互手势#动效