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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

如何设计登录页面的用户同意条款提示体验感更好?
腾讯问卷

用户体验如何设计登录页面的用户同意条款提示体验感更好?

猎人 - 皮卡丘daddy7.0

「腾讯问卷」PC端在扫码登录时,二维码区域会先显示「请先阅读并同意服务协议和隐私政策」的提示,用户勾选同意后提示消失,用户就可直接扫码登录了,全程无弹窗打断,是比较流畅舒适的...

查看详情

#信息呈现#提示#登录

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

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

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

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

查看详情

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

Aha!滑动标签标记心情的交互与反馈
Soul

手势交互Aha!滑动标签标记心情的交互与反馈

猎人 - Monster7.0

不同于其他社交类App常规的表情选择交互方式,「Soul」团队为产品设计了滑动选择表情的交互模式,来标记心情。这样的设计还挺新颖的,很符合年轻人追求新鲜感和个性化的特点。

查看详情

#Soul#个性化#交互手势