app評(píng)論區(qū)的設(shè)計(jì)分析

評(píng)論區(qū)在現(xiàn)在每個(gè)產(chǎn)品中都能夠見(jiàn)到,占據(jù)了許多很重要的地位,特別是在電商類(lèi)、音樂(lè)類(lèi)、視頻類(lèi)、社區(qū)類(lèi)的APP都有評(píng)論區(qū)。

評(píng)論區(qū)大多都有評(píng)論入口、評(píng)論展示、評(píng)論排序這三個(gè)主要方面,而不同類(lèi)型的APP側(cè)重點(diǎn)又有所不同,作為設(shè)計(jì)師的我們只有了解了這些差異,才能在工作中更好的去設(shè)計(jì)它。今天我們就以音樂(lè)類(lèi)和視頻類(lèi)的評(píng)論區(qū),以入口、展示和排序這三個(gè)方面為切入點(diǎn)來(lái)進(jìn)行對(duì)比。

 

評(píng)論入口

不同產(chǎn)品的定位的APP往往會(huì)因?yàn)楫a(chǎn)品的需要,相對(duì)的入口也會(huì)有所不同,如下圖所示:

愛(ài)奇藝的評(píng)論區(qū)是位于屏幕中部的,騰訊視頻的在觀看視頻時(shí)的評(píng)論區(qū)都是置于界面底部的,都符合拇指定律的操作空間,既不阻斷用戶(hù)觀看視頻,又能夠方便用戶(hù)及時(shí)評(píng)論。

對(duì)于這種針對(duì)內(nèi)容型的評(píng)價(jià),反饋期望不高,因此它的設(shè)計(jì)特征為簡(jiǎn)潔快速、有即時(shí)性。所以將入口放在用戶(hù)方便點(diǎn)擊并且明顯的位置上。

QQ音樂(lè)和蝦米音樂(lè)使用的是讓用戶(hù)點(diǎn)擊評(píng)論按鈕,從而進(jìn)入新頁(yè)面進(jìn)行評(píng)論,這里因?yàn)槁?tīng)歌的時(shí)候是不用總看著屏幕的,而且在現(xiàn)在這個(gè)評(píng)論比歌詞還精彩的年代,沒(méi)有什么比一邊聽(tīng)歌一邊刷評(píng)論更有代入感了。

同時(shí)也是界面受到播放器展示的限制,將評(píng)論的入口設(shè)置成一個(gè)圖標(biāo)的形式展現(xiàn)在當(dāng)前歌曲頁(yè)上,與下載,分享等按鈕放在一起,提高音樂(lè)播放時(shí)的界面利用率的同時(shí)能夠保證評(píng)論入口不至于被用戶(hù)所忽略。

小結(jié):在設(shè)計(jì)評(píng)論區(qū)入口的時(shí)候,要考慮到產(chǎn)品主體的展現(xiàn),但同時(shí)也要提高評(píng)論入口的層級(jí),不能讓用戶(hù)忽略。

 

評(píng)論展示

我剛剛在上面看過(guò)了視頻類(lèi)和音樂(lè)類(lèi)APP入口的不同,接下來(lái)再看看評(píng)論區(qū)的展示是否會(huì)有所不同呢?如下圖所示:

愛(ài)奇藝和優(yōu)酷視頻的評(píng)論都是直接在視頻的下面展示,同時(shí)是將精彩評(píng)論置頂了,有利于促進(jìn)用戶(hù)評(píng)論的積極性。同時(shí)愛(ài)奇藝在評(píng)論的時(shí)候文字搭配圖片,讓用戶(hù)的評(píng)論更容易理解并且形象。

關(guān)于回復(fù)的內(nèi)容都收縮了,需要查看更多才會(huì)出現(xiàn)小彈窗展示全部,主要是因?yàn)樵谝曨l模式下的評(píng)論社交性都偏弱,發(fā)布的內(nèi)容都是針對(duì)該視頻的某些評(píng)論,用戶(hù)對(duì)于回復(fù)沒(méi)有太強(qiáng)的期待。畢竟都已經(jīng)有了泡泡和doki,愛(ài)追星愛(ài)追劇的青少年們可以在那里找到志同道合的好伙伴。

這樣設(shè)計(jì)既能夠節(jié)省空間,也能讓用戶(hù)在比較小的評(píng)論展示區(qū)里看到更多的用戶(hù)評(píng)論。

蝦米和網(wǎng)易云音樂(lè)都是跳轉(zhuǎn)到下一個(gè)獨(dú)立頁(yè)面來(lái)展示的評(píng)論,首先因?yàn)樵u(píng)論的互動(dòng)比較弱,同時(shí)也是界面受到播放器展示的限制。而且讓用戶(hù)的評(píng)價(jià)都是純文字的展示,讓用戶(hù)能夠更加關(guān)注內(nèi)容本身。

雖然音樂(lè)類(lèi)的評(píng)論存在感沒(méi)有像視頻類(lèi)的那么強(qiáng),但是跟視頻類(lèi)一樣的在評(píng)論展示區(qū)也是有精彩評(píng)論的置頂,以用戶(hù)的點(diǎn)贊數(shù)為獲得精彩評(píng)論的基準(zhǔn),促進(jìn)用戶(hù)評(píng)論的積極性及提高用戶(hù)評(píng)論的內(nèi)容質(zhì)量。

同時(shí)聽(tīng)歌的時(shí)候很容易就抒發(fā)自己的感悟,所以用戶(hù)的表達(dá)欲比較強(qiáng),獨(dú)立的頁(yè)面更有寫(xiě)長(zhǎng)評(píng)論的氛圍。

小結(jié):評(píng)論的展示更多的來(lái)自于產(chǎn)品的定位,視頻類(lèi)的評(píng)論區(qū)回復(fù)會(huì)收起來(lái),為了能夠在有限區(qū)域展示更多的評(píng)價(jià)信息;音頻類(lèi)評(píng)論區(qū)放在有獨(dú)立的頁(yè)面,是為了能夠讓用戶(hù)有更多寫(xiě)評(píng)價(jià)的感覺(jué),產(chǎn)出更多的評(píng)價(jià)。

 

評(píng)價(jià)排序

有沒(méi)有跟我一樣評(píng)價(jià)完了以后要去確認(rèn)一下我們發(fā)的評(píng)論有沒(méi)有發(fā)成功,同時(shí)要在哪里查看我們的評(píng)價(jià)呢,這些都是作為用戶(hù)會(huì)關(guān)心的問(wèn)題。如下圖所示:

在視頻類(lèi)的評(píng)價(jià)排序中,愛(ài)奇異是以最新的時(shí)間來(lái)排序的,讓用戶(hù)在最新的時(shí)間里能夠找到自己的評(píng)論,方便用戶(hù)查找。同時(shí)配合電視劇的情節(jié)而出的主題點(diǎn)贊按鈕,讓評(píng)論界面更有趣味性。

而騰訊視頻的排序則給了用戶(hù)更多的選擇,有最新評(píng)論、最熱、以及最新的排序,讓評(píng)論的排序更加靈活,更便于用戶(hù)查看。

而音樂(lè)類(lèi)的產(chǎn)品就沒(méi)有太多不同,都是默認(rèn)以最新的時(shí)間來(lái)排序的,這種排序的產(chǎn)品相對(duì)來(lái)說(shuō)就比較簡(jiǎn)單,只要單純排列就可以,主要是為了讓用戶(hù)能夠更多的關(guān)注內(nèi)容本身,因此在設(shè)計(jì)的時(shí)候僅有點(diǎn)贊按鈕,及評(píng)論和回復(fù)的區(qū)分就行。

小結(jié):評(píng)價(jià)的大多排序都默認(rèn)為按照最新時(shí)間來(lái)排序,也可以增加其他信息來(lái)進(jìn)行篩選,評(píng)論區(qū)的點(diǎn)贊按鈕可以適當(dāng)?shù)脑黾右恍┫鄳?yīng)的主題趣味,提高用戶(hù)的按鈕點(diǎn)擊率。

 

劃重點(diǎn)

1、在設(shè)計(jì)評(píng)論區(qū)入口的時(shí)候,要考慮到產(chǎn)品主體的展現(xiàn),但同時(shí)也要提高評(píng)論入口的層級(jí),不能讓用戶(hù)忽略。

2、評(píng)論的展示更多的來(lái)自于產(chǎn)品的定位,視頻類(lèi)的評(píng)論區(qū)回復(fù)會(huì)收起來(lái),為了能夠在有限區(qū)域展示更多的評(píng)價(jià)信息;音頻類(lèi)評(píng)論區(qū)放在有獨(dú)立的頁(yè)面,是為了能夠讓用戶(hù)有更多寫(xiě)評(píng)價(jià)的感覺(jué),產(chǎn)出更多的評(píng)價(jià)。

3、評(píng)價(jià)的大多排序都默認(rèn)為按照最新時(shí)間來(lái)排序,也可以增加其他信息來(lái)進(jìn)行篩選,評(píng)論區(qū)的點(diǎn)贊按鈕可以適當(dāng)?shù)脑黾右恍┫鄳?yīng)的主題趣味,提高用戶(hù)的按鈕點(diǎn)擊率。

 

 

 

作者:潘團(tuán)子

公眾號(hào):海鹽社

每天更新,
全站高品質(zhì)素材免費(fèi)下載!