運用場景思維進行產(chǎn)品功能優(yōu)化:選車首頁

寫在前面的話兒

由于我個人的各項技能都還很有限誓斥,同時也缺乏專業(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é)


  1. 本文記錄的只是選車首頁優(yōu)化的初步思路水醋,并非最終完整版設計旗笔。
  2. 優(yōu)化后的視覺效果圖中,頂部功能入口圖標來自 UncleMonkey 的設計拄踪,底部標簽欄的圖標來自王老中醫(yī)的設計蝇恶,感謝我的同事兒~
  3. 此次功能優(yōu)化的探索過程中,我在網(wǎng)上查閱及參考了以下文章惶桐,非常感謝這些作者~
    場景思維——你的秘密武器(上)(作者:沐風與體驗設計)
    場景思維——你的秘密武器(下)(作者:沐風與體驗設計)
    汽車購買決策過程及其影響因素分析(來源:百度文庫撮弧;作者:未知)
    怎樣解決用戶選車難題?“選車大師”希望提供各維度偏好功能幫助用戶細化需求姚糊,實現(xiàn)更精準的推薦(作者:36氪?Nicholas)
    懂車帝發(fā)布《90后汽車消費關(guān)注度報告》贿衍,自主品牌受年輕用戶青睞(來源:新浪財經(jīng)頭條;作者:未知)
    阿里巴巴(1688) APP 8.0 視覺品牌升級手記(作者:阿里巴巴CBU設計)




最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末救恨,一起剝皮案震驚了整個濱河市贸辈,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌肠槽,老刑警劉巖擎淤,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異秸仙,居然都是意外死亡嘴拢,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進店門寂纪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來席吴,“玉大人,你說我怎么就攤上這事捞蛋⌒⒚埃” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵襟交,是天一觀的道長迈倍。 經(jīng)常有香客問我伤靠,道長捣域,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任宴合,我火速辦了婚禮焕梅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卦洽。我一直安慰自己贞言,他們只是感情好,可當我...
    茶點故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布阀蒂。 她就那樣靜靜地躺著该窗,像睡著了一般弟蚀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上酗失,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天义钉,我揣著相機與錄音,去河邊找鬼规肴。 笑死捶闸,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的拖刃。 我是一名探鬼主播删壮,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼兑牡!你這毒婦竟也來了央碟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤均函,失蹤者是張志新(化名)和其女友劉穎硬耍,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體边酒,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡经柴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了墩朦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坯认。...
    茶點故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖氓涣,靈堂內(nèi)的尸體忽然破棺而出牛哺,到底是詐尸還是另有隱情,我是刑警寧澤劳吠,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布引润,位于F島的核電站,受9級特大地震影響痒玩,放射性物質(zhì)發(fā)生泄漏淳附。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一蠢古、第九天 我趴在偏房一處隱蔽的房頂上張望奴曙。 院中可真熱鬧,春花似錦草讶、人聲如沸洽糟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坤溃。三九已至拍霜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間薪介,已是汗流浹背沉御。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留昭灵,地道東北人吠裆。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像烂完,于是被迫代替她去往敵國和親试疙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,573評論 2 353