<menuitem id="ddffh"></menuitem>
<span id="ddffh"></span><progress id="ddffh"><video id="ddffh"><span id="ddffh"></span></video></progress>
<span id="ddffh"><dl id="ddffh"><del id="ddffh"></del></dl></span>
<strike id="ddffh"></strike>
<span id="ddffh"><i id="ddffh"></i></span>
<strike id="ddffh"></strike>
<span id="ddffh"><video id="ddffh"></video></span>
<span id="ddffh"><dl id="ddffh"><ruby id="ddffh"></ruby></dl></span><span id="ddffh"></span>
<ruby id="ddffh"></ruby>
<span id="ddffh"></span>
<span id="ddffh"></span><strike id="ddffh"></strike>
<span id="ddffh"></span>
<span id="ddffh"><video id="ddffh"></video></span>
<span id="ddffh"><video id="ddffh"></video></span>
<span id="ddffh"></span>
<strike id="ddffh"></strike>
<span id="ddffh"></span><th id="ddffh"><video id="ddffh"></video></th>
旗下產業: A產業/ A實習/ A計劃
全國統一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計中移動端的評論區該如何設計
UI設計中移動端的評論區該如何設計
時間:2020-09-15來源:www.biancheng38.icu點擊量:作者:Gella
時間:2020-09-15點擊量:作者:Gella

  作為一個設計師,我們不能只看到這些表面的東西,需要去分析一下它們背后的邏輯,知道它們有哪些不同之處,又是基于什么原因而做得不一樣。網易云音樂近幾年一直深受大家喜歡,一個重要原因就是它走心的評論;視頻網站的彈幕文化,也都是基于這一原因而出現的。
 

  所以,今天AAA教育郭老師就和大家分享一下移動端評論區的設計樣式及原理。
 

  01
 

  評論區樣式
 

  ...
 

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

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

 



 

  優點
 

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

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

  缺點
 

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

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

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

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

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

 



 

  優點
 

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

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

  缺點
 

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

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

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

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

 



 

  優點
 

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

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

  缺點
 

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

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

  4. 特定情況才能評論
 

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

 



 

  02
 

  評論的排列方式
 

  ...
 

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

  1. 按照點贊數多少排序
 

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

 



 

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

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

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

 



 

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

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

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

 



 

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

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

 



 

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

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

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

 



 

  03
 

  劃重點
 

  ...
 

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

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

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

  因此,您現在已經了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息,請訪問AAA教育,包含有關在該領域工作的更多相關文章。



 

?2007-2019/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2019/ www.biancheng38.icu 北京漫動者教育科技有限公司 備案號:京ICP備12034770號 監督電話:010-62568622 郵箱:bjaaa@aaaedu.cc

俺也去俺也来五月丁香