评论区设计的三个维度、九个考量点

一、从产品维度定义评论区类别

 接到评论区的要求后，不要急着做计划，而是要看一看自己的产品是什么类型的，在评论区会有什么样的表现。公众号上的评论都是作者“晒”出来的，而生鲜超市的评论区，则是让人无法回复的，因为不同的产品，评论区的内容也各不相同。 

▲从产品维度看评论类别

 1. 单向评论区 单向评论更倾向于让使用者表达自己的意见，关注于浏览评论的内容，而不能进行交互。比如在应用商店和外卖软件的详细信息页面里，评论是决定用户下载应用、下单外卖的一个重要因素。 

2. 双向评论区 双向注释主要用于作者和使用者的信息交互。比如在公众号的评论栏中，用户发表自己的意见，作者可以有选择地做出回应。而评论区（留言区）则没有太多的互动。

 3. 多向评论区 评论区，顾名思义，就是指用户可以在评论区发表自己的观点，也可以与其他读者进行互动，这种方式在社交软件和新闻网站上都很常见。 设计师在设计前，必须要结合自己的产品特点，选择最合适的评论区。

 二、“看评论”时的五个设计考量点 在确定了评论区类别之后，就可以去设计用户“看评论”的体验了；这里可以通过以下五个考量点来分析： “用户看到了什么” ——关系着评论区内容元素、展示形式、排序方式的呈现。 “用户怎么看到的”——同正文与评论区间跳转方式、以及一级二级评论的跳转方式有关。 

▲“看评论”时的五个设计考量点 1. “看评论”之内容元素 评论区内容元素主要分为两部分，评论区入口+信息展示： 评论区入口——通常是评论icon、评论量数字、“评论“二字说明，设计师按照产品的调性直接设计即可。 评论区信息展示——分为说明类信息（e.g.评论内容）和互动类信息（e.g.点赞、回复)；设计时需注意各类信息展示的位置，以确保信息看起来动线流畅、用户操作起来移动距离最小。 

▲“看评论”·评论区内容元素之信息展示 2. “看评论”之评论展示形式 app的书评区常见的陈列方式有四种：主题式、平铺式、叠加式、参照式，那么“XX式”到底意味着什么，适用于哪种情况？ 

（1）主题式 如下图所示，上面是用户发布的第一条评论，下面是其他人的回复；由于第一条评论是按照热门程度来排序的，“主题式”可以让好的评论得到更多的关注，也更容易引起其他用户的关注和参与到讨论中来； ▲“看评论”·评论区展示形式之 “主题式” 

（2）平铺式 在“平铺式”呈现方式中，评价与回应在同一层次上，不存在显著的层次差别。 就拿朋友圈来说，在这个圈子里，每个人的评论和回帖都是一样的，可以按照时间的先后顺序直接进行浏览；老版本的某乎精选评论页面也是“平铺式”的，如果用户对某个特别的评论感兴趣，进入详情页进行浏览，就可以按顺序从上到下进行浏览； ▲“看评论”·评论区展示形式之 “平铺式” 

（3）盖楼式 正如他所说的那样，论坛上的留言是一条一条的。比如某新闻，用户可以从一层到另一层，这样可以更清楚地看到每一层的内容，但因为“盖楼式”的结构比较复杂，占地面积也比较大，所以屏幕的效果比较差，会影响到使用者的阅读效率。 ▲“看评论”评论区展示形式之“盖楼式” 

（4）引用 听名字就知道了，当 B回复 A的时候， B的回复下面就会出现 A的评价。“引用式”的优点是容易让人理解，但缺点和“盖楼式”差不多，这种风格在手机上会降低阅读速度，尤其是在 PC上。 

▲“看评论”评论区展示形式之“引用式” 主题式、平铺式、盖楼式、引用式..展示形式虽然多样，大家可以根据自己产品的需要来选取合适的展示形式。

 3. “看评论”之评论排序方式 不仅评论区的展示形式有四种，评论内容的展示顺序也有四种排序方式： 

（1）评论按时间正序排列 按时间正序排列是指根据发表的时间从旧到新进行排列，这样的安排与使用者阅读时的逻辑次序相吻合，让使用者能够在时间线上将所有人的讨论内容连接在一起，既方便了阅读，又减少了认知负担。 

（2）评论按时间倒序排列 与评论正序排列相反，倒序排列会将新评论在上、旧评论在下，更适用于强调内容时效性的场景中。

如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！

（3）评论按热门程度排列 “精选评论”就是根据人气来排名的，系统会根据每一条评论的“热度值”来计算，比如点赞数量、回复数量、负面反馈数量。为防止马太效应，在排序受欢迎度的计算公式中，还加入了“时间衰减系数”。

 （4）评论按混合式排列 这种混合排列的方法，可以简单地理解为：上面的注释“按热度”-显示精选的注释，下面的注释“按时间”-显示最近的注释；这种排列方式能让网友们感觉到有趣和专业的评论，也更愿意加入到所有人的讨论中。 【看了这么多，你觉得应该怎么分类？】 

4. “看评论”之正文、评论区的查看方式分析 讲完了用户“在评论区看到了什么”，那我们就再来讲讲用户“怎么看去看评论”。首先是正文与评论区间的跳转，通常会用以下四种方式来实现： 

▲“看评论”正文、评论区的跳转方式 

（1）锚点定位、跳转至评论区 这种是比较常见的交互形式——点击评论icon后，通过页面的锚点定位直接跳转至评论区；待用户浏览完评论区内容之后，用户可再次点击评论icon返回至正文位置； 

（2）上滑页面，评论区跟随在正文后 很多信息应用的评论区，都是在文章的最后方，当你看完了这篇文章之后，再往上滑动就能看到下面的留言了。从用户的行为角度来看，这是一个很好的办法，可以让用户先阅读，然后再查看讨论，然后加入讨论，但在正文和评论区，可能会有一些推荐和广告，影响到用户的阅读。 

（3）手势滑动、进入下一级页面查看评论 例如，某讯的新闻，使用者可以从左侧滑动到评论页面；手势交互的优点在于方便用户使用，但是它也有一定的“缺点”，比如滑动到下一个层次的网页是否符合用户的认知，滑动式的手势是否适用于各种情况； 

（4）评论内容以弹层形式呈现 当玩家们点开这条评论的时候，评论区就会弹出一条弹幕，这是大部分视频软件都会采用的方式，这也是 vivo这次评测中采用的一种方式。“正文内容”是二维的 XY轴，评论区是 Z轴上的弹幕，提升了手机的视觉效果。从使用者的角度来看，弹层式的应用提升了作业的效率，由于弹层式互动的广泛性，使用者的学习代价也更小；从内容的基本逻辑来看，评论是信息详细信息的一种，用户可以通过弹层对信息进行扩展，这种层次的互动方式也与详细页面的浏览逻辑相吻合。

 ▲“看评论”·评论区以弹层形式呈现 

5. “看评论”之评论、回复间的跳转方式分析 对于“用户怎么看评论”，除了“怎么查看评论区”，也还有“怎么查看评论与回复”；后者的查看方式整理后大概有下图三种： 在原位置直接展开更多“回复”：以美版某乎为例，其优势是操作成本、浏览成本都很小，弊端则是会影响到用户阅读下一条评论（屏幕滑动距离更长）； 在下一级页面里再展示完整的“回复”； 以弹层的形式来进行“回复”的完整呈现。

 ▲“看评论”·评论区展示形式之评论、回复间的跳转方式 根据以上五小考量点，大家可以根据自家的评论区特点及现状，选取合适的方式方法去做用户看评论的设计体验。

以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。

标签：天迅达科技 天津APP开发 天津网站建设 网站建设