大厂方法论系列：评论功能交互设计精讲编辑导语：自古评论出人才

编辑导语：自古评论出人才，而评论区，不但能拉近作者和用户间的距离，还能增强用户黏性。那评论区如何设计，才能让用户喜欢呢？本篇文章中，作者分享了自己的设计思路和方法，感兴趣的小伙伴不妨来看看。

文章图片
评论区是一个神奇的地方，它可以拉近用户间的关系，也能增强用户与产品的联系。
那么好的评论区该如何设计？本篇文章将通过三个维度、九个考量点对评论区的设计进行拆解。

文章图片
评论区设计的三个维度&十个考量点
一、从产品维度定义评论区类别
当拿到构建评论区的需求时，别着急出方案，先看看自己的产品是什么类型、适合什么样的评论区；
公众号的评论是被作者选择性地“晒”出，生鲜超市类app的评论区是只能看不能回；
产品类型不同、其评论区类别也不一样。
这里有三种评论区类型供大家选择：

文章图片
从产品维度看评论类别
1.单向评论区
单向评论偏向于让用户发表自己的观点，重点在评论内容本身的浏览上，用户与用户之间不可互动。
如应用商店、外卖app的内容详情页中，评论内容是用户后续行为：下载应用、下单外卖的影响因子之一。
2.双向评论区
双向评论多应用于作者与用户之间的留言互动中。
如公众号的文章留言区，用户发表观点、作者可选择性地进行回复。
双向评论更强调作者、读者之间的关系，整个评论区（留言区）的互动性不强；
3.多向评论区
多向评论区顾名思义，用户可以在评论区发表自己的看法、也可与他人进行交流互动，这在社交app上、新闻资讯app等较为常见；
设计师需要根据自己的产品特性，在设计之前，先来选取最适合的评论区类型。
二、“看评论”时的五个设计考量点
在确定了评论区类别之后，就可以去设计用户“看评论”的体验了。
这里可以通过以下五个考量点来分析：
“用户看到了什么”——关系着评论区内容元素、展示形式、排序方式的呈现；“用户怎么看到的”——同正文与评论区间跳转方式、以及一级二级评论的跳转方式有关。
文章图片
“看评论”时的五个设计考量点
1.“看评论”之内容元素
评论区内容元素主要分为两部分，评论区入口+信息展示：
评论区入口——通常是评论icon、评论量数字、“评论“二字说明，设计师按照产品的调性直接设计即可；评论区信息展示——分为说明类信息（e.g.评论内容）和互动类信息（e.g.点赞、回复) 。设计时需注意各类信息展示的位置，以确保信息看起来动线流畅、用户操作起来移动距离最小。

文章图片
“看评论”·评论区内容元素之信息展示
2.“看评论”之评论展示形式
app评论区常用的大致有四类展示形式——主题式、平铺式、盖楼式、引用式，这些“XX式”是什么意思，又适合在什么场景下用呢？
（1）主题式
如下图，用户对正文内容发表的一级评论在上，他人的回复则折叠在下方。
因为一级评论通常以热度的形式排列，所以“主题式”可使优质评论获得更多的曝光，更容易吸引其他用户查看、并参与讨论中去。