推薦閱讀

一、項目背景

1. 為什么我們要進行改版？

Klook 作為一家旅游電商平臺發展至今，已涵蓋景點門票、體驗活動、酒店、交通等多個品類業務線。隨之而來的便是愈加豐富銷售策略，展現在用戶面前的便是越來越多的套餐選擇與選購布局。

本次需求我們要優化的，便是景點門票業務線的選購體驗。

目前景點門票品類共有如下幾種選購模式：

選購模式指的是商品套餐選購樓層的布局及其相應的選購交互。

當套餐較多時，幾乎所有的選購模式都會暴露一定的問題：

1. 用戶的認知成本高
2. 同質化嚴重，用戶需要比對不同套餐之間的差異從而進行決策，在移動端目前的對比交互不夠友好
3. 銷售屬性模式下，用戶在選擇時有過多無效選擇項的信息干擾

這種現象背后有著多方面的歷史原因，當業務場景和訴求逐漸復雜時，我們急需一種更合理的方式來應對，為用戶提供一個便于理解的商品模塊。

二、項目目標

1. 優化方向

將相關的事物根據一定的規則加以歸類，以便更好地組織和管理，篩選與比較。

我們很自然地想到了將套餐分門別類，以便我們的用戶能夠「各取所需」，不用再閱讀大量的信息，更輕松快捷地找到 ta 理想的選擇。

2. 設計目標

通過對現有問題的剖析，基于此背景，在本次改版中，我們希望滿足兩大目標：

1. 優化選購區域的布局以提升相關品類的整體轉化；
2. 提升用戶瀏覽套餐、信息比對的效率與體驗，減少用戶的決策時間；

三、設計分析

1. 分析思路

在動手畫稿前，我們首先厘清自己的思路，不局限于界面設計，更多地是站在整個產品的角度縱觀全局，思考思路需要如何分點展開，以便能夠考慮地更加全面。

篇幅有限，筆者在本章節將挑選部分分析點與大家分享。

2. 分組的維度

分組本身是件簡單的事情，但我們知道是否分類合理決定了商品選購模塊能否貼合用戶的認知。

依據什么樣的維度聚集套餐？是我們在設計初期就需要思考的命題。

考慮到單一角色的判斷一定是不夠全面的，且不同活動確實商品構成有異。于是，這個階段我們找到了團隊中的不同角色成員來參與「拆套餐」的測試，此外也在訪談中邀請各個市場的 BD 也參與這個「游戲」，旨在從各個角度、熟悉或不熟悉商品構成的人來共創這份規則。

過程中我們發現大部分人對套餐的品類更加敏感，此外由于門票類產品本身就有多種型態，參與者也會按照不同的門票類型加以區分，如：單日門票、多日門票、快速通行證、門票組合等。

最后我們確定的規則：

以盧浮宮為例，套餐可按照拆分成如下效果：

值得一提的是，在本期我們可以通過小成本的方式快速試驗出分組的規則，但長久來看是需要一份正式的分組指南來幫助大量的上架人員更快速地對商品進行判斷和解構。

畢竟，工具的重要價值在于能夠被正確地使用。

3.布局與樣式

怎么呈現分組布局？分組樣式的嘗試

基于移動端的設備特性，整體布局思路從瀏覽習慣來看有兩種可能性：

景點門票類作為旅行界的鼻祖，是最為基礎的標準型商品，相較于一日游等非標準商品而言，信息字段往往更加穩定，用戶已有一定的心智模型，因此通過標題（或是簡練的信息）便能夠進行初步的信息比對，過濾掉大量不符合的選擇。

基于這樣的前提，我們認為縱向排布是更優解，用戶可以縱向快速滾動，同時增設分組概覽功能與樓層優先級。

確定整體的框架結構后，我們需要繼續對整體的樣式進行多方案嘗試：

這個方向的嘗試在視覺上更加突出了套餐的存在感，分組的感覺反而不夠強烈；用戶在快速瀏覽中不一定能夠 get 到可以利用頂部的分組導航進行快捷定位。

隨后也繼續嘗試了更具有聚合感的卡片效果，讓用戶更強烈地認知到在套餐之上還有組的維度，從而進一步根據自己的需求進行篩選；套餐之間從視覺形態上更加獨立，在配色上，也最終選擇視覺重量較輕的藍色，緩解信息閱讀的壓力。

4. 套餐詳情的位置思考

目前在「銷售屬性」「套餐列表」模式下，套餐詳情均處于選購區域的下方，這帶來的困擾是：

1. 上下滾動查看效率較低
2. 加劇了商詳頁的信息過載問題

上文中有提及，用戶對門票類的產品對于詳情類信息的關注度并沒有非標品類（比如一日游）來的高，在 Q1 的用戶訪談中，也驗證了我們的想法，大多數受訪者基本不太留意具體的套餐細節，除了價格之外，最在意的往往是退改政策以及套餐包含的內容。

因此在分組模式下，我們的處理原則是使用更加收攏的呈現形式，用戶按需定位觀看。

值得一提的是，在發散過程中也走了一些彎路，陷入了一些效率的過度設計陷阱。

當前的解決方案中，查看詳情與進入選購流程是非常獨立干凈且有所關聯的。于是，設計師忍不住開始進一步思考 ，用戶在比對套餐時是否能夠更加高效？

無論是動到哪一個頁面，都不可避免地將簡單的界面復雜化，沉迷于在多套餐的極致效率中。事實上，景點門票類商品的套餐詳情字段有著高度地重復性，過分相似的內容也讓用戶的信息負荷加大。

四、項目小結

至此，本次需求完整的效果如下：

景點門票業務線承接著巨大的流量與業務收益，與選購相關的改動往往牽一發而動全身，決策鏈條也較長，需求設計階段歷時近一月有余。

作為設計師，此項目中感受到最為深刻的點并不在于設計本身，而是站在用戶視角，推動團隊伙伴們共同思考產品本身，一個新的功能或模式如何讓用戶認知理解，并順其自然地上手操作。

目前需求剛上線不久，在后續的驗證環節中，我們也將持續跟進迭代，帶給用戶好的產品與體驗。

歡迎關注作者微信公眾號：「Klook UED Team」