設計沉思錄|58車檢改版項目總結
本文是關于58車檢改版的一個項目總結,一起來看看~
背景
對于絕大多數(shù)二手車消費者來說,頭頂始終有繞不開的三座大山:車況不透明、信息不真實、價格不確定。
山路艱險,好在58為每座大山都量身定制了翻山指南。趕緊上車,跟隨老司機到“車況山”一探究竟。
價值:
消費者對二手車車況的擔心,也體現(xiàn)在58歷次調(diào)研報告中,據(jù)最新報告顯示,55.8%的用戶擔心無法判斷二手車的車況,對車輛是否經(jīng)過泡水或重大交通事故判斷不準。
同時,近5成用戶在購買二手車前都會選擇第三方檢測,這是因為第三方檢測由中立的專業(yè)機構進行,與賣家提供的信息相比,更加真實透明。
基于此背景,58同城推出了58車檢服務,旨在充分保護購車用戶切身利益,讓二手車選購更加放心。
現(xiàn)有問題
改版初期,我們對二手車車檢的用戶進行了調(diào)研、訪談,同時對關鍵流程進行了數(shù)據(jù)分析,歸納出現(xiàn)有頁面存在的問題如下:
1. 用戶層:用戶認知度較低
改版初期58車檢的認知度為23%,近7成多用戶不知道平臺有58車檢這項服務;了解的用戶中也有諸多的疑問,主要集中在以下幾點:
- 不了解檢測的具體內(nèi)容;
- 不確定付費后的流程,不確定檢測地點、時間;
- 退款流程不清楚。
2. 業(yè)務層:入口及落地頁轉化低
- 現(xiàn)有入口的點擊率比較低,亟需優(yōu)化現(xiàn)有產(chǎn)品入口;
- 產(chǎn)品增量遇到了瓶頸,需拓寬新的流量渠道。
3. 體驗層:交互及視覺體驗不統(tǒng)一
- 現(xiàn)有落地頁信息結構混亂,信息層級不清晰;
- 線上的產(chǎn)品頁面采用了強運營的設計風格,易產(chǎn)生視覺疲勞;
- 文字布局及視覺表現(xiàn)形式單一,易讀性差。
設計目標
結合對問題的分析,我們與產(chǎn)品及交互同學進行了多輪的頭腦風暴,對問題進行了深度的挖掘細化,明確了本次改版的設計目標:
- 提升用戶認知度-品牌化運營;
- 提升入口轉化-關鍵路徑優(yōu)化;
- 提升頁面交互及視覺體驗-落地頁品牌化運營。
設計推導
1. 品牌化運營
(1)統(tǒng)一產(chǎn)品名稱,將線上入口名稱統(tǒng)一為“58車檢”
原來的入口文案都是“車檢延?!?,車檢和延保本身就是兩種不同的產(chǎn)品形態(tài),不可混為一談。通過用戶的反饋來看,“車檢延?!钡娜肟谖陌复_實給多數(shù)人帶來了困擾,用戶不清楚點擊之后具體是什么內(nèi)容,遲疑的片刻用戶就流失了。
大類頁替換為“58車檢”文案后數(shù)據(jù)效果
我們將“車檢延保”統(tǒng)一變?yōu)榱恕?8車檢”,同時保留了原有的視覺樣式,通過最少的控制變量,小成本快速試錯。上線幾天前后的數(shù)據(jù)也驗證了我們方案的合理性。
明確了方向之后,我們篩查了線上絕大多數(shù)的入口,并將58車檢一以貫之于所有需要露出品牌文字的地方,使其在用戶腦海中產(chǎn)生良好的記憶點,增強品牌的曝光度。
其他入口上線后,入口到產(chǎn)品頁的轉化也有明顯的提升。
ps:作為設計師要學會合理轉化產(chǎn)品的需求,切忌拿到需求就開始進入風格探索的階段。最初我們拿到產(chǎn)品需求是想更改入口的視覺樣式來提升點擊。然而入口視覺樣式的改變或許不是最佳的方案,要有尋根溯源的意識,貼近用戶的真實訴求,找到問題的根本點?;蛟S一個小小的文案改變就能得到意想不到的效果。
(2)統(tǒng)一產(chǎn)品logo,打造視覺錘
“視覺的錘子,語言的釘子”。好的符號可以刺激人的感知系統(tǒng),讓人產(chǎn)生強烈的關聯(lián)印象。
將58車檢的文字進行符號化,強化58車檢品牌在用戶心中的認知。符號表現(xiàn)形式和58品牌保持了統(tǒng)一,有58品牌的背書,降低用戶的疑慮,增強用戶的信賴感。同時,純文本logo的表現(xiàn)形式使58車檢品牌更加簡潔明了,易于延展利用。
分階段達成目標,第一步統(tǒng)一文字,小成本試錯;第二步將枯燥文字圖形化,增強記憶點。
3. 鍵路徑優(yōu)化
(1)詳情頁主流量入口
改變之前強運營形式banner,改為輕量的產(chǎn)品型入口;清晰突出58車檢品牌,增強品牌背書;用實體按鈕的樣式增強用戶點擊感。
(2)新增大類頁彈窗
大類頁彈窗的上線起到了很好的引流作用,同時因為采取了模態(tài)彈窗的樣式,必然會對部分找車用戶產(chǎn)生干擾,這也決定了彈窗這種樣式只能是帶有時效性的過渡方案。在做彈窗設計時,一定要跳出單一數(shù)據(jù),多維度全方位評估設計方案。
4. 產(chǎn)品化落地頁
(1)優(yōu)化信息層級,提升頁面易讀性
我們將內(nèi)容模塊進行了重組劃分:車檢購買-車檢優(yōu)勢-檢測流程-常見問題,頁面劃分更加合理,助力用戶清晰全面的了解車檢產(chǎn)品。對于有明確車檢需求的用戶引導他們快速錄入信息,模糊用戶提供頂部快速切換。
(2)化繁為簡優(yōu)化首頁展示內(nèi)容
落地頁是用戶進入到58車檢產(chǎn)品的第一頁面,我們希望用戶可以快速獲取58車檢的賣點,進而產(chǎn)生進一步了解乃至下單的意愿,所以我們在新版方案中強化了58車檢的產(chǎn)品優(yōu)勢,保留了明星代言的部分,讓用戶可以清晰的感知到產(chǎn)品優(yōu)勢;同時增強了58背書和明星代言部分,用戶可以降低心里門檻,激發(fā)錄入信息的操作。
摒棄了之前偏運營風格的熱鬧場景,整體風格更加理性。加入了大量留白,增加了頁面的呼吸感;突出了重點內(nèi)容,以便用戶更加聚焦于產(chǎn)品本身,提升頁面的易讀性。
(3)枯燥文字可視化
重視純文字的布局,字里行間皆設計。車檢優(yōu)勢、檢測流程、常見問題諸多都是文字布局,通過不同的字號、字重、間距突出重點內(nèi)容,弱化次要提示內(nèi)容,將枯燥的文字可視化,使內(nèi)容閱讀更加輕松。
新增氣質(zhì)相符的訂單確認頁,給用戶二次確認的空間;明確訂單信息 突出檢測時間及地點,消除用戶的疑慮。
附上整體改版前后效果圖
總結
整體改版后,數(shù)據(jù)反映良好,58車檢的認知度提升了23%;落地頁線索到訂單的轉化提升了12.9%。這只是58車檢的一小步,相信只有貼近用戶,關注真實用戶的反饋,持續(xù)發(fā)掘用戶操作流程中的痛點,產(chǎn)品才能漸趨完善。
作者:王書偉,視覺設計師
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD),作者@王書偉
題圖來自 Unsplash,基于CC0協(xié)議。
寫的不錯
but,提交訂單也和支付頁那里的截圖好像有點混淆。
謝謝分享!