全部分類頁,歷經5個月的改版回歸

圖片發自簡書App

隨著美團點評的不斷發展,公司的品類越來越多,誕生了諸如二手交易、美團打車等新的戰略業務。

而APP現有首頁導航欄,可供給展示的品類坑位,已遠遠無法滿足新品類曝光的需求。

如果繼續向下拓展導航欄坑位,采用類似攜程首頁九宮格架構設計,則將壓縮活動運營位的空間與推薦信息流的露出率。

由此,為了保證業務流量的分發效率,導航欄尾部的分類入口的重要性逐步凸顯。

該入口既需要承擔起業務/運營活動,流量分發第二戰場的使命,又要成為扶持公司新/戰略發展業務的搖籃。

在此背景下,Link從去年11月份開始,接手負責了全部分類頁的改版設計。

目標則是在保持用戶固有查找品類習慣的基礎下,兼顧常用品類的穩定性和效率,扶持新品類/活動的導流曝光。

下面我將圍繞市面上優秀APP的設計案例與自身改版的經驗,談談關于全部分類頁的前世今生。

一、入口來源

目前,全部分類頁主要有兩種形式的流量入口。

第1種是類似淘寶、美團、點評的設計,位于首頁導航欄的尾部,幫助用戶繼續瀏覽查找目標品類。

第2種是類似網易考拉、一號店的設計,在APP底部tab導航區有單獨的入口,成為用戶快速查看尋找目標品類的常用快捷入口。

不少APP,例如京東,則是共存了上述的兩類入口。

二、頁面設計

全部分類頁從內容模塊上,主要由一級業務、二級業務、活動資源運營位和搜索框四個模塊組成

從框架結構上,可分為頂部導航欄、左側導航欄、無導航引導三種類型。

1、頂部導航欄

適用于用戶個性化推薦體系較精準完善的產品,通過用戶實時/歷史的搜索、瀏覽、收藏等行為數據積累,直接命中用戶的查找訴求,引導用戶完成交易。

優點:導航欄占據空間較小,可最大程度凸顯實際內容,增加點擊吸引力

缺點:單屏露出的一級品類較少,可能導致效率低下

2、左側導航欄

適用于公司一級品類紛繁復雜的產品,在有限空間內曝光較多的一二級業務。

優點:曝光業務數量多于頂部導航欄,用戶查找一級分類的效率更高

缺點:導航占據屏幕接近1/3位置,不利于業務實際內容的鋪陳

3、無導航欄

適用于公司一級類目較少的產品,設計更加簡單高效

優點:最大化的曝光一二級業務內容

缺點:1、信息布局凌亂,一二級業務區分度不高;2、信息單元僅由文字聚合,重點不突出,內容的吸引力較低;3、風格簡單,美觀性欠缺

三、迭代歷程

上文敘述的2種來源,3種頁面框架,在點評的全部分類頁迭代中,皆有涉及,經驗不可謂不豐富。

1、從1.0到2.0

點評是從信息內容服務延伸到團購閃惠交易,信息內容是APP的價值基礎

如何給新生的新業務導流,給諸如家裝、結婚等低頻的一二級業務獲取流量,是點評一直在思考探索的方向。

一個平庸的產品,不一定需要很好的創新能力。但一個想要繼續快速成長的產品,必須要創造性的解決問題,否則只能永遠跟在競爭對手后面。

拋棄市面上成熟的左側導航欄設計,在2.0版本中,點評灰度測試了頂部導航欄以及底部tab入口的大膽設計。

雖最終未達到預期,但也是一次勇敢的嘗試,以下是收獲的2點反思。

第一點,底部tab入口的效果不佳,從宏觀層面來看,是中國第三產業服務業的發展仍處于初步階段。

用戶在生活中對于O2O分類的訴求仍集中于美食、外賣、電影等高頻粗礦的一級分類中,而對于更為細分的如茶館、采摘、攀巖等服務類目或者說是生活方式,渴求度較低。

該類消費場景的頻次也較低,不足以支撐起獨立的tab入口。

第二點,頂部導航欄設計效率欠佳,源于與淘寶導航欄展現的是成熟的品牌,在全部分類頁通過個性化呈接細分品類相比。

點評在導航欄已根據用戶興趣偏好,鋪陳了感興趣的一級類目,在全部分類頁,較難命中用戶的訴求。

反過來說,用戶在點評全部分類頁的訴求也更為分散,頁面點擊分布也論證了該點判斷。

2、從2.0到3.0

在2.0版本的迭代泥澤后,是繼續執著的深陷其中,做困獸之斗,小步優化迭代設計?

還是推翻一切,否定之前,自己所有的判斷,改為左側縱向導航欄結構?

我們的選擇,正如大家現在所看到的,是后者。這樣的決斷不僅需要勇氣和決心,更需要嚴謹的方法。

正如產品經理的日常工作中,判斷一個版本中需求、功能的優先級最為常見。這個需求該不該現在做?做到什么樣的程度?在多個產品設計方案中選擇,也是經常面臨的情況。

在該種場景下,不管問題、環境多么錯綜復雜,需要考慮的因素多么繁復,首先要做的就是抽絲剝繭,抓住問題的重點。

而問題的重點則需要通過嚴謹的數據分析來推導,也只有通過數據,才能勸服所有人,相信我們,這一次改版一定會比上一次成功。

正因如此,我們分析了頁面所有模塊的點擊分布,類目點擊分布,縱向/橫向的點擊傾向等等數據。

最后以數據為依歸,來不斷改善產品,收獲了現有的改版勝利。

四、反思總結

以上,是對市場上現有及自身對全部分類頁設計的分析與歸納。

從1.0到3.0,我并不沮喪自己繞了那么大的路,才回歸正途。反而正是沿途路上的風景,讓我更有故事,更獲成長。

在產品設計工作中充滿很多的不確定性,同時也沒有條件讓人進行充分的調研與論證。

真實的產品迭代中,鮮有80%以上把握的方案,更多是50%左右的情況。

好比一個營銷人員一年沒有花多少費用,那他一定不是一個優秀的員工,因為他沒有去做實驗。

沒有實驗,那么永遠也不會知道什么營銷方案是性價比、效率最高的。

對于產品經理也是如此,跟在競品后面走,是最安全也是可能是效率最高的方式,但我們永遠只是一個低級的執行者。

我們不能因為害怕失敗,而拒絕風險。不能因為曾經失敗,而害怕嘗試。一個好的產品經理,往往可能是從千萬行代碼的坑中爬起來的。

大膽去想,努力去試,即使是通過一個“簡陋”的產品原型,也可以去實驗自己的想法,然后在不斷的通過觀察用戶反饋和數據,做下一次更完美的判斷。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,732評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,214評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,781評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,588評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,315評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,699評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,698評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,882評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,441評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,189評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,388評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,933評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,613評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,023評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,310評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,112評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,334評論 2 377

推薦閱讀更多精彩內容