「評論」功能設計總結(jié)

54 評論 19191 瀏覽 170 收藏 13 分鐘

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

排序

要設計評論區(qū),首先我們需要解決的問題就是排序,這么多條評論信息,到底誰在前面誰在后面?從用戶的角度來說,他們希望可以更快速便捷的看到自己想看的評論

那么問題來了,用戶到底想看到什么樣的評論呢?

其實概括來說,用戶對于評論的訴求無非是以下三類:時效性、邏輯性趣味性。

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

1. 我要看最新的評論

多數(shù)用戶都希望看到最新的評論,作為設計師也希望最新的評論可以得到足夠的曝光。知乎寧愿通過浮層這種強引導的形式傷害用戶瀏覽時的體驗,也要通知用戶去查看最新的評論。

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

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

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

以直播類產(chǎn)品為例,那些彈幕也是用戶的評論,為什么這些評論是正序排列呢?還有微信和QQ的聊天界面中,為什么對話是正序排列的?

用戶對于信息流的瀏覽方式永遠都是自上而下,這點是毋庸置疑的。

當信息流相對固定時,自上而下的動作由用戶來完成;但是信息流變化較快時,用戶的目光停留在一處,由滾動的信息流完成自上而下的瀏覽體驗。

而且為了方便用戶進行操作,我們會將常用的功能放在界面底部的舒適區(qū)。用戶所有的操作都可以看成是對于信息的反饋,信息在界面頂部更新,而操作區(qū)在界面底部,用戶的視線需要來回的移動,而正序排列正好可以避免這個問題。

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

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

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

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

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

我們評論的不一定都是朋友圈的動態(tài),也有可能是針對已有的評論進行回復。

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

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

因為知乎中二級評論的更新頻率不是很高,而且基于產(chǎn)品定位,用戶希望可以看到圍繞一個觀點大家的討論記錄,所以更加關(guān)注的是評論之間的邏輯性。

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

3. 我要看最好玩/有用的評論

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

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

我們可以對一條已有的評論進行哪些操作?常見的有:評論、點贊、查看回復(記錄)、分享舉報等。

不同的產(chǎn)品因為其自身定位與目標用戶群會對這些功能進行取舍,即使給用戶提供這個功能,也可能將其隱藏在二級菜單中。

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

給評論加點贊功能,增加了用戶之間的互動,保障了評論的高質(zhì)性,可以讓高質(zhì)量的回復得到更多的曝光。點贊功能很難做出差異性,因為對于用戶來說,它只是一個簡單的下壓動作。

點贊功能的設計需要重點說一下虎撲,不同的日期的都有自己的專屬圖標。例如,韋德綽號“閃電俠”,他退役當天的點贊圖標就是“閃電”;

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

結(jié)構(gòu)

接下來,我們來分析一下評論區(qū)的結(jié)構(gòu),簡單來說,評論區(qū)的結(jié)構(gòu)可以分為兩種:線型樹型。

1.?線型

線型的評論列表,從樣式來看,整齊劃一,簡潔明了。但是存在一個問題,如果評論數(shù)很多,那么用戶進行互動的成本就會很大。

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

因為中間隔了很多其他人的回復,因此想要完整的查看你倆之間的回復記錄是非常困難的。

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

2. 樹型

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

樹型結(jié)構(gòu)的設計我們需要考慮的是次級評論的展示問題。因為次級評論是依附于一級評論的,所以一些產(chǎn)品會將次級評論“收起來”放到二級頁面進行展示。

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

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

這個會導致新的問題,互動記錄在一級頁面和二級頁面都會出現(xiàn),一定程度造成頁面空間的浪費。

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

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

但是這種的處理方式也會帶來新的問題,如果回復記錄過長,那么就會導致后面的一級評論得不到足夠的曝光。

總體來說,當評論數(shù)較少,用戶互動較少時,建議使用線性結(jié)構(gòu);當評論數(shù)較多,且互動較多時,建議使用樹形結(jié)構(gòu)。

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

總結(jié)

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

#專欄作家#

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

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

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

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

    來自北京 回復
  2. 1235002303231452

    來自河北 回復
    1. 111

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

    來自上海 回復
  4. @蔚來社區(qū)運營

    回復
  5. 太淺層了,確實符合標題,單純討論UI&UX的設計文,此文應該發(fā)布到設計師社區(qū)

    來自廣東 回復
    1. 這個本來就是做設計討論的,怎么就用深淺來衡量了呢?

      來自北京 回復
  6. 你分析的是個啥,熟人社交之間評論時間的先后性難道不大于其他因素?考慮場景了么

    來自廣東 回復
    1. 1

      來自河北 回復
    2. 1

      來自河北 回復
    3. 12

      來自河北 回復
    4. 218929812818

      來自河北 回復
    5. 123521541321613186100

      來自河北 回復
    6. 惡趣味期望的

      來自河北 回復
  7. ??

    來自遼寧 回復
    1. 1

      來自遼寧 回復
  8. 還是有點淺

    來自上海 回復
  9. 學習了

    回復
  10. 為什么用戶要玩評論?

    來自江蘇 回復
  11. 想探討一下,為什么用戶要玩評論?

    來自北京 回復
    1. 你為啥要說話?

      來自廣東 回復
  12. 厲害了,大佬,你真是一個寶藏男孩。

    回復
  13. 學習了

    回復
  14. 之前做社區(qū)的時候也調(diào)研過不少產(chǎn)品的評論功能,但是沒有文章分析的深入,學習了~~

    來自江蘇 回復
    1. 學習了

      來自福建 回復
  15. 學習了

    來自上海 回復
    1. 學習了

      回復
    2. 學習了

      來自湖北 回復
    3. 11111

      來自北京 回復
    4. 學習了

      回復
    5. 是不是

      來自浙江 回復
    6. 學習了

      回復
    7. 確實不錯

      來自浙江 回復
    8. 不知道該怎么弄

      來自浙江 回復
    9. 試下這個疊樓

      來自浙江 回復
    10. 看會不會

      來自浙江 回復
    11. 收起

      來自浙江 回復
    12. 為什么

      來自浙江 回復
    13. 不做

      來自浙江 回復
    14. 收起呢

      來自浙江 回復
    15. 不管

      來自浙江 回復
    16. 怎么

      來自浙江 回復
    17. 來自浙江 回復
    18. 都不會

      來自浙江 回復
    19. 收起嗎

      來自浙江 回復
    20. 顯示所有

      來自浙江 回復
    21. 邏輯

      來自浙江 回復
    22. 來自浙江 回復
    23. 什么

      來自浙江 回復
    24. 有沒有

      來自浙江 回復
    25. 閃現(xiàn)呢

      來自浙江 回復
    26. 啊帥噠噠

      來自浙江 回復
    27. 個人管管

      來自浙江 回復
    28. 格爾何倩呵呵

      來自浙江 回復