超全盘点！9个让人眼前一亮的携程体验功能设计

本文总结了11个让人眼前一亮的携程设计亮点，做旅游产品的设计师快来学！

一、国内：携程旅行

1. 出行百宝箱：助您火车出行体验更顺畅

您在不同火车出行场景下往往所需要用到的工具不同，我们对火车出行工具栏进行了改版，推出了全新的「出行百宝箱」。会根据您在火车出行订前、订中、订后不同状态下，展示最适合的工具助您轻松出行。在视觉设计上我们将不同工具通过主次的推荐方式，拉开各个工具间的差异，并且增大了不同工具的差异化展示的空间，用动态的形式推荐您当下最需要的工具，助您火车出行体验更顺畅。

2. 自助取还：为您提供便捷的线下自助租车取还服务

以往租车取还手续复杂、自行到店取还时间及价格受门店营业时间约束、门店取车沟通及等候时间成本高，往往让您觉得麻烦。为了解决这一问题，我们推出全新租车功能「自助取还」，免去以往复杂的租车取还流程与线下沟通成本，您可在线上进行对应操作即可实现车辆自助取还。动效反馈更贴合用户的心智模型，给您带来更真实的操作体验。可视化的流程引导，卡片式的结构，简洁的视觉设计风格，使您操作更便捷。

3. 会员付费产品“积多分”：为您提供多元化的积分玩法与权益提升的感知

全新升级的「会员付费产品“积多分”」，是携程打造的增值服务产品，通过提供高品质的权益服务，让您在旅行规划中享受积分多赚和积分多抵的乐趣，同时也让旅行变得更加省钱省心。积多分包含 5 大权益：5 倍积分发放、积分抵扣、酒店折扣、不回本包赔、生活特权，为您提供多种积分获取和使用方式，以及清晰的权益使用状态提醒。购买前页面状态宫格化布局，便于您快速浏览关键信息；购买后页面数据可视化的展现形式便于您清晰查看累计省钱金额。

二、国外：Trip.com

1. 信用卡优惠前置展示（韩国站）:让享受信用卡优惠更轻松

韩国市场信用卡人均持卡量高，不同信用卡折扣活动丰富。为了方便当地用户更高效地享受优惠折扣。我们在韩国站进行了「信用卡优惠前置展示」，将信用卡优惠前置到航班选择页。当用户选购机票时可以方便的查看不同信用卡支付的折扣价。减少因支付方式切换产生的价格疑惑，便于用户挑选心仪的机票。

2. Trip 学生机票优惠外显：帮广大留学生买到更称心的机票

我们进行了「Trip 学生机票优惠外显」，在预订流程对学生票的优惠进行了全方面的展示升级，对学生群体最关注价格，行李额的件数、公斤数等做了更清晰明确的呈现。帮助广大学生们快速找到并理解学生票的优惠。让预订的机票更称心、安心。

3. 酒店详情页售卖浮层改版（H5）：帮您轻松浏览房间详情信息

为了让您轻松浏览酒店详情信息，我们对「酒店详情页售卖浮层」进行了改版。 新的设计在房型图片区域新增了轮播指示器，提升多图可见性，让您更全面的了解房型外观；价格信息提前展示，方便您快速核对；对酒店政策信息进行拆分，将关键服务政策信息（如儿童入住政策、加餐等）前置，并通过颜色强化关键信息，以便给予您更好的阅读体验。更详细的信息（政策解释性文案）则放在末尾折叠展示。以上改动旨在减轻您核对信息的费力度，使您获得更好的预订体验。

4. 酒店列表页多图优化（Online）：便于您快速浏览酒店多图展示以及获取更多酒店图片信息

以往列表页仅有一张酒店封面图，您若想浏览更多图片，需要在“列表页-详情页”之间多次往返，操作路径长、决策费力度高。为了提升您的选酒店体验，我们进行了「Online 酒店列表页多图优化」：1. 支持多图滚动：您可以在列表页，通过鼠标悬停在图片区域，左右切换，即可浏览多张图片；2. 增大酒店图片的展示区域：以便给予您更好的视觉体验。

5. Trip.com App 首页优化 - 助您快速找到目的地相关的个性化内容

在 Trip.com App 的全新首页设计中，我们致力于帮助您在规划旅行时更轻松地获取与目的地相关的个性化内容，从而激发旅行灵感、提升决策效率。本次改版新增了“Discover”功能，您可以在这里快速切换、浏览不同目的地的精华内容。内容一条街、地图入口与“Discover”及 Feeds 流合并后，形成了一体化的内容探索模块，为您带来更加直观便捷的体验。根据您选定的目的地，推荐内容会智能更新，确保展示的信息始终紧贴您关注的地方，助您更快找到与旅行相关的灵感和资源。

6. Find Your Trip Best （TikTok 泰国站）- 帮您快速找到属于自己的“人生酒店”

Trip.com 在 TikTok 上推出了一个名为“Find Your Trip Best”的游戏特效玩法，让大家可以通过左右摇头来找到最适合自己的旅行目的地和酒店！我们同时提供了美颜滤镜，让您在短时间内拍出美丽、帅气、有趣的视频。目前已经有很多粉丝朋友通过挑战发起视频发布，快来尝试一下！拍出自己的人生照片，寻找最适合自己的最美旅行目的地吧！

欢迎关注作者微信公众号：「TripDesign」