美團(tuán)VS大眾點評VS百度糯米:淺談生活類APP該如何設(shè)計信息框架

10 評論 59659 瀏覽 261 收藏 13 分鐘

在本文中,我們將通過對比三家不同基因的生活類APP:美團(tuán)、大眾點評和百度糯米,來談一談生活類的APP該如何設(shè)計信息框架。

2016年7月的今天,生活類APP的競爭已經(jīng)趨于穩(wěn)定。根據(jù)APP Annie 2016年6月的生活類APP在IOS下載量排名,在TOP10的APP里面,美團(tuán)、大眾點評和百度糯米分別占據(jù)了第一、三和四的地位。作為團(tuán)購類生活A(yù)PP,這三款是當(dāng)之無愧的行業(yè)龍頭。

三款A(yù)PP的信息框架概覽

在產(chǎn)品設(shè)計過程中,信息架構(gòu)到底是用來做什么的呢?其實很簡單,設(shè)計信息框架只有一個目的:讓用戶可以在一定的“信息規(guī)劃”下更容易的找到自己想要的“東西”。除此以外,信息架構(gòu)還具有以下作用:出于“產(chǎn)品目標(biāo)”通過“信息架構(gòu)設(shè)計”去教育、說服、通知用戶。

2

圖 2 美團(tuán)APP的信息框架圖

從美團(tuán)APP的信息框架圖中可以發(fā)現(xiàn),美團(tuán)的一級菜單分為五項:首頁、附近、值得去、我的和更多。美團(tuán)將最主要的:美食、電影、酒店等功能放到了最核心第一版最開頭最顯眼的位置上,而購物商場、熱門頻道、放在中間,猜你喜歡放到最后。而附近和值得去又進(jìn)行了二級分類:工作餐、去哪玩、美食、推薦等。在一級菜單“我的”中,美團(tuán)最強(qiáng)調(diào)我的訂單,其次是我的錢包、抵用券等,并在最后包括了我要合作給予商家。美團(tuán)提供了“更多”,以放置無處放置的功能和一些功能開關(guān),包括省流量模式、支付問題等。

3

圖3 大眾點評APP的信息框架圖

4

圖4 百度糯米APP的信息框架圖

大眾點評和百度糯米APP的信息框架非常相似,它們都舍棄了“更多”這個一級菜單。除了“首頁”和“我的”之外,其中大眾點評強(qiáng)調(diào)“閃惠團(tuán)購”和“發(fā)現(xiàn)”,而百度糯米則強(qiáng)調(diào)了“精選”和“附近”。從二級菜單的對比中我們可以看出,大眾點評強(qiáng)調(diào)用過PGC的方式推薦精選和優(yōu)惠的內(nèi)容,而百度糯米強(qiáng)調(diào)功能性對比的直觀排名。而“我的”菜單中,百度糯米最強(qiáng)調(diào)糯米券、收藏和卡包,然后是錢包和訂單,而大眾點評最突出強(qiáng)調(diào)點評功能,然后才是收藏和訂單。更加具體的對比和分析,將在下文中討論。

一級菜單怎么分?

一級菜單,也即是一款A(yù)PP的主目錄,放哪些內(nèi)容,該怎么呈現(xiàn),很大程度上決定了用戶對產(chǎn)品的第一印象。一個好的一級菜單需要能直觀體現(xiàn)產(chǎn)品的最核心功能。從用戶的角度講,就是告訴用戶哪些需求我們的產(chǎn)品可以滿足,也就是回答“我們產(chǎn)品是做什么的”這個問題。從產(chǎn)品的角度出發(fā),一級菜單代表了功能的“總分類”,接下來的功能都應(yīng)該按照這個分類進(jìn)行展開。所以,一個好的一級菜單在用戶看完之后,馬上知道想要的功能在哪個菜單之下。下面,我們通過對比美團(tuán)、大眾點評和百度糯米的一級菜單,探究一下生活類一級菜單設(shè)計的基本邏輯。

QQ截圖20160707152002

信息架構(gòu)梳理的依據(jù)是什么?首先,我們需要明白,信息架構(gòu)受到哪些因素的影響。從大的方面可以分為兩點:“用戶需求”和“產(chǎn)品目標(biāo)”,與上述的A和B兩點作用有著對應(yīng)關(guān)系。具體實踐中,可能受到的影響因素包括:

  • 用戶層面的思考:用戶的理解能力;用戶的熟悉程度(已有心理模型、操作習(xí)慣等);目標(biāo)內(nèi)容的使用頻率(低頻高級功能一般會“藏”的比較深);內(nèi)容的數(shù)量;內(nèi)容信息的語義等等
  • 產(chǎn)品層面的思考:產(chǎn)品的核心價值、產(chǎn)品的主線功能、特色功能等

比如說美團(tuán),它強(qiáng)調(diào)“推薦”,所以把5個類目中的兩個都放成了推薦(一是按距離推薦、一是按PGC來推薦)。但是,大眾點評除了“推薦”之外,更強(qiáng)調(diào)“優(yōu)惠”。所以大眾點評專門設(shè)置了一個“閃惠團(tuán)購”的類目,用來刺激用戶消費。這里,就體現(xiàn)了產(chǎn)品層面的層面的額思考,到底你的產(chǎn)品的核心價值是什么,特色的功能是什么。

又比如說,一級菜單的數(shù)量一般3-5個比較合適。尤其是對于功能和內(nèi)容都非常龐大和復(fù)雜的生活類APP來說,一級菜單應(yīng)該更強(qiáng)調(diào)核心功能,這就是考慮了用戶的理解能力和對目標(biāo)內(nèi)容的使用頻率了。同時,三款產(chǎn)品都有“我的”這個分類,這就強(qiáng)調(diào)了生活類產(chǎn)品的商業(yè)本質(zhì)。生活類APP要求用戶注冊,才能使用團(tuán)購功能,才能開啟點評,才能收藏店鋪。而且在注冊的時候往往都會要求用手機(jī)號注冊,以增加用戶的使用深度。因此,“我的”這個分類應(yīng)該放在一級菜單里面。

生活類APP首頁的信息框架

一款產(chǎn)品的首頁,也就是第一版面、默認(rèn)版面,應(yīng)該呈現(xiàn)這款產(chǎn)品的最核心功能。而生活類APP最核心的功能應(yīng)該是提供生活資訊的推薦,這里包括美食、電影、九點、娛樂休閑、外賣(獨立)、KTV等等。其次,作為生活類APP,或者最直接的商業(yè)模式就是B2C平臺,其主要的作用應(yīng)該是推廣B同時便利C,所以首頁還應(yīng)該強(qiáng)調(diào)廣告和banner。把三款最主流的生活A(yù)PP的首頁,截圖放在一起(圖5),可以發(fā)現(xiàn)它們的首頁布局競驚人地相似。

5

圖5 美團(tuán)、大眾點評和百度糯米(從左至右)的首頁

首先,第一欄永遠(yuǎn)是地區(qū)-搜索-特色功能。地區(qū)放在最前是因為生活類APP有強(qiáng)烈的地域性,北京版的內(nèi)容跟天津版可以完全不同。而生活類APP,尤其是這種團(tuán)購為導(dǎo)向的APP,正如前文所說,是以內(nèi)容為主體的,而且內(nèi)容非常多非常雜,也就是說,搜索功能會非常重要。所以搜索也是放在首頁的頂端。然而,什么是特色功能,就是由這款產(chǎn)品的基因決定的了。美團(tuán)的首頁是消息,一點進(jìn)去就會要求用戶登錄,所以美團(tuán)想強(qiáng)調(diào)它的核心思想是為“用戶”推薦精品。大眾點評搜索框右邊是一個+號,是輸入新的點評功能,所以大眾點評想要強(qiáng)調(diào)自己的“點評”屬性。百度是購物車,這就不必解釋了。

然后,首頁的上半部,是整個產(chǎn)品最核心功能區(qū)。這里包括美食、電影、酒店、外賣等,一共分為三個小頁面,共有30個分類。點開最后一個“全部”,將會展開所有的功能分類,有點像百科全書的目錄。然而,這些功能只選擇了其中10個放在首頁,而留下更多的空間給下面的banner,這就很好的利用了二八效應(yīng)。80%的用戶只會用到20%的功能。所以首頁不宜過度列舉分類,而是把最主要的幾個比如美食和電影,放到最顯眼的地方。

最后,首頁還布局了大量的banner。這些banner說到底是三種,一種是優(yōu)惠,一種是熱門,一種猜你喜歡。這不僅可以應(yīng)用在生活類的APP當(dāng)中,實際上,所有互聯(lián)網(wǎng)產(chǎn)品只要涉及到推薦(比如說QQ音樂推薦歌曲),都離不開這三種套路:便宜、熱門、定制。當(dāng)然具體情況會稍微不一樣,比如說美團(tuán)還把“購物商城”放到了這個地方,是為了強(qiáng)調(diào)美團(tuán)在功能上比另外兩家的優(yōu)勢(百度糯米和大眾點評暫時沒有這個功能)。

生活類APP信息框架設(shè)計小技巧:添加特色功能

在進(jìn)行信息框架設(shè)置的時候,介紹一個相對簡單的秘訣,那就是模仿已有的相似的產(chǎn)品,然后同時突出自己的特色功能。那么生活類APP可以有哪些特色功能呢?下面我們將三個產(chǎn)品的特色進(jìn)行對比,談一談生活類產(chǎn)品有哪些可以做的嘗試。

特色一:社交元素

QQ截圖20160708154510

特色二:商圈

美食也好,電影也罷。所有的生活娛樂形式,最終大部分都會以“商圈”的形式聚集。而美團(tuán)將這種商區(qū)實現(xiàn)了分類,也是生活類APP可以改進(jìn)的方向。舉個例子,在北京,周末想要出來玩首先會想到去王府井還是去三里屯,而不是去哪家飯店哪個小區(qū)。將商圈作為一種推薦的形式,是美團(tuán)特有的競爭力。

特色三:PGC專家產(chǎn)生內(nèi)容

正如前文里面反復(fù)強(qiáng)調(diào),生活類APP的本質(zhì)是B2C,B2C就意味著產(chǎn)品需要推薦內(nèi)容。而專家推薦,就是一種很常用也又很有效的方式。美團(tuán)、大眾點評和百度糯米三款產(chǎn)品里面,百度糯米完全放棄了這種形式,而美團(tuán)是簡單的把相似的餐廳進(jìn)行分類,用幾句話對分類進(jìn)行描述,只能算最初級的PGC,只有大眾點評,依托其強(qiáng)大的社交功能,產(chǎn)生了大量精彩的PGC推薦文章。這些文章不僅在大眾點評用戶端傳播,也經(jīng)常被分享到第三方社交平臺如微博和微信的朋友圈。

特色四:自定義排行榜

QQ截圖20160708154524

結(jié)語

如今,pm們都更熱衷于“用戶”“功能”,而網(wǎng)上對于信息框架設(shè)計的相關(guān)文章也比較少,所以想試著總結(jié)一下信息框架設(shè)計有什么實用的技巧。本文重點關(guān)注了一級菜單的、首頁和特色功能的設(shè)計,主要的切入點是生活類APP。通過對美團(tuán)、大眾點評和百度糯米進(jìn)行對比,看這類APP在信息框架設(shè)計方面有哪些值得學(xué)習(xí)的地方,希望讀者閱讀完后可以跟我進(jìn)行討論。

 

本文由 @賴子豪 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 很好,認(rèn)真分析對照產(chǎn)品,很細(xì)節(jié),見解也到位,學(xué)到很多,可以參考分析框架,謝謝樓主!

    回復(fù)
  2. 信息架構(gòu)和信息結(jié)構(gòu)概念相差有多大?我看文章里指出信息架構(gòu)給的是用戶看,唐杰文章里提到:信息結(jié)構(gòu)能輔助技術(shù)人員創(chuàng)建數(shù)據(jù)庫圖表。

    來自湖北 回復(fù)
    1. 詳細(xì)的信息架構(gòu)里面包括字段

      來自北京 回復(fù)
  3. 信息架構(gòu)~ ??

    來自北京 回復(fù)
  4. 一般般,適合入門 加油

    來自廣東 回復(fù)
  5. 誰能指點我一下 為什么作者的信息架構(gòu)跟我在別人那里看得信息架構(gòu)不一樣 像是產(chǎn)品功能架構(gòu) 頭有點暈

    來自廣東 回復(fù)
  6. 寫的不錯!

    來自本機(jī)地址 回復(fù)
  7. 真的是實用的一篇文章,比起純理論純經(jīng)驗的分享,實例的分析更能讓人受益,謝謝~

    來自廣東 回復(fù)
  8. 這才是干貨,真是自己一直想要的東西

    回復(fù)
    1. 謝謝你的肯定,以后會盡量寫更多實用的干貨的~

      來自澳大利亞 回復(fù)