UI设计中移动端的评论区该如何设计

作为一个设计师，我们不能只看到这些表面的东西，需要去分析一下它们背后的逻辑，知道它们有哪些不同之处，又是基于什么原因而做得不一样。网易云音乐近几年一直深受大家喜欢，一个重要原因就是它走心的评论;视频网站的弹幕文化，也都是基于这一原因而出现的。

所以，今天我就和大家分享一下移动端评论区的设计样式及原理。

01

评论区样式

...

1. 回复别人时，内容下方带上原帖内容

如下图网易云音乐，回复别人的时候，在帖子下方会带上原帖，也就是回复的那个人发的文字。

优点

a.能让人一眼就看到回复的是哪条帖子，信息层级明显、容易区分;

b.活跃了评论区的氛围，每一条回复都会新增一条评论动态，给人一种很多人在用的感觉，适合产品早期用户体量小的时候。

缺点

a.当回复信息较多时，每次都附带一条原帖内容，没有前因后果，摸不着头脑，对话感不强;

b.不适合带图片的评论，图片所占位置太大，一屏内显示不了几条评论。而且当多人回复同一条评论的时候，图片重复次数多。

2. 回复别人时，回复内容在原文的下方

社交类、服务类的产品较常使用这种方式，即回复别人的帖子，回复内容在原文的下方。例如视频网站这一类产品用户体量较大，回复同一条帖子的几率较大，每一条回复都带上原帖，显然不合理。

当同一条内容评论人数过多，没有空间展示所有的回复内容，可以只展示几条回复内容，再用其他的方式如“查看全部n条回复”的链接，让用户知道还有其他的评论，诱导他们点击进入下一页查看所有评论。

优点

a.用户之间互动强，就像在现实生活中小组讨论一样，大家都争对同一个主题，发表自己的言论，带入感强;

b.信息层级明确，针对同一条内容的回复都在一个页面同一个层级内。

缺点

a.需要点击跳转到新的页面，才能看到针对这条评论的所有回复，流程了多了一步;

b.每条评论都展示几条回复的话，占据了太多的屏幕空间。

3. 只展示评论数量，回复需要点击进入详情页

现在很多App都开始用这种方式，只在外面展示回复、点赞、转发的数量，想要回复或者查看其他人回复的内容的时候，需要点击跳转到评论详情页。这就相当于我们去一个陌生的地方逛一样，都是自己不知道的店铺，那我们只能通过店里的人流量(点赞数)、大家的推荐指数(转发数)、店铺装修风格(触动人的文案或图片)等，来选择进入哪家店铺。

优点

a.节省了页面空间，同样大小的区域能够展示更多的内容;

b.给用户选择的余地，他只需要点自己感兴趣的内容去回复，同时和所有对这条评论感兴趣的人一起沟通交流，而不是置身于一个大杂烩的场景之中。

缺点

a.操作比较复杂，需要点击进入新的页面，多了一步页面操作，且引导性不够;

b.当单条评论不够有吸引力的时候，用户没有点击欲望，长此以往，每条评论的回复太少，会打击用户的积极性，后续可能就不想参与了。

4. 特定情况才能评论

以淘宝为例，用户购买之后才有评价的资格，否则只能回复别人的评论。买过才有发言权，这能在一定程度上维持评论区的和谐，不至于出现一片倒的水军。针对一些恶意差评，商家的回复信息可以直接显示在下方，信息展示明确，在一定程度上能缓解用户的反感。

02

评论的排列方式

...

评论的排序方式也有很多种，UI设计中移动端的评论区该如何设计https://www.aaa-cg.com.cn/ui/2683.html目前最主流的排序方式就是按照评论、点赞的数量依次排序，或者是按照时间，最早回复的在下面，最晚回复的在最上面。

1. 按照点赞数多少排序

按照点赞数的多少排序，当点赞数一样的时候，按时间倒序排列。

这样的话能优先看到热门的评论，看到别人都在说什么。而且一旦自己的评论被人点赞上了排行榜前几名，能给用户带来极大的成就感，激励着他继续使用这个产品。但是这种方式有一个弊端，当自己回复别人的帖子后，按照点赞数排序的话，自己的评论会被掩盖在热门评论下，很难找到自己评论的内容，会让用户以为操作没有成功。

2. 按照评论时间正序排列

这种方式比较符合正常人的思维逻辑以及视觉流程，从上到下，先来的先显示，后来的后显示。

但是却不太适合移动端的体验，当用户一打开最先看到的是时间最久的评论时，会觉得这个App信息更新得太不及时，跟不上潮流。而且一些优质的评论会因为发布时间晚排在很下面，从而被用户忽视。

3. 按照评论时间倒序排列

这种方式下，用户自己回复的内容立马就能看得到，操作有反馈，体验较好，但相应的优质评论容易被时间淹没。

4.热评和时间排序组合起来使用

知乎改版后就结合了点赞数和时间正序这两种方式，在最上方显示十几条精彩评论，按点赞数排序;下方按照时间倒序排序，在一定程度上满足了用户既想看到热门的评论内容，又想实时看到自己发布的内容的心理。

不过这种方式仍有弊端，热门评论较多，十几条评论需要划过好几屏，对我这种很少看知乎的用户来说，听到好文章难得去评论一下，结果半天没找到自己的评论在哪里。试了好几次，划了好几屏才看到自己的回复内容安静地躺在最下面的最新评论里。

5.用户根据需要选择排列方式

网易云则单独进行了分类，用户可以根据自己需要选择评论排列方式，默认是推荐。

03

划重点

...

1.当你的产品评论时效性较强的时候，评论排序方式可以选择时间倒序，最新的评论显示在最上方。如视频类App，回复内容大多类似，所以按照时间来排序最好不过了。

2.当你的产品是希望用内容来吸引用户，那你可以选择按点赞数排序，点赞最多的显示在最上方，如新闻类App。

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

　　因此，您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息，请给我点个关注，我之后还会发包含有关在该领域工作的更多相关文章。