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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

京东「快速清理」的信息呈现好在哪里?
京东

好功能京东「快速清理」的信息呈现好在哪里?

猎人 - 404NTFounD8.5

又到一年618购物节,你的购物车又被加满了吗?「京东」App的购物车快速清理功能在购物车页面的右上角,点击编辑即可触发。进入「快速清理」模式,系统会根据商品有无货和时间的维度...

查看详情

#京东#信息呈现#好功能

你还在用传统标题栏吗?携程设计了更高效的导航方式!
携程

组件创新你还在用传统标题栏吗?携程设计了更高效的导航方式!

猎人 - 龙爪槐守望者6.6

在App设计中,标题栏传统上用于显示当前页面名称,帮助用户明确位置。然而,随着界面层级简化,现代App的功能和内容本身已足够引导用户,使得传统的标题栏显得多余。作为互联网产品...

查看详情

#App#标题栏#步骤条

为什么「陌陌」的交互逻辑是不喜欢「左滑」,喜欢「右滑」?
陌陌

交互手势为什么「陌陌」的交互逻辑是不喜欢「左滑」,喜欢「右滑」?

猎人 - AmberDu小白2.0

主打陌生人社交的软件几乎都采用了无感「左滑」,喜欢「右滑」的交互逻辑,为什么会是这样呢?可能是因为此类产品比如「陌陌」的产品目标是促成更多的用户配对成功,即系统是希望用户更大...

查看详情

#交互手势#情绪#易用性