当前位置:首页 >教程首页 > 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.至于回复别人评论的时候怎么显示,可以根据自己产品的调性而定,当前期产品活跃度不够,评论较少的时候,可以采取每条回复都带上原帖,这样会显得评论区的内容多,氛围活跃一些;当产品评论数量多的时候,可以把针对一条评论的所有回复内容放置到一个新的页面,这样用户在看别人的评论以及回复的时候有针对性,也有前因后果,能够知道谁回复了谁,谁又评论了谁。

(本文来源于公众号@胡诌青年,作者@胡桃子)

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定