設計總結｜驢媽媽APP門票預訂流程改版

專為互聯網人打造的365天成長計劃，500門視頻課程隨便看，構建你的產品、運營知識體系。查看詳情

在本文和大家分享“驢媽媽門票預訂流程改版”的設計思考和總結，包括詳情和填單頁。

項目時間

2017.7.12~2017.7.26，上線版本：7.10.6（17年10月）

項目角色

交互設計、UED項目負責人

項目成果

1. 新舊版本同比：詳情到待支付頁增長4.22%
2. 月成交總額約： ¥408萬

從以下4個部分闡述

一、發現問題 ：1.當前產品體驗 2.競品分析

二、需求探索 ：1.商業目標 2.用戶關注點

三、過程及成果 ：1～4.改版核心點說明 5.交互自查 6.項目跟進

四、經驗及總結 ：1.哪裡可以做得更好 2. 團隊協作

一、發現問題

1. 當前產品體驗分析

詳情頁 隨著每次版本的更新，承載的信息越來越多、功能越來越豐富，原有的框架設計已不能有層次地支持現有的產品功能； 填單頁 操作反饋不及時，信息引導不明顯，操作效率低

2. 競品分析

結合艾瑞發布的《2017年中國景區旅遊消費研究報告》了解行業現狀並確定分析對象，得出： 驢媽媽門票在市場份額、用戶認可推薦度上行業領先

但，驢媽媽APP門票頻道在體驗上與競品存在較大差距，通過KANO需求模型分析得出： 競品已為用戶提供有趣、個性化的服務設計，而驢媽媽頁面提供的服務相對基礎

最終競品分析得出驢媽媽在交互、視覺、信息佈局、頁面性能上，與各競品均存在落後情況，因此理清與競品的差距，需要通過改版來改善現門票體驗不佳的狀態，迫在眉睫！！！

二、需求探索

1. 商業目標

簡單高效地幫助用戶購買是體驗設計的關鍵 ，當用戶轉化不了的時候，在詳情頁需要將流量引導分配給其他同目的地、同品類等類似商品，而填單頁效率優先，要用戶在使用時既可以便捷操作還可以確認最終購買內容，以免誤操作甚至因此帶來的投訴

2. 用戶關注點

（1）詳情頁

包含兩部分信息，淺色為平台公共型信息，深色為門票自身內容型功能，也是企業方希望用戶能關注的信息，這些信息會對用戶產生最直接的參考作用甚至決定是否要購買，因此景區的圖片、介紹、票種、優惠政策、評論等會影響用戶的購買決策

（2）填單頁

頁面最大的特點是效率優先，如果用戶在支付前使用一個磕磕巴巴的頁面來提交相關信息，想必會極大地影響用戶的愉悅感，因此在瀏覽時引導性要強，重要的信息提示要清晰，操作時要便於輸入、選擇，反饋及時，這樣也可通過縮短頁面操作時間來提升下單效率

三、過程及成果

1. 基礎信息可讀性更強、結構更清晰

基礎信息幫助用戶了解景區的基本信息，也是對景區的第一印象，重要信息等需前置顯示，避免用戶因錯過瀏覽重要信息導致出行不便，但改版前不同信息等字體大小、顏色、間距等緊密排列，頁面無重要信息可突出，可讀性差的信息堆砌會嚇走用戶。

提煉重要信息及展示層級 ↓

2. 商品選擇邏輯清晰，用戶快速聚焦（因高頻場景，為此次改版核心點）

改版前路徑展現雜亂，不符合用戶購買習慣，難聚焦導致效率低，因此為解決效率問題，將票種及對應的規格、商品重新進行梳理，明確了 “人群 – 票型 – 商品” 的歸類原則，一條直線進行到底符合用戶購買習慣，有助於提升用戶的選擇效率

梳理對比：改版前選擇流程/用戶實際出行選擇流程 ↓

選擇商品場景舉例 ↓

確定方案呈現 ↓

3. 重要信息提前露出，提升查詢效率

景區產品的預訂重要信息包含很多內容，改版前只展示其中一點，用戶瀏覽時容易錯過其他內容，出遊時遇到問題導致投訴，改版後在頭部與頁面中均露出預訂須知入口及重要信息點，引導用戶查看。

確定方案呈現 ↓

4. 填單模塊區分更清晰，引導性更強

改版前填單頁各模塊形式不統一，造成閱讀上的障礙，信息與信息之間的視覺對比度較低，導致信息呈現沒有主次，因此填寫效率較低，新版本針對以上做了調整

5. 交互自查

交互方案完成後，檢查自己的設計是否有遺漏，幫助自己查缺補漏，每個人或Team都有自身的習慣，方法可以不同，但結果一樣：都是要讓交互方案盡可能地完善，給下游項目環節提供完備的信息，節省項目時間，也給用戶帶來更優的體驗。

6. 項目跟進

設計好的方案很重要，能順利地執行下去更重要： 上線後的實際效果才是設計最終的效果 ，所以設計跟進是非常重要的事情，必須要做！！！

項目跟進的難點在於： 時間成本、人力成本等的限制下，如何讓產品實現最多。

四、經驗及總結

1. 哪裡可以做得更好

【優化點1】 行程提醒工具：可以提醒用戶門票相關出行事項，如時間、地點等；

競品截圖

【優化點2】 景區街景地圖，很簡單的初衷：想讓用戶在更真實地場景裡了解信息，可以提前了解景區概括、分佈等，為用戶購買做參考；