「評(píng)論」功能設(shè)計(jì)總結(jié)
前段時(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í)效性、邏輯性和趣味性。
- 時(shí)效性:我要看最新的評(píng)論;
- 邏輯性:我要看懂評(píng)論;
- 趣味性:我要看最好玩/有用的評(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é)議
??
1235002303231452
111
樹(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)社區(qū)運(yùn)營(yíng)
太淺層了,確實(shí)符合標(biāo)題,單純討論UI&UX的設(shè)計(jì)文,此文應(yīng)該發(fā)布到設(shè)計(jì)師社區(qū)
這個(gè)本來(lái)就是做設(shè)計(jì)討論的,怎么就用深淺來(lái)衡量了呢?
你分析的是個(gè)啥,熟人社交之間評(píng)論時(shí)間的先后性難道不大于其他因素?考慮場(chǎng)景了么
1
1
12
218929812818
123521541321613186100
惡趣味期望的
??
1
還是有點(diǎn)淺
學(xué)習(xí)了
為什么用戶(hù)要玩評(píng)論?
想探討一下,為什么用戶(hù)要玩評(píng)論?
你為啥要說(shuō)話(huà)?
厲害了,大佬,你真是一個(gè)寶藏男孩。
學(xué)習(xí)了
之前做社區(qū)的時(shí)候也調(diào)研過(guò)不少產(chǎn)品的評(píng)論功能,但是沒(méi)有文章分析的深入,學(xué)習(xí)了~~
學(xué)習(xí)了
學(xué)習(xí)了
學(xué)習(xí)了
學(xué)習(xí)了
11111
學(xué)習(xí)了
是不是
學(xué)習(xí)了
確實(shí)不錯(cuò)
不知道該怎么弄
試下這個(gè)疊樓
看會(huì)不會(huì)
收起
為什么
不做
收起呢
不管
怎么
樣
都不會(huì)
收起嗎
顯示所有
邏輯
是
什么
有沒(méi)有
閃現(xiàn)呢
啊帥噠噠
個(gè)人管管
格爾何倩呵呵