本篇文章將會(huì)具體從產(chǎn)品的功能模塊角度出發(fā)，深入思考各競(jìng)品背后的產(chǎn)品設(shè)計(jì)思路。

閱讀前聲明：本文作者與文中所涉及到的相關(guān)APP與平臺(tái)僅有參考關(guān)系，無(wú)實(shí)際利益關(guān)系

本文是前文《競(jìng)品分析：電商中的社區(qū)（上）》的續(xù)篇。

注：本文分為上下兩部分 上篇主要進(jìn)行用戶分析，使用場(chǎng)景分析以及從功能模塊總覽的角度進(jìn)行闡述；下篇主要從具體的功能模塊角度出發(fā)，思考各競(jìng)品背后的產(chǎn)品設(shè)計(jì)思路。

內(nèi)容流組成分析

首先我們首先來(lái)看看這幾款社區(qū)的商品流，從左到右依次為小品有品品味社區(qū)，新草社區(qū)，天貓種草貓，網(wǎng)易考拉種草社區(qū)，小紅書(shū)社區(qū)。

下圖的表格整理出了內(nèi)容流的主要組成：

各大社區(qū)的內(nèi)容流的主要組成

圖表內(nèi)容詳細(xì)分析

1. 橫豎版展示形式對(duì)比

內(nèi)容豐富度層面對(duì)比：

從圖表中我們可以發(fā)現(xiàn)，社區(qū)的展示形式主要分為兩類——橫版與豎版。

從接下來(lái)的內(nèi)容流展示元素中我們可以看出，橫版的展示形式相對(duì)于豎版會(huì)展示同一內(nèi)容的更多的維度。但是同一屏之內(nèi)總內(nèi)容的曝光量卻不夠豐富，兩種展示形式的對(duì)比結(jié)果如下所示：

橫豎版展示形式的對(duì)比

交互形式層面對(duì)比：

除了可以從更多維度展示內(nèi)容之外，橫板另外的好處就是交互種類更加豐富而交互的行為更加簡(jiǎn)單。

交互內(nèi)容豐富——從上面的表格中的“評(píng)價(jià)與互動(dòng)相關(guān)”中可發(fā)現(xiàn)，新草APP的內(nèi)容流中提供了XX贊過(guò)，點(diǎn)贊數(shù)，評(píng)論數(shù)，轉(zhuǎn)發(fā)等功能，在瀏覽過(guò)程中可以更方便快捷地讓用戶即時(shí)表達(dá)自己對(duì)該條內(nèi)容的想法，做到即時(shí)反饋，并且高點(diǎn)擊量還會(huì)吸引用戶去主動(dòng)點(diǎn)擊，有利于形成良好的正反饋。

交互行為簡(jiǎn)單——由于橫板形式內(nèi)容展示的維度更多，用戶可以僅從首頁(yè)就基本了解該商品，不需要過(guò)多的點(diǎn)擊行為。如果用戶對(duì)內(nèi)容感興趣，再點(diǎn)擊查看詳情即可，操作極為單一（只需要上劃即可）。可以讓用戶在入口最淺的情況下盡可能多地去看到一些內(nèi)容，視線也更加聚焦。而豎版形式用戶還需要左右瀏覽，不斷進(jìn)行信息的捕捉，交互相對(duì)更加復(fù)雜。同一時(shí)間處理的信息量過(guò)多。

相比之下，我們重視的是要交互的過(guò)程越簡(jiǎn)單越單一越好，不僅僅方便用戶進(jìn)行單手操作，還要讓用戶在各個(gè)使用的場(chǎng)景中都盡可能通過(guò)最簡(jiǎn)單的操作來(lái)完成所有的交互動(dòng)作。

（當(dāng)然，這個(gè)只是個(gè)人的一些分析與想法，具體哪個(gè)效果更好，建議還是通過(guò)AB測(cè)試的方式用數(shù)據(jù)來(lái)支撐，最終的數(shù)據(jù)反映的才是用戶最真實(shí)的偏好）

抖音詳情頁(yè)——圖片來(lái)自百度

類似的邏輯我們?cè)谖⑿排笥讶?，QQ空間以及微博中都可以看到。

再比如像抖音，最右等讓人一刷就停不下來(lái)的APP，都是類似通過(guò)簡(jiǎn)單化交互邏輯來(lái)實(shí)現(xiàn)的。（小紅書(shū)的關(guān)注部分與詳情頁(yè)中均采用了橫板的形式，這個(gè)在下一節(jié)我們進(jìn)一步去闡述。）

綜上，我們可以發(fā)現(xiàn)兩種展示樣式分別可以滿足用戶何種需求：

• 橫板滿足的用戶需求：不需要過(guò)多的行為和思考就可以從更多維度了解該商品；
• 豎版滿足的用戶需求：想在社區(qū)里快速篩選有沒(méi)有自己感興趣的商品。

當(dāng)然，這些都只是展示層面的東西，更重要的還是我們的內(nèi)容。其實(shí)在和其他同事溝通之后發(fā)現(xiàn)——橫板的樣式中，對(duì)圖片的質(zhì)量要求較高并且吸引目標(biāo)人群，而且對(duì)推薦算法的精準(zhǔn)度要求也更高（因?yàn)橛脩粢淮沃荒芸吹揭粋€(gè)商品）。

另外，用戶在瀏覽社區(qū)的過(guò)程中，瀏覽動(dòng)線更加關(guān)注的是圖片的內(nèi)容而不是標(biāo)題與介紹，所以無(wú)論橫板還是豎版，都應(yīng)該重視圖片在其中的重要作用。

（但是這個(gè)想法是否是對(duì)的，還是要通過(guò)AB測(cè)試的方法才能有更直觀的結(jié)論——僅僅通過(guò)討論而沒(méi)有數(shù)據(jù)支撐的思考是沒(méi)有靈魂的）

2. Tab部分

對(duì)比表格中的內(nèi)容流組成后我們發(fā)現(xiàn)，部分社區(qū)提供了分類Tab的功能（網(wǎng)易考拉&新草）。

結(jié)合Tab的作用，不難發(fā)現(xiàn)是為了幫助用戶快速定位到自己所屬的用戶人群以及感興趣的內(nèi)容集合中，從而不斷用用戶感興趣的內(nèi)容來(lái)刺激用戶，增加用戶的留存并促進(jìn)轉(zhuǎn)化。

但是天貓以及小米有品的社區(qū)就沒(méi)有類似的分類Tab，但是仔細(xì)看過(guò)社區(qū)的內(nèi)容發(fā)現(xiàn)，天貓種草貓首頁(yè)的內(nèi)容發(fā)表時(shí)間大多集中在2018年9月份，即使該內(nèi)容是根據(jù)智能排序推薦算法來(lái)推出來(lái)的（小紅書(shū)和網(wǎng)易考拉中的內(nèi)容大多都是2019年的新內(nèi)容），也可發(fā)現(xiàn)其更新速度偏慢。而小米有品的內(nèi)容更新則更慢一些（最近幾天好像沒(méi)有什么更新）。

在這樣的前提下，如果再根據(jù)不同的分類來(lái)進(jìn)行劃分的話，內(nèi)容可能支撐不起來(lái)。

小紅書(shū)就比較特殊，上面的Tab并不是分類Tab，而是關(guān)注，發(fā)現(xiàn)與附近（進(jìn)入首頁(yè)默認(rèn)展示發(fā)現(xiàn)），關(guān)注中的內(nèi)容是用戶關(guān)注的其他用戶發(fā)表的最新內(nèi)容更新（根據(jù)更新的時(shí)間來(lái)進(jìn)行排序，類似朋友圈，但是展示形式同內(nèi)容詳情頁(yè)）。

該部分總結(jié)：

Tab起到的作用是作為推薦的補(bǔ)充，將用戶快速定位到其所屬分類&感興趣的內(nèi)容集合中（當(dāng)用戶對(duì)推薦中的內(nèi)容失去興趣后，提供更多的選擇空間，拓寬選擇維度來(lái)增加用戶的留存時(shí)間）。

但是，要注意劃分人群的尺度——

過(guò)細(xì)會(huì)導(dǎo)致維度過(guò)多，一是讓用戶陷入選擇中，進(jìn)而可能導(dǎo)致放棄；二是如果內(nèi)容無(wú)法支撐起來(lái)，會(huì)導(dǎo)致每個(gè)分類下面的內(nèi)容過(guò)少，從而打擊了用戶瀏覽的積極性。太粗則會(huì)導(dǎo)致內(nèi)容推薦不夠精準(zhǔn)，讓用戶沒(méi)有繼續(xù)逛下去的欲望。

3. 內(nèi)容詳情頁(yè)

內(nèi)容詳情頁(yè)作為首頁(yè)流量的承接頁(yè)，自然也是我們的重點(diǎn)分析對(duì)象，這里我們主要關(guān)心圖文相關(guān)的內(nèi)容詳情頁(yè)（圖文相對(duì)于視頻的好處是內(nèi)容更加豐富，視頻在相同瀏覽時(shí)長(zhǎng)內(nèi)所獲得的信息量遠(yuǎn)遠(yuǎn)低于圖文），下面兩個(gè)表分別從內(nèi)容詳情頁(yè)整體框架和首頁(yè)展示內(nèi)容兩個(gè)維度來(lái)進(jìn)行對(duì)比（前者對(duì)比整體功能，后者對(duì)比首頁(yè)給用戶的第一感覺(jué)）。

各大社區(qū)內(nèi)容詳情頁(yè)展示元素對(duì)比

首屏展示關(guān)鍵元素

作者相關(guān)部分：

主要展示作者的頭像，名字和以及關(guān)注按鈕。從作者的角度看，可以為作者賦能——獲得更多的粉絲和關(guān)注，滿足了前文我們提及的發(fā)布者的需求。

從普通用戶的角度看，點(diǎn)擊關(guān)注說(shuō)明對(duì)作者發(fā)布的內(nèi)容/作者本人很感興趣，想要在未來(lái)及時(shí)看到作者的更新（除了天貓種草貓，其余社區(qū)均有關(guān)注的列表，方便用戶進(jìn)行查看），滿足了這一類用戶想要去逛一逛的需求——看一看達(dá)人們推薦的好物或者某些好看的小姐姐/小哥哥(的生活)。

圖片展示邏輯：

在內(nèi)容詳情頁(yè)中，各競(jìng)品均采用了圖片可左右滑動(dòng)，但是一次只展示一張的交互效果。雖然可以讓用戶看到較高質(zhì)量的圖片內(nèi)容，但是同時(shí)存在的缺點(diǎn)也很明顯——用戶進(jìn)入該頁(yè)中可能不知道/忽略要左右滑動(dòng)的問(wèn)題，導(dǎo)致很多內(nèi)容被忽略了。

除此之外，品味社區(qū)，天貓種草貓和網(wǎng)易考拉社區(qū)中均提供了直接購(gòu)買(mǎi)的途徑，在用戶瀏覽內(nèi)容之后，如果對(duì)內(nèi)容感興趣，便可以直接到商品詳情頁(yè)中去購(gòu)買(mǎi)，完成了電商完整的購(gòu)物閉環(huán)。

評(píng)價(jià)，互動(dòng)與商品流的邏輯：

在各大社區(qū)中，點(diǎn)贊與評(píng)論均為共有的部分，點(diǎn)贊可以讓用戶快速表達(dá)自己的喜好，而評(píng)論則可以讓用戶接觸最真實(shí)的反饋，增強(qiáng)用戶對(duì)平臺(tái)的信任。

除此之外，參與評(píng)論會(huì)給人帶來(lái)一種參與感與情感的付出，是一種積極的興趣反饋。畢竟付出的越多，用戶的替換成本就越高，也就越離不開(kāi)這個(gè)平臺(tái)。

但是需要注意的是，天貓將所有評(píng)價(jià)與互動(dòng)相關(guān)內(nèi)容固定在底部，用戶在瀏覽的任何時(shí)候均可以進(jìn)行點(diǎn)贊，評(píng)論，收藏與購(gòu)買(mǎi)，注重完整的評(píng)價(jià)體系。而網(wǎng)易考拉和新草社區(qū)則更加重視評(píng)論與點(diǎn)贊的部分（固定到了底部），方便用戶隨時(shí)發(fā)表自己在瀏覽時(shí)最真實(shí)的想法。

相比之下，小紅書(shū)則將整個(gè)內(nèi)容詳情頁(yè)做成了內(nèi)容流的形式（橫版樣式），因此可以很方便對(duì)每一個(gè)內(nèi)容發(fā)表自己的想法，如果想看更詳細(xì)的內(nèi)容，可以再點(diǎn)擊“展開(kāi)”來(lái)查看更多，相比之下更加靈活。

再結(jié)合首頁(yè)的展示邏輯，不難發(fā)現(xiàn)，小紅書(shū)的社區(qū)展示邏輯為：首頁(yè)實(shí)際為內(nèi)容聚合頁(yè)，相當(dāng)于無(wú)數(shù)個(gè)分類，進(jìn)入每一個(gè)內(nèi)容之后，就會(huì)為用戶再推薦相似的內(nèi)容，這樣對(duì)用戶的命中更加精準(zhǔn)，或許這是另一個(gè)小紅書(shū)為何沒(méi)有Tab切的原因吧（其余的原因在“淺析電商中的社區(qū)（上）”中有相關(guān)的描述）。

而擁有類似推薦邏輯的是網(wǎng)易考拉種草社區(qū)。在內(nèi)容詳情頁(yè)中，不僅僅有內(nèi)容中描述的商品的直接跳轉(zhuǎn)鏈接（形成了完整的購(gòu)物閉環(huán)），而且在下方還提供了類似商品和相關(guān)商品內(nèi)容流。

從產(chǎn)品邏輯來(lái)看，這樣的展示形式可以起到讓更多內(nèi)容曝光，從而增加轉(zhuǎn)化的目的，但是存在的問(wèn)題也很明顯——整體展示樣式與功能布局顯得很凌亂，給用戶造成了不必要的干擾。感覺(jué)現(xiàn)在的網(wǎng)易考拉種草社區(qū)的定位已經(jīng)更加偏向于轉(zhuǎn)化與帶貨，內(nèi)容的深度，豐富度以及吸引人的程度相比之前大打折扣。

而天貓和新草社區(qū)在底部沒(méi)有更多的推薦內(nèi)容，雖然有購(gòu)買(mǎi)與轉(zhuǎn)化的方式，但是前者標(biāo)識(shí)不夠清晰，后者的購(gòu)買(mǎi)路徑過(guò)長(zhǎng)（點(diǎn)擊種草之后會(huì)到該商品的承接頁(yè)去展示與該商品有關(guān)的相關(guān)內(nèi)容，之后再跳轉(zhuǎn)到京東或者淘寶的商品詳情頁(yè)中，路徑過(guò)長(zhǎng)會(huì)增加用戶的流失，從而減少相關(guān)的轉(zhuǎn)化與廣告收益），在相關(guān)的購(gòu)買(mǎi)流程上還可以進(jìn)行更多優(yōu)化。

其他：

短視頻的展示形式雖然在單位時(shí)間內(nèi)的內(nèi)容覆蓋更少，但是卻可以給用戶提供更加真實(shí)的購(gòu)物體驗(yàn)，增加用戶的信任度。如果可以結(jié)合VR/AR技術(shù)（比如支持在線試穿等功能），個(gè)人認(rèn)為，整個(gè)購(gòu)物體驗(yàn)或許會(huì)更好。

但是短視頻是一種高效的殺用戶時(shí)間的方式，個(gè)人認(rèn)為，讓用戶把時(shí)間都耗費(fèi)在這里可能不利于建設(shè)社會(huì)主義，但是想到如果我們不為其提供這樣的服務(wù)，還會(huì)有其他人提供這樣的服務(wù)，與其這樣，還不如我們提供一些更高質(zhì)量的內(nèi)容，讓用戶更開(kāi)心呢（這段皮一下就很開(kāi)心）。

雖然個(gè)人不太喜歡短視頻，但是不能因?yàn)閭€(gè)人的厭惡而否決一個(gè)想法，可以根據(jù)AB測(cè)試的最終結(jié)果來(lái)確定何種展示樣式。

寫(xiě)在最后

個(gè)人認(rèn)為，競(jìng)品分析的過(guò)程就是和競(jìng)品們的產(chǎn)品經(jīng)理們進(jìn)行思想碰撞的過(guò)程。

在頁(yè)面展示與布局中，看到對(duì)方的展示元素并分析出對(duì)方的設(shè)計(jì)思路。但由于不了解競(jìng)對(duì)設(shè)計(jì)之初所面對(duì)的業(yè)務(wù)背景和實(shí)際數(shù)據(jù)點(diǎn)擊情況，所以競(jìng)品分析的結(jié)果只能作為參考，而不能直接盲目移植到我們的產(chǎn)品中。

應(yīng)該結(jié)合我們的實(shí)際業(yè)務(wù)場(chǎng)景與我們的用戶特征來(lái)進(jìn)行頁(yè)面的調(diào)整，并根據(jù)頻道的點(diǎn)擊數(shù)據(jù)來(lái)進(jìn)行迭代與完善——謹(jǐn)以此想法獻(xiàn)給我們的業(yè)務(wù)方。

就在準(zhǔn)備發(fā)布前，我又看了一下Keep的社區(qū)，然后又看了看小紅書(shū)，新草，網(wǎng)易考拉以及天貓的社區(qū)，我不由得發(fā)出了一句感慨：年輕的女孩真的是社區(qū)中最美的風(fēng)景啊，讓人不由自主產(chǎn)生想要點(diǎn)擊的欲望。

所以不由得產(chǎn)生了一個(gè)思考——高質(zhì)量的內(nèi)容和年輕的肉體哪一個(gè)更吸引用戶呢？

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

題圖來(lái)自Unsplash，基于CC0協(xié)議