10個關(guān)鍵點,告訴你如何設計產(chǎn)品評論模塊
這兩天一直在構(gòu)思36氪評論優(yōu)化方案,也就整理了行業(yè)內(nèi)做評論的常見方法,這篇文章我們就來聊聊設計評論功能時,需要考慮的那些事兒。
不扯別的,直接扔干貨:總的來看,評論功能的設計,需要考慮如下10個關(guān)鍵點:
展示樣式、排序規(guī)則、操作行為、跳轉(zhuǎn)邏輯、運營操作、被刪除/屏蔽后顯示邏輯、防呆設計、快捷操作、富媒體支持、細節(jié)支持。
展示樣式:
目前市面上流行樣式有:平鋪式、主題式、蓋樓式、對話式、混合式幾種。
平鋪式
指所有評論都在一個層級,包括原評論,和對評論的回復,并行顯示。對于回復評論樣式,有的是直接顯示回復內(nèi)容,如微信朋友圈的回復樣式;有的是把原評論顯示出來,如36氪App線上版本的回復樣式。
主題式
指把原評論作為一級評論,對原評論的回復,作為二級評論,排在一級評論下方。也就是說,將一級評論作為“主題”,允許針對某個“主題”展開討論。相比平鋪式評論,主題式評論能讓討論主題更聚焦,讓優(yōu)質(zhì)評論更能浮出水面,形成討論氛圍。對運營而言,還可以針對優(yōu)質(zhì)評論展開討論,促進曝光,提高運營效果。市面上很多注重評論的內(nèi)容平臺均選用該樣式,如貼吧、最右、簡書、微博等。
蓋樓式
指每次對原評論的回復,都把原評論內(nèi)容露出,并帶上自己的評論,以“圈層”樣式呈現(xiàn),久而久之就形成無限嵌套的方框樣式,叫做“蓋樓”。將這一樣式發(fā)揚光大的當屬網(wǎng)易新聞,這也是它的特色之一,由此誕生出很多經(jīng)典評論效果。但是,蓋樓式評論在樓層多的情況下勢必要進行多層隱藏,且不好對評論進行追蹤,視覺效果也容易引起疲勞,不太建議使用。
對話式
指每次對原評論的回復,就是和評論發(fā)布者的一次對話,這種對話本身也可分為一級、二級,乃至多級對話,分別是對評論者、評論回復者,回復評論回復者的人,以此類推。知乎就是典型的對話式評論。對話式會讓評論互動更鮮明,但其樣式的設計卻增加了理解成本,慎用。
混合式
指以上幾種樣式的混合,有的是一級評論用主題式,二級評論用平鋪式;有的是以及評論用主題式,二級評論用對話式;還有的是一級主題、二級對話、三級平鋪。具體用哪種,也是根據(jù)用戶理解程度和內(nèi)容運營傾向性來選擇。
排序規(guī)則:
主流排序規(guī)則有:按發(fā)布時間、按熱門程度,再加上人工精選。
按發(fā)布時間
通常默認是按發(fā)布時間倒序,再進一步可支持用戶可選正序、倒序排列。值得注意的是,對主題式評論,通常一級評論默認倒序,目的是讓用戶看到最新評論,一級評論下的二級評論則是默認正序,目的是讓用戶理解討論進展。還有一點,就是一級評論默認倒序的時間,建議取一級評論下,二級評論的最新發(fā)布時間,這樣能保證一級評論的排序是按評論本身的討論進展來更新的。
按熱門程度
則需要計算所有評論的“熱度值”,根據(jù)此來排序。熱度值一般取評論的點贊數(shù)、回復數(shù)2個維度,按權(quán)重進行線性求和計算,有的還支持“點踩數(shù)”、“舉報數(shù)”等負面維度,此外,為了避免馬太效應,還要考慮加入時間衰減因子,算法優(yōu)化方案有很多。
操作行為:
主流操作行為有:點贊、回復、復制、舉報、刪除、分享
- 點贊:要考慮點贊、取消點贊后的贊數(shù)變更邏輯,是否需要服務端同步更新,點擊后的動效,點贊后的消息提醒機制等。
- 回復:要考慮回復彈窗的出現(xiàn)、收起時機,回復字符限制,回復是否支持換行符,是否支持鍵盤提交,是否允許空字符提交,回復頁面彈窗大小,按鈕布局等。
- 復制:要考慮可復制區(qū)域,復制交互(長按/點擊),復制后的提示效果等
- 舉報:要考慮是舉報文字還是舉報人,舉報后的提示,舉報后的數(shù)據(jù)審核等
- 刪除:要考慮發(fā)布人支持刪除功能,刪除時是否出現(xiàn)彈窗提醒?刪除后狀態(tài)何時同步?刪除是硬刪除還是軟刪除?等等
- 分享:要考慮可分享平臺,分享文案,分享后的打開樣式,是分享成網(wǎng)頁還是分享成圖片等。
跳轉(zhuǎn)邏輯:
跳轉(zhuǎn)邏輯,主要是考慮由于發(fā)布了評論,或回復了評論,哪些地方會產(chǎn)生相關(guān)入口,以及這些入口點擊的跳轉(zhuǎn)位置,包括:
我發(fā)布的:通常會在“我的”里面,或者“消息中心”,可查找自己發(fā)布過的評論,這些評論點擊后可跳轉(zhuǎn)到對應評論頁面,如果是主題式評論,對應跳轉(zhuǎn)到評論二級頁。
回復我的:有人回復我的評論,在“我的”或“消息中心”會收到消息,該消息需要可點擊跳轉(zhuǎn)到評論頁面。
個人動態(tài):用戶發(fā)布評論或回復評論,都屬于個人行為,如果產(chǎn)品存在個人主頁,那應該將該行為記錄在個人主頁,以“動態(tài)”形式出現(xiàn),其他人可在查看用戶動態(tài)時,找到該用戶對哪個文章發(fā)表了哪些評論,并支持評論頁跳轉(zhuǎn)和文章頁跳轉(zhuǎn)。
運營操作
所謂運營操作,是指運營可以從后臺干涉用戶的評論行為和評論結(jié)果。正向干涉包括:評論加精、評論置頂;負向干涉包括:評論屏蔽、評論刪除、評論人封禁、敏感詞替換等。
- 評論加精:支持運營挑選優(yōu)質(zhì)評論,在前端給予“精華”的標記,有的App也叫“神評論”、“有用”等……
- 評論置頂:如字面意思,將某個評論,置頂?shù)皆u論列表首位,給予公示
- 評論屏蔽:將某條評論暫時對他人不可見。體驗更好的做法,還可以通知發(fā)布評論人其內(nèi)容被屏蔽,要求其修改后申請解除屏蔽,經(jīng)審核后評論可重新出現(xiàn)。
- 評論刪除:直接從后臺將評論刪除,不可恢復。
- 評論人封禁:通常是和“舉報”關(guān)聯(lián),對于頻繁發(fā)布垃圾評論者予以封禁,令其不可再發(fā)評論。當然也應該允許其申請解封。
- 敏感詞替換:通常做法是構(gòu)建敏感詞庫,如果評論某些文字命中詞庫,則將敏感詞替換為“*”。
被刪除/屏蔽后顯示邏輯:
當某條評論被刪除,或屏蔽后,可以有兩種做法,要么是直接刪除,要么是當前區(qū)塊保留,被刪除文字變成“評論已刪除”。尤其是主題式評論,由于某條一級評論可能關(guān)聯(lián)多條二級評論,如果一級評論被刪除,其二級評論是否需要全部刪除,需要產(chǎn)品經(jīng)理根據(jù)評論價值來決策。建議這種情況還是保留二級評論。
防呆設計
所謂防呆設計,是指需要思考如何通過產(chǎn)品設計,防止用戶誤操作。包括:
評論草稿箱:也就是說評論框輸入文字,未發(fā)送前,如果誤點擊了取消區(qū)域,自動替用戶保存當前輸入文字,而再次出現(xiàn)評論框時,還能將之前文字恢復。這個功能還有個降級方案,就是用戶取消輸入框時,彈出Alert告知用戶是否要取消。
評論字數(shù)提醒:當字數(shù)輸入過多時,通過紅字提醒用戶超限,“發(fā)送”按鈕置灰。
快捷操作
輸入文字對用戶而言是個高成本的事,而評論本身是個表達態(tài)度的渠道,那我們是否可以設計一些簡單的交互行為幫助用戶迅速表態(tài)呢?所謂快捷操作,就是針對這點的解決方案??梢允牵?/p>
快速表態(tài):在評論區(qū)設計表態(tài)按鈕,比如:踩、一般、贊、太棒了,用戶直接點擊即可,類似投票行為。典型案例如天天快報、橘子娛樂。
評論區(qū)直接輸入表情/顏文字:用戶可在發(fā)評論時,選擇表情圖發(fā)布,或快速選擇顏文字發(fā)布。像搜狐新聞、鳳凰新聞、網(wǎng)易新聞都可以直接發(fā)表情。
富媒體支持
對某些UGC向的內(nèi)容產(chǎn)品,評論區(qū)甚至支持發(fā)靜態(tài)圖、發(fā)音頻、發(fā)GIF動圖、發(fā)視頻,這時也就需要對應的發(fā)布流程設計和后臺存儲邏輯。
細節(jié)支持
這里就要從用戶體驗角度,考慮各種特殊情況的產(chǎn)品細節(jié)了,我能想到的比如:
評論支持識別超鏈接:這里需要考慮超鏈接的識別邏輯(需要頭部是http或https,尾部是空格進行識別),超鏈接的字數(shù)計算(對于限制字數(shù)的輸入框,超鏈接可以統(tǒng)一為10個字符),超鏈接發(fā)布后的顯示樣式(簡單的可以直接顯示鏈接地址;好一點的顯示為“鏈接地址”四個字;再好一點的取鏈接地址對于網(wǎng)址的title顯示,如知乎)
發(fā)評論時,鍵盤設置問題:評論框輸入評論時,需要考慮是否將“發(fā)布”按鈕設置在鍵盤上。如果需要考慮評論換行,那“完成”鍵應該作為換行鍵,否則點擊“完成”應該是直接提交。
評論點擊區(qū)域細節(jié):評論區(qū)有很多元素,需要告知開發(fā)哪些區(qū)域可點,點擊跳轉(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é)議
測試回復評論
很全很系統(tǒng),可以發(fā)現(xiàn)自己做的過程中很多想到過但是沒有深究的地方,或者遺漏的很多細節(jié),學習了謝謝
真的,只有自己思考了,然后來看大牛寫的,才發(fā)現(xiàn)有多大的差距!??!學習了?。。。?/p>
干貨慢慢品,已收藏到筆記中,謝謝作者的分享!
說的對
學習了
學習了
好有系統(tǒng)性,完善了我知識體系。 ??
考慮得很全面
很有用,都說到點子上了!
??
1
1
測試消息提醒
老師我們又見面了 哈哈哈 每天都看你的日志
學習了,給你個大大的贊~
講的很全很細,干貨
感謝支持~
就機測試下人人都是產(chǎn)品經(jīng)理的評論方式哈哈
再測試下
為什么可以自己回復自己
我也測試一下
測試下人人都是產(chǎn)品經(jīng)理的二級評論是不是可以自己回復自己
厲害
1
我就確認下二級評論可以自己回復自己
昨天不是這么顯示的啊,這是為什么呢?
這不就是平鋪式么
2
值得收藏,贊!
非常贊
很全面,可以作為參考