當前位置:首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >如何設計移動APP的評論區樣式?

如何設計移動APP的評論區樣式?

發布時間:2020-11-25 09:14:15

今天和大家分享一下移動端評論區的設計樣式及原理。

01 評論區樣式

1. 回複別人時,內容下方帶上原帖內容

如下圖網易雲音樂,回複別人的時候,在帖子下方會帶上原帖,也就是回複的那個人發的文字。

如何設計移動APP的評論區樣式?

優點:

a.能讓人一眼就看到回複的是哪條帖子,信息層級明顯、容易區分;

b.活躍了評論區的氛圍,每一條回複都會新增一條評論動態,給人一種很多人在用的感覺,適合產品早期用戶體量小的時候。

缺點:

a.當回複信息較多時,每次都附帶一條原帖內容,沒有前因後果,摸不著頭腦,對話感不強;

b.不適合帶圖片的評論,圖片所占位置太大,一屏內顯示不了幾條評論。而且當多人回複同一條評論的時候,圖片重複次數多。

2. 回複別人時,回複內容在原文的下方

社交類、服務類的產品較常使用這種方式,即回複別人的帖子,回複內容在原文的下方。例如視頻網站這一類產品用戶體量較大,回複同一條帖子的幾率較大,每一條回複都帶上原帖,顯然不合理。

如何設計移動APP的評論區樣式?

當同一條內容評論人數過多,沒有空間展示所有的回複內容,可以隻展示幾條回複內容,再用其他的方式如“查看全部n條回複”的鏈接,讓用戶知道還有其他的評論,誘導他們點擊進入下一頁查看所有評論。

優點:

a.用戶之間互動強,就像在現實生活中小組討論一樣,大家都爭對同一個主題,發表自己的言論,帶入感強;

b.信息層級明確,針對同一條內容的回複都在一個頁麵同一個層級內。

缺點:

a.需要點擊跳轉到新的頁麵,才能看到針對這條評論的所有回複,流程裏多了一步;

b.每條評論都展示幾條回複的話,占據了太多的屏幕空間。

3. 隻展示評論數量,回複需要點擊進入詳情頁

現在很多App都開始用這種方式,隻在外麵展示回複、點讚、轉發的數量,想要回複或者查看其他人回複的內容的時候,需要點擊跳轉到評論詳情頁。這就相當於我們去一個陌生的地方逛一樣,都是自己不知道的店鋪,那我們隻能通過店裏的人流量(點讚數)、大家的推薦指數(轉發數)、店鋪裝修風格(觸動人的文案或圖片)等,來選擇進入哪家店鋪。

如何設計移動APP的評論區樣式?

優點:

a.節省了頁麵空間,同樣大小的區域能夠展示更多的內容;

b.給用戶選擇的餘地,他隻需要點自己感興趣的內容去回複,同時和所有對這條評論感興趣的人一起溝通交流,而不是置身於一個大雜燴的場景之中。

缺點:

a.操作比較複雜,需要點擊進入新的頁麵,多了一步頁麵操作,且引導性不夠;

b.當單條評論不夠有吸引力的時候,用戶沒有點擊欲望,長此以往,每條評論的回複太少,會打擊用戶的積極性,後續可能就不想參與了。

4. 特定情況才能評論

以淘寶為例,用戶購買之後才有評價的資格,否則隻能回複別人的評論。買過才有發言權,這能在一定程度上維持評論區的和諧,不至於出現一片倒的水軍。針對一些惡意差評,商家的回複信息可以直接顯示在下方,信息展示明確,在一定程度上能緩解用戶的反感。

如何設計移動APP的評論區樣式?

02 評論的排列方式

評論的排序方式也有很多種,目前最主流的排序方式就是按照評論、點讚的數量依次排序,或者是按照時間,最早回複的在下麵,最晚回複的在最上麵。

1. 按照點讚數多少排序

按照點讚數的多少排序,當點讚數一樣的時候,按時間倒序排列。

如何設計移動APP的評論區樣式?

這樣的話能優先看到熱門的評論,看到別人都在說什麼。而且一旦自己的評論被人點讚上了排行榜前幾名,能給用戶帶來極大的成就感,激勵著他繼續使用這個產品。但是這種方式有一個弊端,當自己回複別人的帖子後,按照點讚數排序的話,自己的評論會被掩蓋在熱門評論下,很難找到自己評論的內容,會讓用戶以為操作沒有成功。

2. 按照評論時間正序排列

這種方式比較符合正常人的思維邏輯以及視覺流程,從上到下,先來的先顯示,後來的後顯示。

如何設計移動APP的評論區樣式?

但是卻不太適合移動端的體驗,當用戶一打開最先看到的是時間最久的評論時,會覺得這個App信息更新得太不及時,跟不上潮流。而且一些優質的評論會因為發布時間晚排在很下麵,從而被用戶忽視。

3. 按照評論時間倒序排列

這種方式下,用戶自己回複的內容立馬就能看得到,操作有反饋,體驗較好,但相應的優質評論容易被時間淹沒。

如何設計移動APP的評論區樣式?

4.熱評和時間排序組合起來使用

知乎改版後就結合了點讚數和時間正序這兩種方式,在最上方顯示十幾條精彩評論,按點讚數排序;下方按照時間倒序排序,在一定程度上滿足了用戶既想看到熱門的評論內容,又想實時看到自己發布的內容的心理。

不過這種方式仍有弊端,熱門評論較多,十幾條評論需要劃過好幾屏,對我這種很少看知乎的用戶來說,聽到好文章難得去評論一下,結果半天沒找到自己的評論在哪裏。試了好幾次,劃了好幾屏才看到自己的回複內容安靜地躺在最下麵的最新評論裏。

如何設計移動APP的評論區樣式?

5.用戶根據需要選擇排列方式

網易雲則單獨進行了分類,用戶可以根據自己需要選擇評論排列方式,默認是推薦。

如何設計移動APP的評論區樣式?

03 劃重點

1.當你的產品評論時效性較強的時候,評論排序方式可以選擇時間倒序,最新的評論顯示在最上方。如視頻類App,回複內容大多類似,所以按照時間來排序最好不過了。

2.當你的產品是希望用內容來吸引用戶,那你可以選擇按點讚數排序,點讚最多的顯示在最上方,如新聞類App。

3.至於回複別人評論的時候怎麼顯示,可以根據自己產品的調性而定,當前期產品活躍度不夠,評論較少的時候,可以采取每條回複都帶上原帖,這樣會顯得評論區的內容多,氛圍活躍一些;當產品評論數量多的時候,可以把針對一條評論的所有回複內容放置到一個新的頁麵,這樣用戶在看別人的評論以及回複的時候有針對性,也有前因後果,能夠知道誰回複了誰,誰又評論了誰。

(本文來源於公眾號@胡謅青年,作者@胡桃子)

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定