寫在前面的話兒
由于我個人的各項技能都還很有限誓斥,同時也缺乏專業(yè)的數(shù)據(jù)分析薪者、用戶研究等等環(huán)節(jié)的支撐竿裂,以下內(nèi)容可能存在錯誤玉吁,如有發(fā)現(xiàn),歡迎指正啊~提前感謝閱讀和指正哈哈~
以下分析均基于《選車功能優(yōu)化思路小結(jié)》中的用戶屬性分析與核心場景分析腻异。
頁面定位
根據(jù)《選車功能優(yōu)化思路小結(jié)》的分析进副,我們可以知道,「選車主頁」主要承載的是「發(fā)現(xiàn)」這個階段的任務悔常。所以影斑,我們在這個頁面主要要解決的問題是,幫助用戶在最短的時間內(nèi)發(fā)現(xiàn)最符合需求的車型机打。
問題分析
首先矫户,我們先對頁面中目前存在的比較明顯的問題進行優(yōu)化。
- 問題:功能名稱描述不準確残邀,「選車 PK」的內(nèi)容其實是車系對比皆辽。
優(yōu)化:改為「車系對比」柑蛇,更易于理解。 - 問題:入口重復驱闷,點擊「條件選車」和「更多車型」都是進入「條件選車」耻台。
優(yōu)化:合并入口,將「更多車型」改為「更多選車條件」空另,點擊后進入「條件選車」盆耽,這樣更加清晰。 - 問題:字母導航小標題一行把品牌列表的篩選項和列表內(nèi)容分隔開扼菠,容易造成困惑摄杂,導致用戶無法清楚理解這個篩選是針對下方品牌列表的。
優(yōu)化:將標題「選車列表」和篩選項結(jié)合起來循榆,去掉「選車列表」析恢,「全部」改為「全部品牌」。 - 問題:品牌列表的字母索引導航冯痢,最上方有「熱」這一項氮昧,但實際上框杜,頁面中并沒有「熱門品牌」浦楣。
優(yōu)化:根據(jù)之前的場景分析,在品牌列表上方加入「熱門品牌」咪辱。
除此之外振劳,我們可看到,這個頁面較大的問題是油狂,功能入口比較多历恐,信息組織散亂,視覺層次不夠清晰专筷。下面弱贼,我們將通過梳理內(nèi)容結(jié)構(gòu)、重新規(guī)劃信息層級磷蛹、簡化界面布局來優(yōu)化這個問題吮旅。
優(yōu)化方案
組織內(nèi)容結(jié)構(gòu)
根據(jù)《選車功能優(yōu)化思路小結(jié)》的場景分析,我們需要在首頁增加「我的收藏」入口和「熱門品牌」味咳。另外庇勃,由于在改版期間,產(chǎn)品新增了「車主問答」功能槽驶,所以首頁需要增加「車主問答」入口责嚷。
最后整理出來的選車首頁的內(nèi)容如下圖所示。
根據(jù)之前對用戶屬性的分析掂铐,我們把用戶分為三類罕拂,無目標揍异、目標模糊和目標明確。
所以聂受,在發(fā)現(xiàn)階段蒿秦,我們將根據(jù)不同類型用戶的不同目標,為用戶提供針對性的幫助蛋济。
1)對于無目標的用戶棍鳖,可進行系統(tǒng)推薦,包含常規(guī)推薦(如碗旅,本地特價車渡处、銷量排行、熱門品牌等)和個性化推薦(如祟辟,猜你喜歡)医瘫,去幫助用戶發(fā)現(xiàn)感興趣的車系、車型旧困。
2)目標模糊的用戶醇份,可通過條件選車去發(fā)現(xiàn)符合需求的車系、車型吼具。其次僚纷,也可以通過與其他車友的互動問答去發(fā)現(xiàn)車型。
3)目標明確的用戶拗盒,可通過直接搜索或品牌選車怖竭,去發(fā)現(xiàn)特定的車系、車型陡蝇。
規(guī)劃信息層級
根據(jù)之前的分析痊臭,首頁的核心場景是「發(fā)現(xiàn)」,并且有目標的用戶占主體登夫,所以我們可以得出大致的信息層級如下圖广匙。
接下來,我們對頁面的內(nèi)容做進一步詳細分析恼策。
- 常規(guī)推薦
據(jù)前面的分析可知鸦致,我們的用戶在選車過程中較為關(guān)心的元素是價格、銷量戏蔑、口碑蹋凝。同時,根據(jù)點擊數(shù)據(jù)总棵,實測排行鳍寂、新車上市的點擊量較低。因此情龄,我們可以對這些入口進行調(diào)整迄汛,降低點擊較少捍壤、使用頻率較低的入口的層級,把優(yōu)質(zhì)位置讓給更為核心和常用的功能鞍爱。讓頁面更簡潔鹃觉,以便用戶更高效地找到常用功能,避免出現(xiàn)認知過載睹逃。 - 條件選車
將條件選車中用戶最關(guān)注的盗扇、高頻使用的條件(價格、級別沉填、廠商疗隶、用途)提前一個層級,放到選車首頁翼闹,方便用戶進行快速篩選斑鼻,簡化流程。 - 品牌列表
品牌列表的篩選項實際上是條件選車的級別篩選猎荠,可以和「條件選車」合并坚弱,同時在「條件選車」中增加篩選條件「品牌」。 - 入群問問关摇、百萬車友俱樂部荒叶、車友問答
「入群問問」與「百萬車友俱樂部」這兩個功能都在產(chǎn)品未加入「車友圈」功能時,為引導用戶加入微信車友群而設計的拒垃⊥W玻「入群問問」點擊后可直接跳轉(zhuǎn)至某個特定的車友群瓷蛙,「百萬車友俱樂部」點擊后可跳轉(zhuǎn)至車友群列表悼瓮。
產(chǎn)品結(jié)構(gòu)調(diào)整更新后,這兩個入口在「選車」首頁的重要性也隨之降低了艰猬。但是我認為横堡,加入車友群和其他車友交流買車問題,是符合用戶選車場景的冠桃,這個入口可以保留命贴。因此,把這兩個入口合并(不占用首頁太多空間)食听,點擊后可跳轉(zhuǎn)至車友群列表胸蛛。
另外,由于點擊后會跳轉(zhuǎn)至微信小程序樱报,所以這里應給予用戶相應提示葬项,以便用戶預知操作后的結(jié)果,避免引起困惑和抱怨迹蛤。
「車友問答」則是在 APP 中向其他車友提問民珍,一樣帶有互動社交屬性襟士,可以和「入群問問」歸為一類。
設計界面布局
重新梳理內(nèi)容結(jié)構(gòu)嚷量、規(guī)劃信息層級之后陋桂,我們可以畫出選車首頁大致的界面布局如下。
優(yōu)化前后對比
視覺效果圖只是展示大致的布局蝶溶,不是最終效果嗜历,僅供參考。
結(jié)語
此次選車首頁的優(yōu)化嘗試還是遵循以往的設計思路抖所,在明確頁面定位后秸脱,結(jié)合定位盤點問題,梳理頁面內(nèi)容部蛇,重新組織內(nèi)容結(jié)構(gòu)摊唇、規(guī)劃信息層級,最后輸出界面視覺效果圖涯鲁。
此外巷查,這次優(yōu)化探索中也收獲了一些關(guān)于信息層級的小思考。
在界面設計中抹腿,我們可以采用以下思路來強化某個功能或突出某個信息:
1)從視覺表現(xiàn)層的角度考慮岛请,我們可以增強其視覺表現(xiàn)力,使其「更顯眼」警绩;
2)就「強化功能」「突出信息」的本質(zhì)而言崇败,我們的最終目標是希望用戶更方便或者更高頻地使用該功能,因此肩祥,我們可以從更多的角度去思考如何達成這一目標后室。例如:
- 遵循用戶既有使用習慣,將搜索放在頁面頂部混狠,以便用戶快速找到并使用該功能岸霹。
- 根據(jù)拇指在屏幕不同區(qū)域的點擊體驗,將重要內(nèi)容移到更易點擊将饺、視線更聚焦的屏幕位置贡避。如,條件選車予弧。
- 根據(jù)用戶場景刮吧,將條件選車中用戶最關(guān)注的、高頻使用的條件提前一個層級掖蛤,放到選車首頁杀捻,簡化流程,方便用戶進行快速篩選坠七。
相關(guān)文章:選車功能優(yōu)化思路小結(jié)
- 本文記錄的只是選車首頁優(yōu)化的初步思路水醋,并非最終完整版設計旗笔。
- 優(yōu)化后的視覺效果圖中,頂部功能入口圖標來自 UncleMonkey 的設計拄踪,底部標簽欄的圖標來自王老中醫(yī)的設計蝇恶,感謝我的同事兒~
- 此次功能優(yōu)化的探索過程中,我在網(wǎng)上查閱及參考了以下文章惶桐,非常感謝這些作者~
場景思維——你的秘密武器(上)(作者:沐風與體驗設計)
場景思維——你的秘密武器(下)(作者:沐風與體驗設計)
汽車購買決策過程及其影響因素分析(來源:百度文庫撮弧;作者:未知)
怎樣解決用戶選車難題?“選車大師”希望提供各維度偏好功能幫助用戶細化需求姚糊,實現(xiàn)更精準的推薦(作者:36氪?Nicholas)
懂車帝發(fā)布《90后汽車消費關(guān)注度報告》贿衍,自主品牌受年輕用戶青睞(來源:新浪財經(jīng)頭條;作者:未知)
阿里巴巴(1688) APP 8.0 視覺品牌升級手記(作者:阿里巴巴CBU設計)