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

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

携程

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

相亲交友,连「淘宝」都为你操碎了心 ¬_¬
淘宝

设计逻辑相亲交友,连「淘宝」都为你操碎了心 ¬_¬

猎人 - 戢戢10.0

在「淘宝」的搜索栏输入相亲名片,即可为你生成专属的「相亲名片」,显示你的网购年数、购买次数、购买金额等消费信息。相亲名片最有意思的地方是「爱情宣言」和「偶遇」两个小功能:点击...

查看详情

#互动#淘宝#相亲

当蝴蝶飞进按钮:携程如何用细节设计创造品牌记忆?
携程

营造氛围当蝴蝶飞进按钮:携程如何用细节设计创造品牌记忆?

猎人 - 龙爪槐守望者9.5

五一长假正是携程这类在线旅游平台创造营收的黄金期,能在App内营造节日氛围,能增加用户对假期的期待和想象。但另一方面,恰好做营收的时节界面上充满了各种促销,很难留有空间营造节...

查看详情

#动效#情感化设计#按钮

「抖音」是怎样利用一个按钮的小心机,达到鼓励用户分享行为的目标的?
抖音

设计逻辑「抖音」是怎样利用一个按钮的小心机,达到鼓励用户分享行为的目标的?

猎人 - AmberDu小白10.0

在「抖音」的内容推荐页面刷视频时,你会发现正常情况下页面右侧的「分享」按钮会显示为代表分享含义的普通icon。但当你在当前页面停留时间较久App检测到此视频被观看两遍以上,系...

查看详情

#图标#微交互#心理暗示