超全盤點！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」