旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计中移动端的评论区该如何设计
UI设计中移动端的评论区该如何设计
时间:2020-09-15来源:www.aaa-cg.com.cn点击量:作者: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-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图