「評(píng)論」功能設(shè)計(jì)總結(jié)

54 評(píng)論 19128 瀏覽 170 收藏 13 分鐘

前段時(shí)間打開(kāi)簡(jiǎn)書(shū)app,收到一條評(píng)論,發(fā)現(xiàn)簡(jiǎn)書(shū)的評(píng)論界面做了改版。正好以此為契機(jī),筆者針對(duì)「評(píng)論」功能做了一個(gè)簡(jiǎn)單的分析和總結(jié)。下面正文開(kāi)始~

排序

要設(shè)計(jì)評(píng)論區(qū),首先我們需要解決的問(wèn)題就是排序,這么多條評(píng)論信息,到底誰(shuí)在前面誰(shuí)在后面?從用戶(hù)的角度來(lái)說(shuō),他們希望可以更快速便捷的看到自己想看的評(píng)論。

那么問(wèn)題來(lái)了,用戶(hù)到底想看到什么樣的評(píng)論呢?

其實(shí)概括來(lái)說(shuō),用戶(hù)對(duì)于評(píng)論的訴求無(wú)非是以下三類(lèi):時(shí)效性、邏輯性趣味性。

  1. 時(shí)效性:我要看最新的評(píng)論;
  2. 邏輯性:我要看懂評(píng)論;
  3. 趣味性:我要看最好玩/有用的評(píng)論。

1. 我要看最新的評(píng)論

多數(shù)用戶(hù)都希望看到最新的評(píng)論,作為設(shè)計(jì)師也希望最新的評(píng)論可以得到足夠的曝光。知乎寧愿通過(guò)浮層這種強(qiáng)引導(dǎo)的形式傷害用戶(hù)瀏覽時(shí)的體驗(yàn),也要通知用戶(hù)去查看最新的評(píng)論。

用戶(hù)如此想要查看實(shí)時(shí)更新的評(píng)論,那么按照時(shí)間倒序排列的方式看來(lái)是非常適合了,用戶(hù)自上而下的瀏覽習(xí)慣,最先看到的是新發(fā)表的評(píng)論。多數(shù)產(chǎn)品的評(píng)論列表選擇的就是倒序排列。

這里需要補(bǔ)充一下,按照時(shí)間順序,新發(fā)表的評(píng)論在頁(yè)面底部是正序排列,新發(fā)表的評(píng)論在頁(yè)面頂部就是倒序排列,下面的這兩款產(chǎn)品的評(píng)論列表就是典型的倒序排列。

按照上面的理論,頁(yè)面中所有的信息流都應(yīng)該是倒序排列,那為什么有的產(chǎn)品采用的是正序呢?

以直播類(lèi)產(chǎn)品為例,那些彈幕也是用戶(hù)的評(píng)論,為什么這些評(píng)論是正序排列呢?還有微信和QQ的聊天界面中,為什么對(duì)話(huà)是正序排列的?

用戶(hù)對(duì)于信息流的瀏覽方式永遠(yuǎn)都是自上而下,這點(diǎn)是毋庸置疑的。

當(dāng)信息流相對(duì)固定時(shí),自上而下的動(dòng)作由用戶(hù)來(lái)完成;但是信息流變化較快時(shí),用戶(hù)的目光停留在一處,由滾動(dòng)的信息流完成自上而下的瀏覽體驗(yàn)。

而且為了方便用戶(hù)進(jìn)行操作,我們會(huì)將常用的功能放在界面底部的舒適區(qū)。用戶(hù)所有的操作都可以看成是對(duì)于信息的反饋,信息在界面頂部更新,而操作區(qū)在界面底部,用戶(hù)的視線(xiàn)需要來(lái)回的移動(dòng),而正序排列正好可以避免這個(gè)問(wèn)題。

設(shè)想一下,如果微信中新對(duì)話(huà)是從頂部先出現(xiàn),那么你的視線(xiàn)必須先移動(dòng)到頂部,然后再回到底部的輸入框進(jìn)行對(duì)話(huà)。

另一個(gè)會(huì)影響排序的因素就是評(píng)論的數(shù)量,刨除評(píng)論的數(shù)量,討論時(shí)效性是沒(méi)有意義的。以微信和微博舉例,微博的評(píng)論列表是倒序排列,而微信則是正序排列。

微信是熟人社交,評(píng)論數(shù)相對(duì)較少,在一屏內(nèi)就可以看完全部的評(píng)論數(shù),在這種情況下選擇倒序沒(méi)有必要。而微博的評(píng)論數(shù)是成千上萬(wàn)的,如果正序排列,那么用戶(hù)要查看最新的評(píng)論,需要滑動(dòng)到最底部下拉刷新,操作成本太大。

2. 我要看懂評(píng)論之間的聯(lián)系

當(dāng)然還是會(huì)有人存在疑問(wèn),你只是說(shuō)明了在評(píng)論數(shù)較少的情況下,正序和倒序?qū)τ讷@取新評(píng)論的操作成本差異不大。但是并沒(méi)有解釋為什么微信用的正序啊。

我們?cè)u(píng)論的不一定都是朋友圈的動(dòng)態(tài),也有可能是針對(duì)已有的評(píng)論進(jìn)行回復(fù)。

這種評(píng)論之間的互動(dòng)就導(dǎo)致評(píng)論之間不是相互獨(dú)立的,彼此存在關(guān)聯(lián)性。按照評(píng)論發(fā)布時(shí)間的正序排列,用戶(hù)自上而下的瀏覽方向,先評(píng)論的先看到,更能體現(xiàn)出評(píng)論之間的邏輯關(guān)系,可以讓用戶(hù)更好的厘清之間的關(guān)系。

以知乎為例,知乎的評(píng)論數(shù)也很多,但是知乎的(二級(jí))評(píng)論列表采用的是正序排列。

因?yàn)橹踔卸?jí)評(píng)論的更新頻率不是很高,而且基于產(chǎn)品定位,用戶(hù)希望可以看到圍繞一個(gè)觀點(diǎn)大家的討論記錄,所以更加關(guān)注的是評(píng)論之間的邏輯性。

因此即使評(píng)論量很大,依舊采用的還是正序排列,按照評(píng)論的發(fā)表時(shí)間依次展示,幫助用戶(hù)理解。

3. 我要看最好玩/有用的評(píng)論

理論上,所有跟評(píng)論相關(guān)的信息都可以作為排序的依據(jù):評(píng)論時(shí)間、點(diǎn)贊量、被回復(fù)數(shù)、甚至用戶(hù)等級(jí)。

我們將這些信息配以不同的權(quán)重,最后換算出一個(gè)類(lèi)似“熱度”的數(shù)據(jù),以此作為排序的依據(jù)。除了前面提到的評(píng)論時(shí)間,另一個(gè)比較常見(jiàn)的排序指標(biāo)就是點(diǎn)贊量。

我們可以對(duì)一條已有的評(píng)論進(jìn)行哪些操作?常見(jiàn)的有:評(píng)論、點(diǎn)贊、查看回復(fù)(記錄)、分享舉報(bào)等。

不同的產(chǎn)品因?yàn)槠渥陨矶ㄎ慌c目標(biāo)用戶(hù)群會(huì)對(duì)這些功能進(jìn)行取舍,即使給用戶(hù)提供這個(gè)功能,也可能將其隱藏在二級(jí)菜單中。

調(diào)研了一下自己手機(jī)里常用的一些產(chǎn)品,發(fā)現(xiàn)每個(gè)產(chǎn)品的評(píng)論列表都有點(diǎn)贊功能,而且都做了最大程度的露出。為什么評(píng)論這么需要點(diǎn)贊功能?

給評(píng)論加點(diǎn)贊功能,增加了用戶(hù)之間的互動(dòng),保障了評(píng)論的高質(zhì)性,可以讓高質(zhì)量的回復(fù)得到更多的曝光。點(diǎn)贊功能很難做出差異性,因?yàn)閷?duì)于用戶(hù)來(lái)說(shuō),它只是一個(gè)簡(jiǎn)單的下壓動(dòng)作。

點(diǎn)贊功能的設(shè)計(jì)需要重點(diǎn)說(shuō)一下虎撲,不同的日期的都有自己的專(zhuān)屬圖標(biāo)。例如,韋德綽號(hào)“閃電俠”,他退役當(dāng)天的點(diǎn)贊圖標(biāo)就是“閃電”;

王者榮耀3周年當(dāng)天的點(diǎn)贊圖標(biāo)是生日蛋糕;而父親節(jié)當(dāng)天的點(diǎn)贊圖標(biāo)是一個(gè)橘子,我去文章底部點(diǎn)個(gè)“在看”,你就在此處不要走動(dòng)。

結(jié)構(gòu)

接下來(lái),我們來(lái)分析一下評(píng)論區(qū)的結(jié)構(gòu),簡(jiǎn)單來(lái)說(shuō),評(píng)論區(qū)的結(jié)構(gòu)可以分為兩種:線(xiàn)型樹(shù)型。

1.?線(xiàn)型

線(xiàn)型的評(píng)論列表,從樣式來(lái)看,整齊劃一,簡(jiǎn)潔明了。但是存在一個(gè)問(wèn)題,如果評(píng)論數(shù)很多,那么用戶(hù)進(jìn)行互動(dòng)的成本就會(huì)很大。

設(shè)想一下,你看到第17層有一個(gè)評(píng)論非常的有意思,你回復(fù)了一下。半個(gè)小時(shí)后,對(duì)方回復(fù)你了,但是這條回復(fù)已經(jīng)是第58層,然后你再回復(fù)……

因?yàn)橹虚g隔了很多其他人的回復(fù),因此想要完整的查看你倆之間的回復(fù)記錄是非常困難的。

像虎撲這樣,評(píng)論比主貼還要精彩的社區(qū),讓用戶(hù)看懂互動(dòng)記錄是非常重要的。因此,一些產(chǎn)品選擇使用了樹(shù)型結(jié)構(gòu)。

2. 樹(shù)型

樹(shù)型結(jié)構(gòu)顧名思義,一級(jí)評(píng)論像是樹(shù)的主干,次級(jí)評(píng)論是依附于主干的分支。樹(shù)型結(jié)構(gòu)會(huì)聚合展示所有相關(guān)的次級(jí)評(píng)論,用戶(hù)可以看到清晰的對(duì)話(huà)記錄。

樹(shù)型結(jié)構(gòu)的設(shè)計(jì)我們需要考慮的是次級(jí)評(píng)論的展示問(wèn)題。因?yàn)榇渭?jí)評(píng)論是依附于一級(jí)評(píng)論的,所以一些產(chǎn)品會(huì)將次級(jí)評(píng)論“收起來(lái)”放到二級(jí)頁(yè)面進(jìn)行展示。

以微博為例,其評(píng)論區(qū)只會(huì)展示一級(jí)評(píng)論,所有的二級(jí)評(píng)論,哪怕獲得的點(diǎn)贊量再高,都必須要進(jìn)入二級(jí)頁(yè)面才可以查看。

虎撲是一個(gè)評(píng)論比主貼內(nèi)容都要精彩的社區(qū),所以必須要鼓勵(lì)用戶(hù)參與評(píng)論。為了解決次級(jí)評(píng)論等不到足夠曝光這個(gè)問(wèn)題,虎撲的解決方案是,對(duì)次級(jí)評(píng)論也就是進(jìn)行露出。

這個(gè)會(huì)導(dǎo)致新的問(wèn)題,互動(dòng)記錄在一級(jí)頁(yè)面和二級(jí)頁(yè)面都會(huì)出現(xiàn),一定程度造成頁(yè)面空間的浪費(fèi)。

從上面我們可以得知,樹(shù)型結(jié)構(gòu)可以更好的展示回復(fù)記錄。但是要查看回復(fù)記錄就必須使用樹(shù)型結(jié)構(gòu)嗎?

以微信和QQ為例。同樣的兩條評(píng)論記錄,如果我要對(duì)第一條評(píng)論進(jìn)行回復(fù),微信和QQ的處理方式是不一樣的。QQ雖然采用了線(xiàn)型結(jié)構(gòu),但是用戶(hù)依舊可以很方便的查看對(duì)話(huà)記錄。

但是這種的處理方式也會(huì)帶來(lái)新的問(wèn)題,如果回復(fù)記錄過(guò)長(zhǎng),那么就會(huì)導(dǎo)致后面的一級(jí)評(píng)論得不到足夠的曝光。

總體來(lái)說(shuō),當(dāng)評(píng)論數(shù)較少,用戶(hù)互動(dòng)較少時(shí),建議使用線(xiàn)性結(jié)構(gòu);當(dāng)評(píng)論數(shù)較多,且互動(dòng)較多時(shí),建議使用樹(shù)形結(jié)構(gòu)。

當(dāng)然這個(gè)結(jié)論也不是絕對(duì)的,沒(méi)有最好的設(shè)計(jì)方案,只有最適合的設(shè)計(jì)方案。每個(gè)設(shè)計(jì)方案都有各自的優(yōu)缺點(diǎn),設(shè)計(jì)師的核心價(jià)值就在于思辨,在于發(fā)現(xiàn)最根本的矛盾并且加以解決的能力。

總結(jié)

以上我對(duì)「評(píng)論」功能做的一個(gè)簡(jiǎn)單的分析和總結(jié),如果你有什么不同的建議或者看法,歡迎留言討論。

#專(zhuān)欄作家#

王M爭(zhēng)(微信公眾號(hào):王M爭(zhēng)),人人都是經(jīng)理專(zhuān)欄作家,資深互聯(lián)網(wǎng)人。

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

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

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

    來(lái)自北京 回復(fù)
  2. 1235002303231452

    來(lái)自河北 回復(fù)
    1. 111

      來(lái)自山東 回復(fù)
  3. 樹(shù)型結(jié)構(gòu)相比線(xiàn)型結(jié)構(gòu)有更好的邏輯性,那為什么要用線(xiàn)性結(jié)構(gòu)呢?線(xiàn)性結(jié)構(gòu)的優(yōu)勢(shì)除了形式上統(tǒng)一還有其他優(yōu)點(diǎn)嗎?知乎、微博等二級(jí)評(píng)論都采用線(xiàn)型結(jié)構(gòu),為什么呢?

    來(lái)自上海 回復(fù)
  4. @蔚來(lái)社區(qū)運(yùn)營(yíng)

    回復(fù)
  5. 太淺層了,確實(shí)符合標(biāo)題,單純討論UI&UX的設(shè)計(jì)文,此文應(yīng)該發(fā)布到設(shè)計(jì)師社區(qū)

    來(lái)自廣東 回復(fù)
    1. 這個(gè)本來(lái)就是做設(shè)計(jì)討論的,怎么就用深淺來(lái)衡量了呢?

      來(lái)自北京 回復(fù)
  6. 你分析的是個(gè)啥,熟人社交之間評(píng)論時(shí)間的先后性難道不大于其他因素?考慮場(chǎng)景了么

    來(lái)自廣東 回復(fù)
    1. 1

      來(lái)自河北 回復(fù)
    2. 1

      來(lái)自河北 回復(fù)
    3. 12

      來(lái)自河北 回復(fù)
    4. 218929812818

      來(lái)自河北 回復(fù)
    5. 123521541321613186100

      來(lái)自河北 回復(fù)
    6. 惡趣味期望的

      來(lái)自河北 回復(fù)
  7. ??

    來(lái)自遼寧 回復(fù)
    1. 1

      來(lái)自遼寧 回復(fù)
  8. 還是有點(diǎn)淺

    來(lái)自上海 回復(fù)
  9. 學(xué)習(xí)了

    回復(fù)
  10. 為什么用戶(hù)要玩評(píng)論?

    來(lái)自江蘇 回復(fù)
  11. 想探討一下,為什么用戶(hù)要玩評(píng)論?

    來(lái)自北京 回復(fù)
    1. 你為啥要說(shuō)話(huà)?

      來(lái)自廣東 回復(fù)
  12. 厲害了,大佬,你真是一個(gè)寶藏男孩。

    回復(fù)
  13. 學(xué)習(xí)了

    回復(fù)
  14. 之前做社區(qū)的時(shí)候也調(diào)研過(guò)不少產(chǎn)品的評(píng)論功能,但是沒(méi)有文章分析的深入,學(xué)習(xí)了~~

    來(lái)自江蘇 回復(fù)
    1. 學(xué)習(xí)了

      來(lái)自福建 回復(fù)
  15. 學(xué)習(xí)了

    來(lái)自上海 回復(fù)
    1. 學(xué)習(xí)了

      回復(fù)
    2. 學(xué)習(xí)了

      來(lái)自湖北 回復(fù)
    3. 11111

      來(lái)自北京 回復(fù)
    4. 學(xué)習(xí)了

      回復(fù)
    5. 是不是

      來(lái)自浙江 回復(fù)
    6. 學(xué)習(xí)了

      回復(fù)
    7. 確實(shí)不錯(cuò)

      來(lái)自浙江 回復(fù)
    8. 不知道該怎么弄

      來(lái)自浙江 回復(fù)
    9. 試下這個(gè)疊樓

      來(lái)自浙江 回復(fù)
    10. 看會(huì)不會(huì)

      來(lái)自浙江 回復(fù)
    11. 收起

      來(lái)自浙江 回復(fù)
    12. 為什么

      來(lái)自浙江 回復(fù)
    13. 不做

      來(lái)自浙江 回復(fù)
    14. 收起呢

      來(lái)自浙江 回復(fù)
    15. 不管

      來(lái)自浙江 回復(fù)
    16. 怎么

      來(lái)自浙江 回復(fù)
    17. 來(lái)自浙江 回復(fù)
    18. 都不會(huì)

      來(lái)自浙江 回復(fù)
    19. 收起嗎

      來(lái)自浙江 回復(fù)
    20. 顯示所有

      來(lái)自浙江 回復(fù)
    21. 邏輯

      來(lái)自浙江 回復(fù)
    22. 來(lái)自浙江 回復(fù)
    23. 什么

      來(lái)自浙江 回復(fù)
    24. 有沒(méi)有

      來(lái)自浙江 回復(fù)
    25. 閃現(xiàn)呢

      來(lái)自浙江 回復(fù)
    26. 啊帥噠噠

      來(lái)自浙江 回復(fù)
    27. 個(gè)人管管

      來(lái)自浙江 回復(fù)
    28. 格爾何倩呵呵

      來(lái)自浙江 回復(fù)