網頁評論區(qū)結構如何設計展示

2021-05-10    分類: 網站建設

評論是內容生產者和內容消費者溝通的橋梁,是提升產品活躍度的推動力。要想更多的用戶加入評論的“戰(zhàn)場”,就需要營造一個熱鬧的環(huán)境,選擇合適的評論展示方式就顯得非常重要。評論區(qū)的設計主要有3種結構:線形分支結構(平鋪是式設計)、樹形分支結構(主題式設計)、蓋樓式設計。
一、線形分支結構
又叫做平鋪式設計,評論內容從上到下平鋪展示,功能邏輯簡單,是最基礎的評論區(qū)展示方式。
優(yōu)點:
1. 產品邏輯簡單,功能輕便
2. 適用的大多數(shù)場景和產品類型
缺點:
1. 用戶之間的對話沒有連續(xù)性,查看評論的用戶瀏覽內容時比較費勁
2. 評論區(qū)也顯得不夠熱鬧,無法吸引更多的用戶參與進來
適用場景:
1. 評論量較小的內容下方
2. 對評論回復的二級頁面
這種類型的評論模式回復狀態(tài)又分為兩種表現(xiàn)形式,一種是將原評論帶出,一種是直接@某人。如下圖:
評論區(qū)結構如何設計
1. 引用原評論
將回復的評論內容直接展示出來。比較適合于評論量比較大,上文關系比較復雜,用戶群之間比較陌生的的評論區(qū),有利于用戶更直觀的理解回復的上下文內容。eg. 網易云音樂和愛奇藝
評論區(qū)結構如何設計
2. @某人
直接將回復的對象@出來,并不會展示前文內容。
適用于評論內容較小,或用戶群相對熟悉的場景中。eg. 微信朋友圈,聚焦在共同好友的社交范圍內,大家彼此熟悉,評論量又相對較小,這種輕便的回復展示形式會讓頁面內容更加輕便,有利于快速查看;

還有一種場景,就是回復的二級頁面,eg. 小紅書(某一條評論的回復內容較多時,點擊查看更多進入的頁面)

評論區(qū)結構如何設計

二、樹形分支結構
又叫做主題式設計,就是將對單條評論的所有回復內容集合在一起進行展示,每條評論可以作為一個主題,再繼續(xù)進行延展討論。如果討論的人數(shù)較多,就將對此內容的回復折疊起來。
優(yōu)點:
1. 對評論的回復集合展示,形成一個子模塊,增加了主貼話題的延展性
2. 營造出熱鬧的評論區(qū)氛圍,吸引更多的用戶參與討論
缺點:
1. 用戶之間的對話具有連續(xù)性,方便用戶進行評論內容的查看。
2. 評論區(qū)也顯得不夠熱鬧,無法吸引更多的用戶參與進來。
適用場景:
1. 關注社區(qū)氛圍的休閑娛樂類產品中,視頻類、新聞類、音樂類、健身類等等
評論區(qū)結構如何設計

當用戶要查看很多回復的時候,有兩種方式:
1. 跳轉新的頁面:這種展示形式可以讓用戶沉浸評論內容中,比較適合于更關注社群互動氛圍的產品(討論、互撕) eg. 騰訊視頻;還有主打評論的最右。
2. 在當前頁面直接展開:每次只展示幾條內容,比較適合于短視頻場景中輕便式的內容展示,這樣的交互方式更多的還是讓用戶沉浸在視頻內容上,不會因為頁面的跳轉而分散了用戶對主貼的注意力。eg. 抖音,轉轉
評論區(qū)結構如何設計

三、蓋樓式結構
理解起來很簡單,就是以第一條評論為地基搭建樓層,后來加入的回復都依次累加展示,樓層順序根據(jù)評論的時間進行展示,最早評論的展示在最上方,這樣非常方便后來者對樓層內容進行瀏覽。
優(yōu)點:
1. 樓層內容邏輯清晰,閱讀連貫性好,利于后來的用戶理解
2. 可以形成獨特的跟帖文化,樓里的內容可以變成故事、詩等等
缺點:
1. 需要平臺用戶量夠大,評論積極性要夠高
2. 需要培養(yǎng)用戶的評論習慣
評論區(qū)結構如何設計
翻看了大量的主流APP,發(fā)現(xiàn)這種蓋樓形式就只出現(xiàn)在網易新聞里,獨樹一幟,這也得益于網易新聞超高的用戶基數(shù)和平臺培養(yǎng)出的參與互動的良好習慣。
評論區(qū)結構如何設計
四、總結
今天主要講述3種評論區(qū)結構:
線形分支結構:適合評論量小,評論環(huán)境簡單的產品中;
樹形分支結構:適合于評論量大,需要營造熱鬧氛圍的閑娛樂類產品中;
蓋樓式結構:適合于評論量大,需要營造熱鬧氛圍的產品中,目前使用范圍較小,需要對用戶進行習慣的培養(yǎng)。
(鄭重聲明:本文版權歸原作者海鹽社小火焰所有,轉載文章僅為傳播更多信息之目的,如有侵權,請聯(lián)系我們刪除;如作者信息標記有誤,請聯(lián)系我們修改。)

分享名稱:網頁評論區(qū)結構如何設計展示
當前URL:http://www.bm7419.com/news27/113027.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、外貿網站建設、建站公司、面包屑導航、網站設計公司、靜態(tài)網站

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)