今天和大家分享一下移动端评论区的设计样式及原理。
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.至于回复别人评论的时候怎么显示,可以根据自己产品的调性而定,当前期产品活跃度不够,评论较少的时候,可以采取每条回复都带上原帖,这样会显得评论区的内容多,氛围活跃一些;当产品评论数量多的时候,可以把针对一条评论的所有回复内容放置到一个新的页面,这样用户在看别人的评论以及回复的时候有针对性,也有前因后果,能够知道谁回复了谁,谁又评论了谁。
(本文来源于公众号@胡诌青年,作者@胡桃子)
下一篇 平面设计必备字体大揭秘!
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答023年以来,在版号审批、出海政策等影响下,新品游戏大量涌现,这也为游戏市场带来了一些新变量、新现象。
学习游戏开发班可以帮助游戏爱好者从零基础成为游戏开发专家,掌握全面的游戏开发技能。
火星时代教育为您提供专业的界面设计实战班,在实践中掌握界面设计的核心技巧和最新趋势,成为优秀的UI设计师。
了解UI交互设计培训的最佳选择,比较不同培训机构的优势和特点。
火星时代教育为您推荐专业的学影视后期培训机构,提供高质量的培训内容及资深导师指导,助您成为优秀的影视后期剪辑师或合成师。
火星时代教育是一家专注于交互设计培训的机构,为学员提供专业的交互设计培训课程,并帮助他们成为优秀的交互设计师。
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!