這兩天一直在構(gòu)思36氪評論優(yōu)化方案，也就整理了行業(yè)內(nèi)做評論的常見方法，這篇文章我們就來聊聊設(shè)計評論功能時，需要考慮的那些事兒。

不扯別的，直接扔干貨：總的來看，評論功能的設(shè)計，需要考慮如下10個關(guān)鍵點(diǎn)：

展示樣式、排序規(guī)則、操作行為、跳轉(zhuǎn)邏輯、運(yùn)營操作、被刪除/屏蔽后顯示邏輯、防呆設(shè)計、快捷操作、富媒體支持、細(xì)節(jié)支持。

展示樣式：

目前市面上流行樣式有：平鋪式、主題式、蓋樓式、對話式、混合式幾種。

平鋪式

指所有評論都在一個層級，包括原評論，和對評論的回復(fù)，并行顯示。對于回復(fù)評論樣式，有的是直接顯示回復(fù)內(nèi)容，如微信朋友圈的回復(fù)樣式；有的是把原評論顯示出來，如36氪App線上版本的回復(fù)樣式。

主題式

指把原評論作為一級評論，對原評論的回復(fù)，作為二級評論，排在一級評論下方。也就是說，將一級評論作為“主題”，允許針對某個“主題”展開討論。相比平鋪式評論，主題式評論能讓討論主題更聚焦，讓優(yōu)質(zhì)評論更能浮出水面，形成討論氛圍。對運(yùn)營而言，還可以針對優(yōu)質(zhì)評論展開討論，促進(jìn)曝光，提高運(yùn)營效果。市面上很多注重評論的內(nèi)容平臺均選用該樣式，如貼吧、最右、簡書、微博等。

蓋樓式

指每次對原評論的回復(fù)，都把原評論內(nèi)容露出，并帶上自己的評論，以“圈層”樣式呈現(xiàn)，久而久之就形成無限嵌套的方框樣式，叫做“蓋樓”。將這一樣式發(fā)揚(yáng)光大的當(dāng)屬網(wǎng)易新聞，這也是它的特色之一，由此誕生出很多經(jīng)典評論效果。但是，蓋樓式評論在樓層多的情況下勢必要進(jìn)行多層隱藏，且不好對評論進(jìn)行追蹤，視覺效果也容易引起疲勞，不太建議使用。

對話式

指每次對原評論的回復(fù)，就是和評論發(fā)布者的一次對話，這種對話本身也可分為一級、二級，乃至多級對話，分別是對評論者、評論回復(fù)者，回復(fù)評論回復(fù)者的人，以此類推。知乎就是典型的對話式評論。對話式會讓評論互動更鮮明，但其樣式的設(shè)計卻增加了理解成本，慎用。

混合式

指以上幾種樣式的混合，有的是一級評論用主題式，二級評論用平鋪式；有的是以及評論用主題式，二級評論用對話式；還有的是一級主題、二級對話、三級平鋪。具體用哪種，也是根據(jù)用戶理解程度和內(nèi)容運(yùn)營傾向性來選擇。

排序規(guī)則：

主流排序規(guī)則有：按發(fā)布時間、按熱門程度，再加上人工精選。

按發(fā)布時間

通常默認(rèn)是按發(fā)布時間倒序，再進(jìn)一步可支持用戶可選正序、倒序排列。值得注意的是，對主題式評論，通常一級評論默認(rèn)倒序，目的是讓用戶看到最新評論，一級評論下的二級評論則是默認(rèn)正序，目的是讓用戶理解討論進(jìn)展。還有一點(diǎn)，就是一級評論默認(rèn)倒序的時間，建議取一級評論下，二級評論的最新發(fā)布時間，這樣能保證一級評論的排序是按評論本身的討論進(jìn)展來更新的。

按熱門程度

則需要計算所有評論的“熱度值”，根據(jù)此來排序。熱度值一般取評論的點(diǎn)贊數(shù)、回復(fù)數(shù)2個維度，按權(quán)重進(jìn)行線性求和計算，有的還支持“點(diǎn)踩數(shù)”、“舉報數(shù)”等負(fù)面維度，此外，為了避免馬太效應(yīng)，還要考慮加入時間衰減因子，算法優(yōu)化方案有很多。

操作行為：

主流操作行為有：點(diǎn)贊、回復(fù)、復(fù)制、舉報、刪除、分享

• 點(diǎn)贊：要考慮點(diǎn)贊、取消點(diǎn)贊后的贊數(shù)變更邏輯，是否需要服務(wù)端同步更新，點(diǎn)擊后的動效，點(diǎn)贊后的消息提醒機(jī)制等。
• 回復(fù)：要考慮回復(fù)彈窗的出現(xiàn)、收起時機(jī)，回復(fù)字符限制，回復(fù)是否支持換行符，是否支持鍵盤提交，是否允許空字符提交，回復(fù)頁面彈窗大小，按鈕布局等。
• 復(fù)制：要考慮可復(fù)制區(qū)域，復(fù)制交互（長按/點(diǎn)擊），復(fù)制后的提示效果等
• 舉報：要考慮是舉報文字還是舉報人，舉報后的提示，舉報后的數(shù)據(jù)審核等
• 刪除：要考慮發(fā)布人支持刪除功能，刪除時是否出現(xiàn)彈窗提醒？刪除后狀態(tài)何時同步？刪除是硬刪除還是軟刪除？等等
• 分享：要考慮可分享平臺，分享文案，分享后的打開樣式，是分享成網(wǎng)頁還是分享成圖片等。

跳轉(zhuǎn)邏輯：

跳轉(zhuǎn)邏輯，主要是考慮由于發(fā)布了評論，或回復(fù)了評論，哪些地方會產(chǎn)生相關(guān)入口，以及這些入口點(diǎn)擊的跳轉(zhuǎn)位置，包括:

我發(fā)布的：通常會在“我的”里面，或者“消息中心”，可查找自己發(fā)布過的評論，這些評論點(diǎn)擊后可跳轉(zhuǎn)到對應(yīng)評論頁面，如果是主題式評論，對應(yīng)跳轉(zhuǎn)到評論二級頁。

回復(fù)我的：有人回復(fù)我的評論，在“我的”或“消息中心”會收到消息，該消息需要可點(diǎn)擊跳轉(zhuǎn)到評論頁面。

個人動態(tài)：用戶發(fā)布評論或回復(fù)評論，都屬于個人行為，如果產(chǎn)品存在個人主頁，那應(yīng)該將該行為記錄在個人主頁，以“動態(tài)”形式出現(xiàn)，其他人可在查看用戶動態(tài)時，找到該用戶對哪個文章發(fā)表了哪些評論，并支持評論頁跳轉(zhuǎn)和文章頁跳轉(zhuǎn)。

運(yùn)營操作

所謂運(yùn)營操作，是指運(yùn)營可以從后臺干涉用戶的評論行為和評論結(jié)果。正向干涉包括：評論加精、評論置頂；負(fù)向干涉包括：評論屏蔽、評論刪除、評論人封禁、敏感詞替換等。

• 評論加精：支持運(yùn)營挑選優(yōu)質(zhì)評論，在前端給予“精華”的標(biāo)記，有的App也叫“神評論”、“有用”等……
• 評論置頂：如字面意思，將某個評論，置頂?shù)皆u論列表首位，給予公示
• 評論屏蔽：將某條評論暫時對他人不可見。體驗(yàn)更好的做法，還可以通知發(fā)布評論人其內(nèi)容被屏蔽，要求其修改后申請解除屏蔽，經(jīng)審核后評論可重新出現(xiàn)。
• 評論刪除：直接從后臺將評論刪除，不可恢復(fù)。
• 評論人封禁：通常是和“舉報”關(guān)聯(lián)，對于頻繁發(fā)布垃圾評論者予以封禁，令其不可再發(fā)評論。當(dāng)然也應(yīng)該允許其申請解封。
• 敏感詞替換：通常做法是構(gòu)建敏感詞庫，如果評論某些文字命中詞庫，則將敏感詞替換為“*”。

被刪除/屏蔽后顯示邏輯：

當(dāng)某條評論被刪除，或屏蔽后，可以有兩種做法，要么是直接刪除，要么是當(dāng)前區(qū)塊保留，被刪除文字變成“評論已刪除”。尤其是主題式評論，由于某條一級評論可能關(guān)聯(lián)多條二級評論，如果一級評論被刪除，其二級評論是否需要全部刪除，需要產(chǎn)品經(jīng)理根據(jù)評論價值來決策。建議這種情況還是保留二級評論。

防呆設(shè)計

所謂防呆設(shè)計，是指需要思考如何通過產(chǎn)品設(shè)計，防止用戶誤操作。包括：

評論草稿箱：也就是說評論框輸入文字，未發(fā)送前，如果誤點(diǎn)擊了取消區(qū)域，自動替用戶保存當(dāng)前輸入文字，而再次出現(xiàn)評論框時，還能將之前文字恢復(fù)。這個功能還有個降級方案，就是用戶取消輸入框時，彈出Alert告知用戶是否要取消。

評論字?jǐn)?shù)提醒：當(dāng)字?jǐn)?shù)輸入過多時，通過紅字提醒用戶超限，“發(fā)送”按鈕置灰。

快捷操作

輸入文字對用戶而言是個高成本的事，而評論本身是個表達(dá)態(tài)度的渠道，那我們是否可以設(shè)計一些簡單的交互行為幫助用戶迅速表態(tài)呢？所謂快捷操作，就是針對這點(diǎn)的解決方案。可以是：

快速表態(tài)：在評論區(qū)設(shè)計表態(tài)按鈕，比如：踩、一般、贊、太棒了，用戶直接點(diǎn)擊即可，類似投票行為。典型案例如天天快報、橘子娛樂。

評論區(qū)直接輸入表情/顏文字：用戶可在發(fā)評論時，選擇表情圖發(fā)布，或快速選擇顏文字發(fā)布。像搜狐新聞、鳳凰新聞、網(wǎng)易新聞都可以直接發(fā)表情。

富媒體支持

對某些UGC向的內(nèi)容產(chǎn)品，評論區(qū)甚至支持發(fā)靜態(tài)圖、發(fā)音頻、發(fā)GIF動圖、發(fā)視頻，這時也就需要對應(yīng)的發(fā)布流程設(shè)計和后臺存儲邏輯。

細(xì)節(jié)支持

這里就要從用戶體驗(yàn)角度，考慮各種特殊情況的產(chǎn)品細(xì)節(jié)了，我能想到的比如：

評論支持識別超鏈接：這里需要考慮超鏈接的識別邏輯（需要頭部是http或https，尾部是空格進(jìn)行識別），超鏈接的字?jǐn)?shù)計算（對于限制字?jǐn)?shù)的輸入框，超鏈接可以統(tǒng)一為10個字符），超鏈接發(fā)布后的顯示樣式（簡單的可以直接顯示鏈接地址；好一點(diǎn)的顯示為“鏈接地址”四個字；再好一點(diǎn)的取鏈接地址對于網(wǎng)址的title顯示，如知乎）

發(fā)評論時，鍵盤設(shè)置問題：評論框輸入評論時，需要考慮是否將“發(fā)布”按鈕設(shè)置在鍵盤上。如果需要考慮評論換行，那“完成”鍵應(yīng)該作為換行鍵，否則點(diǎn)擊“完成”應(yīng)該是直接提交。

評論點(diǎn)擊區(qū)域細(xì)節(jié)：評論區(qū)有很多元素，需要告知開發(fā)哪些區(qū)域可點(diǎn)，點(diǎn)擊跳轉(zhuǎn)到哪些地方。如下圖所示：

OK，以上就是我能想到的所有做評論功能時，需要注意的方面，希望對大家有幫助。有問題歡迎隨時給我留言哦~

#專欄作家#

申悅，人人都是產(chǎn)品經(jīng)理專欄作家，36氪產(chǎn)品總監(jiān)，微信公眾號：互聯(lián)網(wǎng)悅讀筆記（ID：pmboxs）

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

題圖來自PEXELS，基于CC0協(xié)議