全部分類頁,歷經5個月的迭代回顧

23 評論 12965 瀏覽 107 收藏 10 分鐘

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

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

而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%左右的情況。

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

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

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

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

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

#專欄作家#

Link,微信公眾號:從0到1(aboutlink),人人都是產品經理專欄作家。美團點評產品經理,負責億級用戶平臺,專注于O2O,用戶產品設計,數據分析等領域。

本文原創發布于人人都是產品經理。未經許可,禁止轉載

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這個分類邏輯很分析的有點全面,但是不夠細節,或者說不夠深層,不僅有前臺的分類,還有后臺的分類,前臺的是怎么和后臺的分類相關聯的,這個沒有,具體講解,比如說,淘寶的前臺分類,有后臺的分類,也有運營的需求加的分類,那么這些新增加怎么和后臺的分類相關聯的,這些才是產品經理應該了解的設計邏輯。

    來自廣東 回復
  2. 為什么現在又是1.0的樣子了?

    來自上海 回復
  3. 你這個案例,到讓我想起來另外一個情況。不知你見過網易嚴選沒,他的首頁采用的是你所列的第二個方案,他的分類是第三種方案。他們無所謂哪個更好,而是哪種方式更適合哪里。

    來自北京 回復
  4. 3.0的側邊欄比2.0頂部導航展示內容要多,使用上效率會提高。但是直覺上感覺2.0、3.0增加了圖片后,單個入口對用戶的吸引力會加強,但并提高用戶找想要的入口的效率

    來自浙江 回復
    1. 最后一個話打錯了,想說的是“但并沒有提高用戶找到想要入口的效率。。。??

      來自浙江 回復
  5. 從1.0到2.0中,筆者通過數據推到茶館、攀巖等細分類目效果不佳,這里指的是點擊率低還是成交/點擊的轉化率低?這個推導有兩個問題:1.細分類目位置靠下,流量本來就不占優勢;2. 茶館、攀巖其實是一級類目“娛樂”的細分,跟一級類目“美食”的數據比較是否不太合理?希望作者多多分享 ??

    來自香港 回復
    1. 關于這個問題,我覺得會拓展到很大的一個概念。比如說國內第三產業的發展階段,對應的人民消費水平、消費理念覆蓋的人群范圍。新業務、新品類的確是或多或少的碰到流量不足的問題,但在整個產品中的曝光比重、運營份額會跟我們所對應產業所占全產業的比重有個比較接近的關系。若某個細分類目還是在培育期,是不是可以先與關聯類目建立關聯性,然后通過關聯類目的子頁面去增加曝光,用其他較為成熟的業務來作內部的流量補貼?隨便講講,希望能獲取討論,感激不盡。

      來自上海 回復
    2. 期待O(∩_∩)O

      來自香港 回復
  6. 一個關于導航分類的做了仔細的研究和分析,通篇看完,獲益匪淺,希望作者再接再勵,繼續分享產品經驗。

    來自廣東 回復
  7. 很贊

    來自北京 回復
  8. 所以最后是做了A/B test,根據數據得出3.0的設計更好嗎?

    來自北京 回復
  9. 抄的慢!

    來自北京 回復
    1. 作者是個想突破常規,有自己想法的人。固然饒了一圈,對于他個人而言還是有很大收獲的。
      當然從公司、項目角度看:抄的慢。

      來自北京 回復
    2. ?

      來自北京 回復
    3. 可參考的有很多,但是居然仍然沒有抄襲到精華….從視覺壓力的角度分析看看?

      來自北京 回復
    4. 不要聽我瞎扯,加油,友商:)

      來自北京 回復