設計總結|驢媽媽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】 景區街景地圖,很簡單的初衷:想讓用戶在更真實地場景裡了解信息,可以提前了解景區概括、分佈等,為用戶購買做參考;



競品截圖


2. 團隊協作


感謝參與這個項目的所有同事:交互-視覺-測試-開發-產品經理-業務方,因為大家的積極參與和配合,每一位都盡心盡力,門票最終做了很大的改版和調整,上線後 也取得了不錯的成績。


寫在最後,第一次寫總結,謝謝你讀完,如果能對你有啟發那是真的極好,如果你不贊同,歡迎認真地探討👏👏


 


本文由 @鶴形 原創發佈於人人都是產品經理。 未經許可,禁止轉載。


題圖來源於網絡











http://www.kubonews.com/201803077833.html

更多有趣新聞請上:http://www.kubonews.com

留言

這個網誌中的熱門文章

AhWei 杯子生物系列 茶狐、茶鷹 動物公仔

78民間測評:HGUC PB 傑鋼 皮科專用機