實(shí)例分析:4種常用的評論結(jié)構(gòu)設(shè)計(jì)

22 評論 24646 瀏覽 95 收藏 11 分鐘

分享幾種評論結(jié)構(gòu)設(shè)計(jì)的實(shí)例,供大家討論參考。

不管是在qq空間,微信朋友圈,在好友的狀態(tài)下抖一波機(jī)靈,還是在新聞下面吐槽最近霧霾又嚴(yán)重了;不管是在糾結(jié)吃什么的時(shí)候,打開團(tuán)購app看下大家的評分和點(diǎn)評,還是在讀完這篇文章之后在評論區(qū)發(fā)表下自己對評論的看法,評論可以說是我們幾乎每天都在接觸的東西,但是當(dāng)我們在點(diǎn)擊發(fā)送按鈕的時(shí)候,會思考如何設(shè)計(jì)評論的結(jié)構(gòu),來更好的配合自己的業(yè)務(wù)么?

本文參考了豆瓣、360手機(jī)助手、豌豆莢、網(wǎng)易新聞、網(wǎng)易云音樂、虎撲體育等客戶端,總結(jié)了幾種目前常用的評論結(jié)構(gòu),本文只談及評論的結(jié)構(gòu),不涉及評論本身的內(nèi)容以及評分系統(tǒng)的設(shè)計(jì)。

一、只能評論,不能對評論進(jìn)行回復(fù)

不讓回復(fù)的評論結(jié)構(gòu)是最簡單的結(jié)構(gòu),評論一扯上回復(fù),就會涉及到回復(fù)的回復(fù),回復(fù)的回復(fù)的回復(fù)……(子子孫孫無窮盡也)后面說的幾種評論結(jié)構(gòu)也都基本是關(guān)于怎么顯示評論回復(fù)的。這種結(jié)構(gòu)很簡單,但是缺點(diǎn)在于評論區(qū)不會有任何互動,適用于要么不是很重視評論,有個(gè)簡單的評論功能就行,還能節(jié)省開發(fā)時(shí)間;要么非常重視評論(評論區(qū)一言不合吵起來的情況真是屢見不鮮,說多了都是淚),希望大家能深思熟慮之后再做評論,比如豆瓣,或者是有問答之類另外交流渠道的應(yīng)用使用。

使用不能回復(fù)的評論結(jié)構(gòu)的應(yīng)用有:pp助手、豌豆莢、豆瓣的短評(豆瓣不同地方的評論使用的結(jié)構(gòu)不一樣,后面會再提到)。

二、蓋樓式評論

蓋樓式評論顧名思義就是利用評論來蓋樓,每一條回復(fù)都會連同前面所有的評論和回復(fù)一起生成一條新的評論,這種評論樣式的好處一是能看到所有回復(fù)的內(nèi)容,整個(gè)評論看起來比較連貫,二是對于那些對評論區(qū)比較重視的應(yīng)用(或者老板),使用蓋樓評論時(shí),評論區(qū)看起來會比較火爆。

當(dāng)然這種方式也有缺點(diǎn),正所謂上帝要讓你毀滅,必先讓你瘋狂。蓋樓式評論的弊端和評論的回復(fù)量是成正比關(guān)系的,一條評論回復(fù)越多,蓋樓式評論越顯得力不從心。首當(dāng)其沖的就是評論會堆積大量的相同內(nèi)容,解決辦法有兩種:一種是折疊中間的評論內(nèi)容,另一種是在生成新評論的同時(shí)將被評論的整條評論刪除。不過這種方式在處理中間評論,比如一條評論有10條回復(fù),然后你回復(fù)第5條的時(shí)候,原本的十條評論要不要?jiǎng)h除的問題上比較糾結(jié),所以現(xiàn)在使用最多的還是折疊的方式,比如:網(wǎng)易新聞客戶端。

其次是內(nèi)容顯示的問題,蓋樓式評論為了顯示出樓層的效果,一般回進(jìn)行一定程度的縮進(jìn),越往前的樓層縮進(jìn)越多,所以當(dāng)一條評論達(dá)到成百上千樓的時(shí)候,最前面的評論已經(jīng)縮進(jìn)的不能看了,當(dāng)然這種評論出現(xiàn)的幾率是非常小的。因?yàn)檫@兩個(gè)問題的存在,加之蓋樓式評論結(jié)構(gòu)比其他方式復(fù)雜一些,所以使用這種方式的應(yīng)用并不多。

三、主題式評論(或者叫貼吧式評論)

主題式評論將評論本身作為一個(gè)主題,將對該評論的所有回復(fù),以及對回復(fù)內(nèi)容的回復(fù)全部都顯示在這個(gè)主題范圍內(nèi),這種方式很像貼吧的展示形式,所以也叫貼吧式評論。

主題式評論的好處在于評論區(qū)會顯得比較整潔,缺點(diǎn)在于如果用戶不點(diǎn)擊進(jìn)評論的詳情頁去,就看不到回復(fù)內(nèi)容,針對這個(gè)缺點(diǎn),很多客戶端的處理方式是將部分回復(fù)內(nèi)容顯示在出來,引導(dǎo)用戶去點(diǎn)擊,比如:優(yōu)酷客戶端。

主題式是使用的比較廣泛的一種結(jié)構(gòu)樣式,類似:簡書,微博、京東(不寫這個(gè)我還完全不知道京東的評論是能回復(fù)的~天貓要趕緊跟上?。τ谥黝}式評論,還有一個(gè)設(shè)計(jì)小技巧,就是將回復(fù)內(nèi)容都放在一起,一般來說,客戶端都習(xí)慣于將最新的評論放在最上面,但是這造成的一個(gè)后果就是,如果在兩個(gè)人的回復(fù)中間插入了別人的回復(fù),閱讀起來就會不連貫。QQ空間就是將兩個(gè)人的對話放在一起,閱讀起來就會非常方便連貫。

四、截取式評論

回復(fù)的內(nèi)容,連同被回復(fù)的那條內(nèi)容(不管這條內(nèi)容是原本的評論,還是評論的回復(fù))生成一條新的評論,這種方式可以看做是針對蓋樓式評論的兩個(gè)缺點(diǎn)做的一種優(yōu)化,不會在評論區(qū)產(chǎn)生過多的冗余內(nèi)容,也不用擔(dān)心顯示的問題,但只保留最后一條評論的做法,一定程度上也犧牲了閱讀的連貫性,所以這種方式使用的客戶端不多,比如:網(wǎng)易云音樂(下面第一條就是對第三條的回復(fù)),但網(wǎng)易云音樂這種回復(fù)內(nèi)容在上,被回復(fù)內(nèi)容在下的顯示方式,還是不符合正常的閱讀習(xí)慣,而且兩條評論都@了被回復(fù)的人,顯得有些多余。

相比之下,虎撲體育客戶端使用的截取式評論的顯示方式貌似更加合理,閱讀起來更加順暢:

說到虎撲,提一個(gè)虎撲體育客戶端評論區(qū)的小設(shè)計(jì),當(dāng)一條評論被踩的次數(shù)過多的時(shí)候,就會被隱藏(如下圖),但評論內(nèi)容還在,只需要點(diǎn)擊一次就能顯示出來,這個(gè)設(shè)計(jì)不知是不是有意為之,反正我每次看見都會忍不住點(diǎn)開看下。

除了虎撲、網(wǎng)易云音樂之外,豆瓣影評的評論,使用的也是截取式評論,我前面說過,豆瓣不同地方使用了不同的評論結(jié)構(gòu),這種方式可能加大了開發(fā)量,但是根據(jù)不同的業(yè)務(wù)使用更合理的顯示方式,這也是產(chǎn)品經(jīng)理的技能之一。

以上介紹的幾種都是基礎(chǔ)的評論結(jié)構(gòu),各種應(yīng)用使用的評論結(jié)構(gòu)也基本都能在上面幾種類型中找到影子。

有單獨(dú)只使用一種結(jié)構(gòu)的,比如網(wǎng)易新聞客戶端;有結(jié)合多種類型使用的(一般都是外部使用主題式評論,主題里使用截取式評論),比如貓眼電影、淘票票,使用的是貼吧式評論為主體,評論中的回復(fù)使用的是截取式評論。知乎比較特立獨(dú)行,評論區(qū)同時(shí)使用了主題是評論和簡化的截取式評論。下圖的第一條是原評論,最后一條是回復(fù),后一條沒有引用上一條,但標(biāo)明了回復(fù)人,屬于簡化的截取式評論,點(diǎn)擊評論下面的“查看回復(fù)”或者“查看對話”,就能進(jìn)到對話列表,即兩個(gè)人的主題式評論。

上述各種評論樣式?jīng)]有孰優(yōu)孰劣,只有適不適合,當(dāng)你希望提升評論區(qū)活躍度時(shí),蓋樓式評論是一個(gè)好選擇;當(dāng)你希望項(xiàng)目快速上馬時(shí),禁止回復(fù)是一個(gè)最快速的開發(fā)方式;當(dāng)你想兼顧評論區(qū)的活躍與整潔時(shí),主題式評論值得一試。總而言之,沒有最好的,只有最合適的,但是不管使用哪種評論結(jié)構(gòu),對于評論的展示樣式,一定要在一開始就確定好,不然等數(shù)據(jù)量積累大了發(fā)現(xiàn)弊端后想轉(zhuǎn)換方式,不管對于產(chǎn)品、開發(fā)還是測試,都是一個(gè)災(zāi)難。

文中使用的圖片均是從各app中隨機(jī)截取的,如有需要,可以聯(lián)系我刪除。

 

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 訂單

    來自上海 回復(fù)
  2. 33

    來自上海 回復(fù)
  3. 吊吊吊

    來自江蘇 回復(fù)
    1. 來自上海 回復(fù)
  4. 再試試回復(fù)

    來自江蘇 回復(fù)
  5. 臥槽,沒有接入敏感詞嗎

    來自江蘇 回復(fù)
  6. 從樓主說的第一種評論形式改為第二種評論形式,難度大嗎?要多久?

    來自北京 回復(fù)
  7. 很多產(chǎn)品遠(yuǎn)遠(yuǎn)沒有到需求多層嵌套回復(fù)的需要程度

    來自四川 回復(fù)
    1. 說得對

      回復(fù)
    2. 說得對

      來自北京 回復(fù)
    3. 你們不覺得產(chǎn)品經(jīng)理的評論功能體驗(yàn)就很差嗎

      回復(fù)
    4. 有同感

      回復(fù)
    5. 試試看

      回復(fù)
    6. 試試看

      來自北京 回復(fù)
    7. ???

      來自上海 回復(fù)
    8. 誰說的

      來自上海 回復(fù)
    9. 有同感

      來自北京 回復(fù)
    10. 畢竟評論不多

      回復(fù)
    11. ?

      來自北京 回復(fù)
    12. good

      來自上海 回復(fù)
    13. 試試看

      來自北京 回復(fù)
  8. 評論是大多數(shù)應(yīng)用不可或缺的

    回復(fù)