評論區的產品設計:樹形分支、線形分支、蓋樓式結構

2020-12-11 人人都是產品經理

在一個網絡社區中,評論區是內容生產者和內容消費者的橋梁,是社區內用戶互動的主戰場。

過去的一年中,短視頻產品風頭正勁,前有快手的流量奇蹟,後有抖音的強勢崛起,硬生生在流量紅海的情況下,殺出了一條路。

不過,本篇不是要說快手或者抖音,不妨拋開具體的產品,來看下社區、媒體類產品中評論區的設計。

在社區類、媒體類產品中,評論區是話題/內容的延伸。在一個網絡社區中,評論區是內容生產者和內容消費者的橋梁,是社區內用戶互動的主戰場。

目前主流的社區以及媒體產品中,常見的跟帖形式有如下三種:

一、樹形分支結構

樹形分支結構即主題式設計,評論區只顯示對於主貼的評論以及部分對話回復,將其他對主貼評論的回覆以及對話摺疊起來,針對主貼的評論可以成為一個單獨的互動子模塊。

採用這種形式的主流產品有:微博/陌陌/簡書/天天快報/即刻/騰訊新聞。

註:微博 & 簡書 & 即刻

樹形分支結構將回復對話內容進行摺疊,每一條評論內容都可以成為話題互動的子模塊,有利於對話式、簡短式的內容回復。如果評論內容本身具有話題性,主題式設計方便用戶瀏覽對話(撕逼/討論)過程,可以吸引更多的用戶參與進來,延伸主貼的話題性,提升社區內的互動,在評論區營造更加熱鬧的氛圍。

一個相對熱鬧的評論區中,回復內容有很大一部分是針對原帖內容的二次互動,評論區會充斥著大量與原帖內容無關的回覆信息。而將回復對話內容進行摺疊,可以過濾掉大量低質量的對話回復內容,同時通過算法使一部分優質的回覆得到曝光,兼顧瀏覽以及帶動互動的需求。

樹形分支結構由於排序方式以及展示位置所限,後續的評論曝光度相對來說會降低。直接回復熱門評論變成了一條增加曝光度的捷徑,這樣可能會造成熱門評論的回覆區大量灌水的情況,可參照微博熱門評論區的大量賣片信息,以及貼吧的熱門評論回復。

今日頭條/火山視頻在此基礎上,將所有對話回復內容進行摺疊,只在評論下方顯示回復的內容條數,使評論更加傾向於「內容」本身。但後續進來的用戶瀏覽對話回復的路徑變深,帶動用戶互動的效果會下降。

二、線形分支結構

線形分支設計包含兩種不同的,一種是回覆中引用原評論的形式,另一種是@原貼用戶,但是不引用原評論。

前一種代表產品有:抖音/網易雲音樂。

註:雲音樂 & 抖音

後一種代表產品有:b站/脈脈。

註:b站 & 脈脈

線形分支結構設計更加輕巧、功能邏輯也相對簡單、適用面廣,能夠勝任各種類型的網絡社區。

樹形分支由於摺疊對話回復內容,用戶對話的回覆內容瀏覽路徑變得更深了,雖然通過算法能夠曝光一些優質回復,但仍然會很多「神回復」會沉下去。

線形結構是按照的回覆內容時間線展示,然後再通過算法增加優質評論的曝光,對於每一條回復內容來說相對公平,能夠營造更加客觀的評論區。

按照時間線順序排列的線形分支結構(算法曝光部分優質回復),如果評論中充斥著大量低質量的、不連續的對話回復內容,對於後續進入的用戶來說,評論區的瀏覽體驗較差。

同時所有的評論都是按照時間順序排列,用戶之間的對話回復內容沒有連續性,對於想要看熱鬧或者圍觀用戶瀏覽比較費勁,整個評論區也顯得不夠熱鬧,不能有效的帶動後續用戶參與到當前的互動中來。

三、蓋樓式結構

蓋樓式結構是網易新聞的評論區的經典設計,A站評論區也採用這種設計。

註:網易新聞 & A站

蓋樓是一個很形象的說法,將內容信息比做地基,第一層的評論相當於一樓,第二層的回覆是在第一層評論的基礎上蓋的二樓,以此類推… … 類似於一個蓋樓的過程(據說最高可以到70層)。

蓋樓式設計會將所有引用的樓層消息都展示出來,這樣可以很清晰的看到整個對話回復的過程,視覺上很有衝擊力,閱讀連貫性較好,並且看起來也很熱鬧。

在廣大網友下,甚至形成了一種跟帖文化,各路大神競相跟帖,在跟帖區自嘲/諷刺世俗等等,最後可以演變成一部微小說、一首詩。

註:網易新聞評論區的跟帖文化

蓋樓的方式同時也存在一個問題,大量蓋樓的評論消息,中間樓層展示的是相同或相似的內容,評論區看起來會出現大量重複的內容。所以後來網易優化蓋樓的功能,將評論中大量重複的蓋樓信息進行摺疊,只顯示最早的以及回復的內容。

蓋樓的評論區重點在於——怎麼把樓層蓋起來達到視覺效果,同時需要大量的用戶參與進來,才來發揮蓋樓設計的效果。如果沒有大量的有用戶並且參與進來維護蓋樓的效果,採用蓋樓式設計是比較大的挑戰,評論區會很「難看」。

關於網易跟帖設計可以參考這篇文章:網易跟帖文化的前世今生 – 簡書

此外還有最原始的評論區結構,只能評論而無法回複評論的內容,缺乏有效的互動機制,更多的是產品早期的時候,進行快速迭代時採用的設計。例如:開眼以及即刻早期的評論區,只支持針對內容的單向評論,用戶之間無法進行回復對話,在後續的版本迭代過程中,逐漸完善評論區的功能。

以上,就是關於評論區設計的一些總結,

 

作者:Ronie,個人微信公號:qinfengrec

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

題圖作者提供

相關焦點

  • Python分支結構(if條件語句)
    在Python程序中有三種基本算法結構,分別是順序結構;分支結構和循環結構。順序結構就是按照語句的自然先後順序進行依次執行,我們之前講解的案例基本都是順序結構,順序結構比較簡單,在此不做贅述,讓我們直接來看分支結構。
  • C語言程序結構1:選擇(分支)結構
    C語言程序結構3+1分支結構的執行是依據一定的條件選擇執行路徑,而不是嚴格按照語句出現的物理順序。分支結構的程序設計方法的關鍵在於構造合適的分支條件和分析程序流程,根據不同的程序流程選擇適當的分支語句。
  • Python的if分支結構,超簡單!
    分支結構是程序選擇判斷,從而進行更複雜操作的基礎結構。Python程序中的分支結構,主要有if語句建立。程序中的判斷最常見的是使用操作關係符判斷兩個對象的關係,並據此得到True或者False的返回結果在決定分支方向。因此在學習if分支前,我們需要先學習一下Python中的關係操作符。
  • C語言程序結構2:選擇(分支)結構
    C語言程序結構1:選擇(分支)結構很多人覺得if嵌套比較難,其實理清楚程序結構很簡單。if(條件){分支1} //當條件為真,執行分支體1else{分支2} //當條件為假,執行分支體2//分支體可以是一條語句,此時「{ }」可以省略,
  • 現代數學有哪些分支學科?(364個分支,超全!)
    這裡每一個中等詞條基本上都代表了數論領域中的一個分支學科,各個中等詞條實際上都是一篇有相當長度的簡明扼要的綜述性文章(例如對分支學科「志村簇」的介紹達到了6頁,而對分支學科「自守形式」的介紹則達到了15頁),其中又各自包含了屬於該分支的至少十幾條或者幾十條小詞條。這樣,就不用再另外單獨地寫小詞條了。
  • 果樹整形修剪時,樹形結構上存在的問題,和修剪手法上存在的問題
    果樹整形修剪時,樹形結構上存在的問題,和修剪手法上存在的問題一,樹形結構上存在的主要問題(1)冠層高度主要體現在樹的高度上,冠層直徑大於行距。株型間,行間交接效果好,遮蔭遮光,全園樹冠封閉,果實產量高,品質好,效益低。
  • Git 分支 - 分支的新建與合併
    有了 Git 的幫助,你不必把這個緊急問題和 iss53 的修改混在一起,你也不需要花大力氣來還原關於 53# 問題的修改,然後再添加關於這個緊急問題的修改,最後將這個修改提交到線上分支。你所要做的僅僅是切換回 master 分支。但是,在你這麼做之前,要留意你的工作目錄和暫存區裡那些還沒有被提交的修改,它可能會和你即將檢出的分支產生衝突從而阻止 Git 切換到該分支。
  • Python第5課:if else 單條件雙分支結構
    常見的選擇結構有:○ 單條件單分支     if○ 單條件雙分支     if  else○ 多條件多分支     if  elif  else○ 嵌套不管有多少個分支,都只能執行一個分支,或者一個也不執行,不能同時執行多個分支。
  • git 分支合併策略
    但是,隨著需求迭代周期的不斷變化、發布的嚴格管控、線上問題的緊急修復等,開發分支時刻面臨著來自不同需求方的「挑戰」,合併到生產分支有時總會出現不可控的問題。這些問題對開發人員管控代碼造成了「不小的困擾」。歸根到底就是沒有對 git branch 的開發合併策略有個系統的認識。
  • 教你學習:Python-100-Days-03 分支結構
    教你學習: Python-100-Days-03 分支結構本項目是參考項目內容,進行個人理解,和原有項目有出入,如想了解詳情,請自行百度去搜索項目做完一件事,再做一件事,再寫Python時一條一條執行叫做順序執行
  • 現代數學有哪些分支學科?
    這裡每一個中等詞條基本上都代表了數論領域中的一個分支學科,各個中等詞條實際上都是一篇有相當長度的簡明扼要的綜述性文章(例如對分支學科「志村簇」的介紹達到了6頁,而對分支學科「自守形式」的介紹則達到了15頁),其中又各自包含了屬於該分支的至少十幾條或者幾十條小詞條。這樣,就不用再另外單獨地寫小詞條了。
  • 蘋果樹栽培技術|高紡錘形樹形結構和特點
    一、樹形結構在20世紀80~90年代,北歐蘋果園應用最多的樹形是細長紡錘形,而南歐、北美和紐西蘭蘋果園應用最多的樹形是直立幹形。直到20世紀90年代末期,世界各國才開始把這幾種樹形綜合為一種稱為高紡錘形的新樹形。
  • git分支概念和分支相關操作
    本文中,蟲蟲將帶你回到git王國,通過實例理解git分支的概念及分支相關的操作,在你閱讀這篇文章後,希望能了解分支是怎麼一回事,知道怎麼靈活使用分支來解決工作中遇到的痛點,而不再是一頭霧水,懵懂不知所措。什麼是分支?
  • python分支結構if-else解決你的選擇困難症,學習python第3天
    python分支結構if-else就是python程序中的選擇,作用py程式設計師的我們應用如何來使用python分支結構呢?下面羽憶教程為你介紹。 而python中一般用於解決這種多結果問題就需要使用到分支結構。其定義是根據給出的條件是否成立,從而決定其執行的步驟或者輸出的結果。一般python分支結構分為三種:單分支結構、雙分支結構和多分支結構,其使用到的關鍵詞有if、elif和else三個,下面為你介紹三種分支結構的使用。
  • 科學(普)有道:化學的分支
    網絡圖片化學的分支有很多。下面是化學的主要分支的清單,並概述了每個化學分支所研究的內容。食品化學 -食品化學是與食品各個方面的化學過程相關的化學分支。食品化學的許多方面都依賴於生物化學,但它也包含其他學科。普通化學 -普通化學檢查物質的結構以及物質與能量之間的反應。它是化學其他分支的基礎。
  • Git 分支操作介紹
    (點擊上方藍字,快速關注我們)英文:Kedar Vijay Kulkarni,翻譯:Linux中國/Andy Songl
  • 分支機構會計(accounting for branch)
    記錄和報告企業分支機構經濟活動和財務狀況及經營成果的一整套程序和方法。  分支機構是整個企業的一個組成部分,不是一個獨立的法律主體。它沒有獨立的資一,經營所需我資本完全由總部撥給,業務經營受總部控制。但在大多數情況下,分支機構仍被視為是一個單獨的會計個體,須單獨核算本身的經營成果。
  • Git分支原理命令圖文解析
    遠程分支解析1、git fetch [遠程主機名] [遠程分支名][:本地分支名] 如果不指定分支名,會獲取遠程主機的全部最新更新。如果指定了分支,則獲取該分支的最新更新,如果還指定了本地分支名,則會新建對應的分支來來保存遠程分支的所有數據。
  • 蘋果樹豐產樹形結構及部位名稱
    一、優質豐產樹體的主要結構特點 二、樹體結構及各部位名稱 1、樹體結構 為了獲得優質蘋果,而且便於管理,人們在生產過程中,便根據不同品種的生長結果習性及立地條件,將其整修成一定的形狀。
  • 隱形守護者全結局分支圖解指南 百分百章節探索必備
    《隱形守護者》目前已經更新到了第九章,九個章節中存在大量分支劇情,不少玩家想全部探索,分別解鎖條件是怎樣的呢?下面就為大家帶來全結局分支圖解指南,一起來看看。下面就為大家帶來全結局分支圖解指南,一起來看看。   全結局分支圖解指南   前言   本指南包括了目前(1~9章)所有結局的觸發方式,以及所有重要分支的提示,旨在幫助大家達成各章節的100%探索度。   注意:為了最大程度上保證遊戲體驗,不重要的非結局分支均未標出。本指南也不適合一周目玩家作為攻略使用。