会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

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

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

携程

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

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

细节描述

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

1042人评分
收藏 17
分享细节海报

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布2

{{ moreBtnTxt }}

你可能还爱看

「即刻」App是如何巧妙使用空间有限的Tab栏的?
即刻

手势交互「即刻」App是如何巧妙使用空间有限的Tab栏的?

猎人 - AmberDu小白0.0

「即刻」App团队将长按底部Tab栏图标的手势操作,设计成了一些使用频率较高功能的快捷键。点击「+」按钮会呼出发布新动态的界面,而长按「+」则是开启拍照功能;正常点击「通知」...

查看详情

#Tab#交互手势#即刻

分时段价格,让选择起飞时间更容易
携程

用户体验分时段价格,让选择起飞时间更容易

猎人 - 桃子9.5

对外出旅行不讲究起飞时间的用户而言,机票性价比是优先级比较高的选择因素。「携程旅行」在购票页面会有当日分时段最低价的可视化信息展示。按照时间段来展示该时间段的最低价,点击选择...

查看详情

#信息呈现#携程#效率

产品的相关联性图标该如何设计?

视觉产品的相关联性图标该如何设计?

猎人 - nana.L9.0

我们平时在设计一组具有相互关联性的图标时,总是绞尽脑汁,想法设法通过精致美观的图形来表达功能本身的含义。「阿里智能」的「回家/离家模式」通过小房子和往不同方向行走的小人来表达...

查看详情

#信息呈现#图标#视觉