推薦閱讀

一、項(xiàng)目背景

1. 為什么我們要進(jìn)行改版？

Klook 作為一家旅游電商平臺(tái)發(fā)展至今，已涵蓋景點(diǎn)門票、體驗(yàn)活動(dòng)、酒店、交通等多個(gè)品類業(yè)務(wù)線。隨之而來的便是愈加豐富銷售策略，展現(xiàn)在用戶面前的便是越來越多的套餐選擇與選購布局。

本次需求我們要優(yōu)化的，便是景點(diǎn)門票業(yè)務(wù)線的選購體驗(yàn)。

目前景點(diǎn)門票品類共有如下幾種選購模式：

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

當(dāng)套餐較多時(shí)，幾乎所有的選購模式都會(huì)暴露一定的問題：

1. 用戶的認(rèn)知成本高
2. 同質(zhì)化嚴(yán)重，用戶需要比對(duì)不同套餐之間的差異從而進(jìn)行決策，在移動(dòng)端目前的對(duì)比交互不夠友好
3. 銷售屬性模式下，用戶在選擇時(shí)有過多無效選擇項(xiàng)的信息干擾

這種現(xiàn)象背后有著多方面的歷史原因，當(dāng)業(yè)務(wù)場(chǎng)景和訴求逐漸復(fù)雜時(shí)，我們急需一種更合理的方式來應(yīng)對(duì)，為用戶提供一個(gè)便于理解的商品模塊。

二、項(xiàng)目目標(biāo)

1. 優(yōu)化方向

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

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

2. 設(shè)計(jì)目標(biāo)

通過對(duì)現(xiàn)有問題的剖析，基于此背景，在本次改版中，我們希望滿足兩大目標(biāo)：

1. 優(yōu)化選購區(qū)域的布局以提升相關(guān)品類的整體轉(zhuǎn)化；
2. 提升用戶瀏覽套餐、信息比對(duì)的效率與體驗(yàn)，減少用戶的決策時(shí)間；

三、設(shè)計(jì)分析

1. 分析思路

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

篇幅有限，筆者在本章節(jié)將挑選部分分析點(diǎn)與大家分享。

2. 分組的維度

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

依據(jù)什么樣的維度聚集套餐？是我們?cè)谠O(shè)計(jì)初期就需要思考的命題。

考慮到單一角色的判斷一定是不夠全面的，且不同活動(dòng)確實(shí)商品構(gòu)成有異。于是，這個(gè)階段我們找到了團(tuán)隊(duì)中的不同角色成員來參與「拆套餐」的測(cè)試，此外也在訪談中邀請(qǐng)各個(gè)市場(chǎng)的 BD 也參與這個(gè)「游戲」，旨在從各個(gè)角度、熟悉或不熟悉商品構(gòu)成的人來共創(chuàng)這份規(guī)則。

過程中我們發(fā)現(xiàn)大部分人對(duì)套餐的品類更加敏感，此外由于門票類產(chǎn)品本身就有多種型態(tài)，參與者也會(huì)按照不同的門票類型加以區(qū)分，如：?jiǎn)稳臻T票、多日門票、快速通行證、門票組合等。

最后我們確定的規(guī)則：

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

值得一提的是，在本期我們可以通過小成本的方式快速試驗(yàn)出分組的規(guī)則，但長(zhǎng)久來看是需要一份正式的分組指南來幫助大量的上架人員更快速地對(duì)商品進(jìn)行判斷和解構(gòu)。

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

3.布局與樣式

怎么呈現(xiàn)分組布局？分組樣式的嘗試

基于移動(dòng)端的設(shè)備特性，整體布局思路從瀏覽習(xí)慣來看有兩種可能性：

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

基于這樣的前提，我們認(rèn)為縱向排布是更優(yōu)解，用戶可以縱向快速滾動(dòng)，同時(shí)增設(shè)分組概覽功能與樓層優(yōu)先級(jí)。

確定整體的框架結(jié)構(gòu)后，我們需要繼續(xù)對(duì)整體的樣式進(jìn)行多方案嘗試：

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

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

4. 套餐詳情的位置思考

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

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

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

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

值得一提的是，在發(fā)散過程中也走了一些彎路，陷入了一些效率的過度設(shè)計(jì)陷阱。

當(dāng)前的解決方案中，查看詳情與進(jìn)入選購流程是非常獨(dú)立干凈且有所關(guān)聯(lián)的。于是，設(shè)計(jì)師忍不住開始進(jìn)一步思考 ，用戶在比對(duì)套餐時(shí)是否能夠更加高效？

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

四、項(xiàng)目小結(jié)

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

景點(diǎn)門票業(yè)務(wù)線承接著巨大的流量與業(yè)務(wù)收益，與選購相關(guān)的改動(dòng)往往牽一發(fā)而動(dòng)全身，決策鏈條也較長(zhǎng)，需求設(shè)計(jì)階段歷時(shí)近一月有余。

作為設(shè)計(jì)師，此項(xiàng)目中感受到最為深刻的點(diǎn)并不在于設(shè)計(jì)本身，而是站在用戶視角，推動(dòng)團(tuán)隊(duì)伙伴們共同思考產(chǎn)品本身，一個(gè)新的功能或模式如何讓用戶認(rèn)知理解，并順其自然地上手操作。

目前需求剛上線不久，在后續(xù)的驗(yàn)證環(huán)節(jié)中，我們也將持續(xù)跟進(jìn)迭代，帶給用戶好的產(chǎn)品與體驗(yàn)。

歡迎關(guān)注作者微信公眾號(hào)：「Klook UED Team」