「評論」功能設計總結(jié)
前段時間打開簡書app,收到一條評論,發(fā)現(xiàn)簡書的評論界面做了改版。正好以此為契機,筆者針對「評論」功能做了一個簡單的分析和總結(jié)。下面正文開始~
排序
要設計評論區(qū),首先我們需要解決的問題就是排序,這么多條評論信息,到底誰在前面誰在后面?從用戶的角度來說,他們希望可以更快速便捷的看到自己想看的評論。
那么問題來了,用戶到底想看到什么樣的評論呢?
其實概括來說,用戶對于評論的訴求無非是以下三類:時效性、邏輯性和趣味性。
- 時效性:我要看最新的評論;
- 邏輯性:我要看懂評論;
- 趣味性:我要看最好玩/有用的評論。
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é)議
??
1235002303231452
111
樹型結(jié)構(gòu)相比線型結(jié)構(gòu)有更好的邏輯性,那為什么要用線性結(jié)構(gòu)呢?線性結(jié)構(gòu)的優(yōu)勢除了形式上統(tǒng)一還有其他優(yōu)點嗎?知乎、微博等二級評論都采用線型結(jié)構(gòu),為什么呢?
@蔚來社區(qū)運營
太淺層了,確實符合標題,單純討論UI&UX的設計文,此文應該發(fā)布到設計師社區(qū)
這個本來就是做設計討論的,怎么就用深淺來衡量了呢?
你分析的是個啥,熟人社交之間評論時間的先后性難道不大于其他因素?考慮場景了么
1
1
12
218929812818
123521541321613186100
惡趣味期望的
??
1
還是有點淺
學習了
為什么用戶要玩評論?
想探討一下,為什么用戶要玩評論?
你為啥要說話?
厲害了,大佬,你真是一個寶藏男孩。
學習了
之前做社區(qū)的時候也調(diào)研過不少產(chǎn)品的評論功能,但是沒有文章分析的深入,學習了~~
學習了
學習了
學習了
學習了
11111
學習了
是不是
學習了
確實不錯
不知道該怎么弄
試下這個疊樓
看會不會
收起
為什么
不做
收起呢
不管
怎么
樣
都不會
收起嗎
顯示所有
邏輯
是
什么
有沒有
閃現(xiàn)呢
啊帥噠噠
個人管管
格爾何倩呵呵