全部分類頁(yè),歷經(jīng)5個(gè)月的迭代回顧
跟在競(jìng)品后面走,是最安全也可能是效率最高的方式,但我們永遠(yuǎn)只是一個(gè)低級(jí)的執(zhí)行者。
隨著美團(tuán)點(diǎn)評(píng)的不斷發(fā)展,公司的品類越來越多,誕生了諸如二手交易、美團(tuán)打車等新的戰(zhàn)略業(yè)務(wù)。
而APP現(xiàn)有首頁(yè)導(dǎo)航欄,可供給展示的品類坑位,已遠(yuǎn)遠(yuǎn)無法滿足新品類曝光的需求。
如果繼續(xù)向下拓展導(dǎo)航欄坑位,采用類似攜程首頁(yè)九宮格架構(gòu)設(shè)計(jì),則將壓縮活動(dòng)運(yùn)營(yíng)位的空間與推薦信息流的露出率。
由此,為了保證業(yè)務(wù)流量的分發(fā)效率,導(dǎo)航欄尾部的分類入口的重要性逐步凸顯。
該入口既需要承擔(dān)起業(yè)務(wù)/運(yùn)營(yíng)活動(dòng),流量分發(fā)第二戰(zhàn)場(chǎng)的使命,又要成為扶持公司新/戰(zhàn)略發(fā)展業(yè)務(wù)的搖籃。
在此背景下,Link從去年11月份開始,接手負(fù)責(zé)了全部分類頁(yè)的改版設(shè)計(jì)。
目標(biāo)則是在保持用戶固有查找品類習(xí)慣的基礎(chǔ)下,兼顧常用品類的穩(wěn)定性和效率,扶持新品類/活動(dòng)的導(dǎo)流曝光。
下面我將圍繞市面上優(yōu)秀APP的設(shè)計(jì)案例與自身改版的經(jīng)驗(yàn),談?wù)勱P(guān)于全部分類頁(yè)的前世今生。
一、入口來源
目前,全部分類頁(yè)主要有兩種形式的流量入口。
第1種是類似淘寶、美團(tuán)、點(diǎn)評(píng)的設(shè)計(jì),位于首頁(yè)導(dǎo)航欄的尾部,幫助用戶繼續(xù)瀏覽查找目標(biāo)品類。
第2種是類似網(wǎng)易考拉、一號(hào)店的設(shè)計(jì),在APP底部tab導(dǎo)航區(qū)有單獨(dú)的入口,成為用戶快速查看尋找目標(biāo)品類的常用快捷入口。
不少APP,例如京東,則是共存了上述的兩類入口。
二、頁(yè)面設(shè)計(jì)
全部分類頁(yè)從內(nèi)容模塊上,主要由一級(jí)業(yè)務(wù)、二級(jí)業(yè)務(wù)、活動(dòng)資源運(yùn)營(yíng)位和搜索框四個(gè)模塊組成
從框架結(jié)構(gòu)上,可分為頂部導(dǎo)航欄、左側(cè)導(dǎo)航欄、無導(dǎo)航引導(dǎo)三種類型。
1.頂部導(dǎo)航欄
適用于用戶個(gè)性化推薦體系較精準(zhǔn)完善的產(chǎn)品,通過用戶實(shí)時(shí)/歷史的搜索、瀏覽、收藏等行為數(shù)據(jù)積累,直接命中用戶的查找訴求,引導(dǎo)用戶完成交易。
優(yōu)點(diǎn):導(dǎo)航欄占據(jù)空間較小,可最大程度凸顯實(shí)際內(nèi)容,增加點(diǎn)擊吸引力
缺點(diǎn):?jiǎn)纹谅冻龅囊患?jí)品類較少,可能導(dǎo)致效率低下
2.左側(cè)導(dǎo)航欄
適用于公司一級(jí)品類紛繁復(fù)雜的產(chǎn)品,在有限空間內(nèi)曝光較多的一二級(jí)業(yè)務(wù)。
優(yōu)點(diǎn):曝光業(yè)務(wù)數(shù)量多于頂部導(dǎo)航欄,用戶查找一級(jí)分類的效率更高
缺點(diǎn):導(dǎo)航占據(jù)屏幕接近1/3位置,不利于業(yè)務(wù)實(shí)際內(nèi)容的鋪陳
3.無導(dǎo)航欄
適用于公司一級(jí)類目較少的產(chǎn)品,設(shè)計(jì)更加簡(jiǎn)單高效
優(yōu)點(diǎn):最大化的曝光一二級(jí)業(yè)務(wù)內(nèi)容
缺點(diǎn):
- 信息布局凌亂,一二級(jí)業(yè)務(wù)區(qū)分度不高;
- 信息單元僅由文字聚合,重點(diǎn)不突出,內(nèi)容的吸引力較低;
- 風(fēng)格簡(jiǎn)單,美觀性欠缺
三、迭代歷程
上文敘述的2種來源,3種頁(yè)面框架,在點(diǎn)評(píng)的全部分類頁(yè)迭代中,皆有涉及,經(jīng)驗(yàn)不可謂不豐富。
1.從1.0到2.0
點(diǎn)評(píng)是從信息內(nèi)容服務(wù)延伸到團(tuán)購(gòu)閃惠交易,信息內(nèi)容是APP的價(jià)值基礎(chǔ)。
如何給新生的新業(yè)務(wù)導(dǎo)流,給諸如家裝、結(jié)婚等低頻的一二級(jí)業(yè)務(wù)獲取流量,是點(diǎn)評(píng)一直在思考探索的方向。
一個(gè)平庸的產(chǎn)品,不一定需要很好的創(chuàng)新能力。但一個(gè)想要繼續(xù)快速成長(zhǎng)的產(chǎn)品,必須要?jiǎng)?chuàng)造性的解決問題,否則只能永遠(yuǎn)跟在競(jìng)爭(zhēng)對(duì)手后面。
拋棄市面上成熟的左側(cè)導(dǎo)航欄設(shè)計(jì),在2.0版本中,點(diǎn)評(píng)灰度測(cè)試了頂部導(dǎo)航欄以及底部tab入口的大膽設(shè)計(jì)。
雖最終未達(dá)到預(yù)期,但也是一次勇敢的嘗試,以下是收獲的2點(diǎn)反思。
第一點(diǎn),底部tab入口的效果不佳,從宏觀層面來看,是中國(guó)第三產(chǎn)業(yè)服務(wù)業(yè)的發(fā)展仍處于初步階段。
用戶在生活中對(duì)于O2O分類的訴求仍集中于美食、外賣、電影等高頻粗礦的一級(jí)分類中,而對(duì)于更為細(xì)分的如茶館、采摘、攀巖等服務(wù)類目或者說是生活方式,渴求度較低。
該類消費(fèi)場(chǎng)景的頻次也較低,不足以支撐起獨(dú)立的tab入口。
第二點(diǎn),頂部導(dǎo)航欄設(shè)計(jì)效率欠佳,源于與淘寶導(dǎo)航欄展現(xiàn)的是成熟的品牌,在全部分類頁(yè)通過個(gè)性化呈接細(xì)分品類相比。
點(diǎn)評(píng)在導(dǎo)航欄已根據(jù)用戶興趣偏好,鋪陳了感興趣的一級(jí)類目,在全部分類頁(yè),較難命中用戶的訴求。
反過來說,用戶在點(diǎn)評(píng)全部分類頁(yè)的訴求也更為分散,頁(yè)面點(diǎn)擊分布也論證了該點(diǎn)判斷。
2.從2.0到3.0
在2.0版本的迭代泥澤后,是繼續(xù)執(zhí)著的深陷其中,做困獸之斗,小步優(yōu)化迭代設(shè)計(jì)?
還是推翻一切,否定之前,自己所有的判斷,改為左側(cè)縱向?qū)Ш綑诮Y(jié)構(gòu)?
我們的選擇,正如大家現(xiàn)在所看到的,是后者。這樣的決斷不僅需要勇氣和決心,更需要嚴(yán)謹(jǐn)?shù)姆椒ā?/strong>
正如產(chǎn)品經(jīng)理的日常工作中,判斷一個(gè)版本中需求、功能的優(yōu)先級(jí)最為常見。這個(gè)需求該不該現(xiàn)在做?做到什么樣的程度?在多個(gè)產(chǎn)品設(shè)計(jì)方案中選擇,也是經(jīng)常面臨的情況。
在該種場(chǎng)景下,不管問題、環(huán)境多么錯(cuò)綜復(fù)雜,需要考慮的因素多么繁復(fù),首先要做的就是抽絲剝繭,抓住問題的重點(diǎn)。
而問題的重點(diǎn)則需要通過嚴(yán)謹(jǐn)?shù)臄?shù)據(jù)分析來推導(dǎo),也只有通過數(shù)據(jù),才能勸服所有人,相信我們,這一次改版一定會(huì)比上一次成功。
正因如此,我們分析了頁(yè)面所有模塊的點(diǎn)擊分布,類目點(diǎn)擊分布,縱向/橫向的點(diǎn)擊傾向等等數(shù)據(jù)。
最后以數(shù)據(jù)為依歸,來不斷改善產(chǎn)品,收獲了現(xiàn)有的改版勝利。
四、反思總結(jié)
以上,是對(duì)市場(chǎng)上現(xiàn)有及自身對(duì)全部分類頁(yè)設(shè)計(jì)的分析與歸納。
從1.0到3.0,我并不沮喪自己繞了那么大的路,才回歸正途。反而正是沿途路上的風(fēng)景,讓我更有故事,更獲成長(zhǎng)。
在產(chǎn)品設(shè)計(jì)工作中充滿很多的不確定性,同時(shí)也沒有條件讓人進(jìn)行充分的調(diào)研與論證。
真實(shí)的產(chǎn)品迭代中,鮮有80%以上把握的方案,更多是50%左右的情況。
好比一個(gè)營(yíng)銷人員一年沒有花多少費(fèi)用,那他一定不是一個(gè)優(yōu)秀的員工,因?yàn)樗麤]有去做實(shí)驗(yàn)。
沒有實(shí)驗(yàn),那么永遠(yuǎn)也不會(huì)知道什么營(yíng)銷方案是性價(jià)比、效率最高的。
對(duì)于產(chǎn)品經(jīng)理也是如此,跟在競(jìng)品后面走,是最安全也可能是效率最高的方式,但我們永遠(yuǎn)只是一個(gè)低級(jí)的執(zhí)行者。
我們不能因?yàn)楹ε率?,而拒絕風(fēng)險(xiǎn)。不能因?yàn)樵?jīng)失敗,而害怕嘗試。一個(gè)好的產(chǎn)品經(jīng)理,往往可能是從千萬行代碼的坑中爬起來的。
大膽去想,努力去試,即使是通過一個(gè)“簡(jiǎn)陋”的產(chǎn)品原型,也可以去實(shí)驗(yàn)自己的想法,然后在不斷的通過觀察用戶反饋和數(shù)據(jù),做下一次更完美的判斷。
#專欄作家#
Link,微信公眾號(hào):從0到1(aboutlink),人人都是產(chǎn)品經(jīng)理專欄作家。美團(tuán)點(diǎn)評(píng)產(chǎn)品經(jīng)理,負(fù)責(zé)億級(jí)用戶平臺(tái),專注于O2O,用戶產(chǎn)品設(shè)計(jì),數(shù)據(jù)分析等領(lǐng)域。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
這個(gè)分類邏輯很分析的有點(diǎn)全面,但是不夠細(xì)節(jié),或者說不夠深層,不僅有前臺(tái)的分類,還有后臺(tái)的分類,前臺(tái)的是怎么和后臺(tái)的分類相關(guān)聯(lián)的,這個(gè)沒有,具體講解,比如說,淘寶的前臺(tái)分類,有后臺(tái)的分類,也有運(yùn)營(yíng)的需求加的分類,那么這些新增加怎么和后臺(tái)的分類相關(guān)聯(lián)的,這些才是產(chǎn)品經(jīng)理應(yīng)該了解的設(shè)計(jì)邏輯。
為什么現(xiàn)在又是1.0的樣子了?
你這個(gè)案例,到讓我想起來另外一個(gè)情況。不知你見過網(wǎng)易嚴(yán)選沒,他的首頁(yè)采用的是你所列的第二個(gè)方案,他的分類是第三種方案。他們無所謂哪個(gè)更好,而是哪種方式更適合哪里。
3.0的側(cè)邊欄比2.0頂部導(dǎo)航展示內(nèi)容要多,使用上效率會(huì)提高。但是直覺上感覺2.0、3.0增加了圖片后,單個(gè)入口對(duì)用戶的吸引力會(huì)加強(qiáng),但并提高用戶找想要的入口的效率
是的,圖片吸引力更大,而且更有運(yùn)營(yíng)的空間
最后一個(gè)話打錯(cuò)了,想說的是“但并沒有提高用戶找到想要入口的效率。。。??
從1.0到2.0中,筆者通過數(shù)據(jù)推到茶館、攀巖等細(xì)分類目效果不佳,這里指的是點(diǎn)擊率低還是成交/點(diǎn)擊的轉(zhuǎn)化率低?這個(gè)推導(dǎo)有兩個(gè)問題:1.細(xì)分類目位置靠下,流量本來就不占優(yōu)勢(shì);2. 茶館、攀巖其實(shí)是一級(jí)類目“娛樂”的細(xì)分,跟一級(jí)類目“美食”的數(shù)據(jù)比較是否不太合理?希望作者多多分享 ??
看的是點(diǎn)擊率,看來這一塊確實(shí)可以寫一篇比較細(xì)的,關(guān)于O2O品類滲透分析之類的文章。
關(guān)于這個(gè)問題,我覺得會(huì)拓展到很大的一個(gè)概念。比如說國(guó)內(nèi)第三產(chǎn)業(yè)的發(fā)展階段,對(duì)應(yīng)的人民消費(fèi)水平、消費(fèi)理念覆蓋的人群范圍。新業(yè)務(wù)、新品類的確是或多或少的碰到流量不足的問題,但在整個(gè)產(chǎn)品中的曝光比重、運(yùn)營(yíng)份額會(huì)跟我們所對(duì)應(yīng)產(chǎn)業(yè)所占全產(chǎn)業(yè)的比重有個(gè)比較接近的關(guān)系。若某個(gè)細(xì)分類目還是在培育期,是不是可以先與關(guān)聯(lián)類目建立關(guān)聯(lián)性,然后通過關(guān)聯(lián)類目的子頁(yè)面去增加曝光,用其他較為成熟的業(yè)務(wù)來作內(nèi)部的流量補(bǔ)貼?隨便講講,希望能獲取討論,感激不盡。
期待O(∩_∩)O
一個(gè)關(guān)于導(dǎo)航分類的做了仔細(xì)的研究和分析,通篇看完,獲益匪淺,希望作者再接再勵(lì),繼續(xù)分享產(chǎn)品經(jīng)驗(yàn)。
謝謝
很贊
謝謝
所以最后是做了A/B test,根據(jù)數(shù)據(jù)得出3.0的設(shè)計(jì)更好嗎?
在2.0上做的數(shù)據(jù)推導(dǎo),全量上線
抄的慢!
贏了就是創(chuàng)新,輸了也并非無話可說
作者是個(gè)想突破常規(guī),有自己想法的人。固然饒了一圈,對(duì)于他個(gè)人而言還是有很大收獲的。
當(dāng)然從公司、項(xiàng)目角度看:抄的慢。
其實(shí)從公司角度來說,也是一次嘗試,2.0版做過將分類置于底部tab入口的設(shè)計(jì),去試驗(yàn)用戶對(duì)于O2O品類細(xì)分訴求的渴望度。
?
可參考的有很多,但是居然仍然沒有抄襲到精華….從視覺壓力的角度分析看看?
不要聽我瞎扯,加油,友商:)