抽絲剝繭評論模塊
來自專欄 沒人帶的產品新人如何入行?
評論是大部分產品都會涉及的模塊。不同產品的評論模塊呈現出較大的差異化,瀏覽過眾多文章,卻沒有針對評論設計解析得非常透徹的。因此,本文將抽絲剝繭地一層層地拆解這一模塊。並整理出一套行之有效的公式,使得看了這篇文章的產品新人能夠快速理解市面上大部分產品的設計方法並且能應用到自己的產品中來。
文章的脈絡從整體到局部分成以下幾個部分:評論模塊的設計邏輯、細節設計。為大家詳細梳理市面上幾個常用的評論模式。分析不同產品存在的相同規律以及產品設計中的深層邏輯。實際設計中需要注意的細節內容。
一、設計邏輯
如果問大家,以評論為核心功能的產品有哪些?相信很多人都會不假思索的答出,新浪微博、知乎等社區類產品。評論這個功能在社交中以最小的打擾方式,使得人與人取得連接溝通。換句話來說,與什麼人溝通,怎麼溝通是不同產品產生差異化的根本原因。所以,儘管都是社區類產品,新浪微博和知乎這兩款產品在產品設計上有著明顯的不同。
要解釋這個問題前,先從結構最簡單的評論模塊開始分析,再根據複雜度逐級遞增。
(1)結構公式1:NV1
代表產品:微信公眾號
以微信公眾號評論模塊舉例,如果把所有評論人(即寫評語的人)看做一個主體N,把評論對象看做一個主體1。那麼,這就是一個NV1的模式 。詳細來說就是,它是由多個人針對一個對象(公眾號作者)的溝通,不同評論人之間卻不能相互溝通。

這是最簡單評論形式,即留言板功能。因為開發難度低,在互聯網早期被廣泛應用到各個網站。但這顯然不是微信所考慮的因素。
微信之所以採用留言板功能,原因有以下幾點:
1.產品定位:以內容閱讀為核心
公眾號的產品定位是以內容閱讀為核心,所有的評論針對文章內容而展開,並不需要讀者之間互相討論,否則一些針鋒相對的現象會影響閱讀質量。
2.產品目標:凈化平台環境、篩選優質評論
公眾號的顯示機制:所有評論自動存儲到後台,經過作者審核後才能在前台顯示。留言板的形式便於作者對內容的審核。進化平台環境。同時,能夠引導用戶生產與主題相關的精華評。
公眾號並沒有像微博一樣需要承擔社交的重任,因此,這種一對多的單向輸出反而更為合適。否則,為什麼不增加點擊評論人頭像就可添加好友的功能?
特點:演算法排序
點贊數和時間兩個維度,點贊數高排前,相同點贊數下按時間倒敘排列。時間倒敘是目前應用最廣泛的一種排列方法。最大的原因在於,話題隨著時效性可能產生的觀點也不同。例如,某個孕婦跳樓事件,在初期輿論的矛頭紛紛指向家屬,但隨著案情的深入公眾逐漸了解,醫院在這過程中也存在無法推卸的責任。因此保證最新的評論會在前面顯示以免引起不必要的爭議。
(2)結構公式2:NVN (無摺疊評論)
代表產品:網易雲音樂、網易美學、抖音、優酷
NVN模式對比NV1模式最大的區別在於,不再只局限於單純的評論人與作者多對一的單向溝通,評論人之間也可以相互溝通。從而變成了多對多的模式。
特點:
1.無摺疊評論
2.回復並引用單個原評
3.時間倒敘排列


以網易雲音樂為例,當用戶B回復用戶A的評論時,會引用用戶A的評論。雲音樂的評論數量比較大,舊的評語馬上會被新的覆蓋,如果沒有引用原評就直接顯示回復內容,會造成前後內容無法連接起來。評論人甚至都忘記自己寫了什麼。但放在微信朋友圈就不同了。微信是熟人社交,朋友圈的評論數量不會太多,不需要引用原評就能看出前後的關係。
用戶B的評論是在用戶A的上面。當然,有些產品會顯示在下面。
不同順序考慮的因素:
- 強調不同的內容主體
- 內容的因果聯繫
- 閱讀習慣
例如,網易新聞就是顯示在下方。
(3)結構公式3:NVN (有摺疊評論)
代表產品:網易新聞
特點:
1.有摺疊評論
2.回復並引用多個原評
3.時間倒敘排列

雲音樂是A和B之間的對話,假如出現另一個場景,用戶C想要插進A和B之間的討論,要怎麼設計呢?
於是,我們看到了一些產品中出現了摺疊評論。摺疊評論也有很多形式,以下會一一展開介紹。
摺疊評論的使用場景:參與對話的人較多。像聊天室一樣幾個人共同參與討論話題。
如上圖所示的網易新聞。
B用戶想要回復A。動作:引用A的原評並回復。C用戶想要回復B。動作:引用A和B的原評並回復。……
依次類推。這種不斷引用原評,層層蓋樓式的評論模式的優點顯而易見:
- 能夠對話題和對象暢所欲言。
- 閱讀起來情節脈絡清晰。
用在網易新聞這個產品上很合適(評論區里的屌絲鍵盤俠用戶有強烈的表達欲)
產品經理在選擇使用哪種評論形式的時候,一定要考慮到該產品的用戶群體。比如,另一款產品——知乎,如果用這種蓋樓式的評論就行不通了。知乎的核心是:知識分享社區。旨在打造良性的傳播和討論氛圍。如果用這種蓋樓的評論方式,會造成評論區氛圍混亂不好管理,大家想噴什麼就噴什麼。從而影響產品的基調氛圍。
(4)結構公式4:NVN+1V1(摺疊評論)/NVN+NV1(摺疊評論)
代表產品:知乎
特點:
- 一級評論頁面是NVN模式 可選擇倒敘/正敘排列
回復對話不引用原文
- 二級評論頁面(摺疊評論)是1V1/NV1模式


這個產品有兩級的評論頁面,摺疊評論是被單獨放在一個獨立頁面中。(網易新聞的摺疊評論是在同一頁面里)
摺疊評論裡面出現兩種情況:
- 查看對話
查看對話是1對1的對話,無第三個人參與。
- 查看回復
查看回復是多個人對1人的對話。
知乎最早是沒有摺疊評論的,排序也根據時間正序排,雖然看起來邏輯清晰,但因為實效性不足一直飽受詬病。
增加倒序排列後,為了解決加入夾雜大量評論的情況下逐條尋找對話的困難。增加了
「查看對話」「查看回復」的功能。打開後可查看每條對話的情況。
(5)結構公式5:NV1+NVN(摺疊評論)
代表產品:新浪微博、小紅書、ZAKER、百度貼吧
特點:
1.一級評論頁面是NV1形式,並引用原評
2.二級評論頁面(摺疊評論)是NVN形式
這個結構應用的產品非常廣泛,NV1的討論形式使得討論的主題非常明確,用戶可以排除其他不相干的評論內容。所有單獨討論的內容都被摺疊起來,查看的時候點開就可以。因為評論的人眾多,所以NVN的評論會引用原文。

二、細節設計
(1)評論排序規則:演算法 根據點贊/回複數量/時間等多個維度
例如網易新聞、知乎裡面還有個「踩評論」的功能,為演算法多增加一個判斷的維度。
還有時間倒敘/時間正序排列演算法和時間倒敘目前應用比較廣泛,時間正序通常被用在摺疊評論里。
(2)顯示內容
發布人頭像、ID、所在地、發布時間、手機型號、點贊數、回複數
不同產品顯示的信息不同,例如網易新聞、今日頭條等資訊類產品會在評論中顯示評論人的地域、手機型號等信息。通過增加用戶資料提高評論的參與度。
(3)對話框鍵盤設計
有些產品會支持發送表情、圖片、視頻……等功能。不同位置的設計對產品起到引導作用,例如,網易美學把圖片與對話框放在一起。甚至為了增強圖片功能的地位,連表情功能都沒有。

對話框失焦時顯示什麼內容?獲取焦點時顯示什麼內容?
一般的對話框要麼為空,要麼就會標註「請輸入評論」等文字。獲取焦點時提示文字就會消失。
網易美學和小紅書這兩款產品每次打開時隨機變化提示的文字。

鍵盤支持換行或發送。支持直接發送的產品是不支持換行的。支持換行的通常是回復內容比較長的產品。
(4)評論內容
超鏈接、圖片、視頻怎麼顯示
(5)限制
評論內容為空時不可發送
評論字元數量限制
是否支持特殊字元
圖片視頻數量限制
(6)保存
正常狀態下退出如何保存未發出的評語
異常狀態下退出如何保存未發出的評語
(7)刪除/修改
是否支持評論方刪除或修改評論
被回復過的評論刪除後怎麼顯示
(8)評論許可權
用戶許可權:
①是否支持任何人評論(已登錄/未登錄)
②啟動匿名
③回復、轉發、收藏、舉報、@好友
作者許可權:
①作者可篩選顯示的評論
②可設置不同人的評論許可權(例,關注的人,好友,非黑名單用戶等)
③關閉評論功能 禁止轉載
(9)消息提示
被回復/點贊後提醒
未發布/發布成功後提醒
異常狀態下提醒
(10)運營
置頂精華評
評論的顯示機制是先審核再顯示還是先顯示再審核
功能和細節有很多,無法詳細列舉。

三、總結
從整體到局部的分析方法,可以先抓住該功能的主幹部分。之後的產品迭代都是在這基礎上不斷的豐富場景合功能。
在分析功能模塊的時候先要排除一些看似很炫的交互、功能,抓住功能的本質,從一個整體進行分析。通過縱向橫向的對比,找出核心與規律。
都說公眾號和微博是兩大競爭對手,公眾號沒有微博那樣複雜評論模塊,卻輕而易舉的撕開了一道口子。微博發展至今,從最初的社交漸漸地向內容轉型。在社交層面里遊刃有餘的評論模塊到內容產品的時候產生一系列的問題。開放的評論模塊使得一些內容生產者想要尋求一個更安靜祥和評論下的創作環境。拋開其他因素不談,公眾號的評論的形式滿足了這一部分人的需求。
因而,並非產品功能夠豐富,夠多樣化就有足夠競爭力。在考慮用戶需求的同時,必須要結合產品定位與目標。更有甚者,產品目標比用戶需求來得更為重要。
推薦閱讀:
