前言
全部课程
人们喜欢对一些热点问题发表自己的见解和看法,尤其是在信息流速更快的互联网时代。过去发生在一座无人关注的小城市的热点事件,现在只要在互联网上得以传播,很容易成为全国乃至全世界的热门话题。
当这些话题产生时,一些人往往会在话题下发表自己见解,而另外一些人则通过观看这些见解,进而表达自己的看法。评论的话题可谓是五花八门,其主要内容形态可以是图文,视频,或是一个实际存在的主体。
在互联网时代,我们几乎每时每刻都在接触热点话题,而构成话题持续发酵的的重要构成要素则为评论。评论的场景非常普遍,以至于我们打开任何一款APP或是网站,都会看到用户参与评论的页面。
影视类APP有用户对影片的点评,社会新闻类网站,有来自用户的评论,而社交媒体上评论情景则更加广泛,我们日常的生活几乎被各种评论观点包围,我们一方面发表自己观点,另一方面又会去看别人的观点是什么。
早期的评论形式
随着互联网的发展,评论的表现计形态,也在逐步发生进化。早期互联网上的评论和现在我们接触的评论形态非常不同,当时比较有代表性的评论形态被称之为叠楼。那时话题产生后,人们对话题进行评论,而发起评论的次序非常重要。站方会按照发起评论的时间顺序对评论内容进行排序,并用阿拉伯数字标识出排序关系,这样随着随着评论数量的增多,叠楼的高度也会越来越高。

叠高楼会带来两个问题,首先是展示评论的内容宽度会随着楼高的增高而变窄,当评论的条数足够多时,后续发言人的评论内容会很难展示下。其次是基于评论的回复很难,比如你赞同或反对第二条评论的观点,那么如果你身处在100个评论之下。你在回复第二条评论时,就不得不称呼对方为二楼,而看到你这条评论的人为了厘清你表达的观点,不得不向上滑屏到二楼位置查看二楼说了什么,一上一下阅读起来非常不便。但叠楼的设计也有一个好处,那就是随着楼高的增高,会激发用户的发言乐趣,因为楼越高,对用户的发言刺激也会越大。
评论的层级
如今产品设计,已经很少见到这种评论形态了,取而代之的是更加友好的评论展示形式,围绕着话题,用户可以发表评论,这些各种层级的评论会按照特定的排序规则,有序的展示在话题下方,而对于用户的评论,同样也会支持其他用户对该评论进行评论。为了方便理解,我们称这类评论为二级评论,这些二级评论内容会展示在一级评论的下方。那么这时你可能会问,会不会有用户对二级评论内容再次发表评论呢?答案是肯定的,那么针对于这种情况,常见的产品设计解决方案又会是怎样的呢?
以抖音和微博为例,基于话题的一级评论会被定义为优先级最高的评论形式,这些一级评论内容会被重点凸显出来。而针对于一级评论的评论(二级评论)会以缩进形态,显示在一级评论下方,这种设计形态,可以很好的向用户传达,评论的逻辑构成关系,用户可以通过缩进形式,获悉评论主体是谁。

而针对于二级评论进行的再次评论的则被收束在二级评论下,不再继续缩进展示,转而通过AAA回复XXX的形式,向用户传达回复关系。这种设计的好处是可以有效避免评论的无限缩进,带来的显示难题,但缺点也是显而易见的,由于二到多级的评论都被折叠在二级评论下,用户在阅读不同用户的评论观点时,不得不花点精力厘清不同用户的发表观点的逻辑关系。
那么有没有产品的评论设计支持多级评论缩进展示的呢?答案是有。以Facebook为例,这款产品的评论设计形态是支持多级缩进展示的,并且通过使用关系线条,揭示不同评论主体的内在逻辑关系。

由于大多数情况下,对于二级或者是更深层级的评论,再次发起的评论并不是平台鼓励的。所以我们常见的产品设计大都不会采用上述设计形态。
评论的折叠
话题下方的评论内容尽管存在多个内在逻辑层级,但毫无疑问,话题下方的一级评论与话题关系最为密切。所以大多数的产品会优先展示一级评论,而二级或是二级以上的评论内容只展示数条,其余评论则被折叠隐藏。这样设计的好处,用户可以更加聚焦话题评论,不会被分支评论过度干扰。
如果用户对话题评论的某一条观点更感兴趣,那么可以通过更一步的交互,来查看分支评论详情。针对于二级评论内容的展示设计,常见的有两种形态,一种为在当前页面进行内容展开,比如抖音或是微信公众号的评论设计,另外一种则通过一个全新的页面展示二级评论详情,比如大众点评或微博。

那么两种展示形态,有何设计着眼点呢,在当前页面展示评论展示的内容,由于没有更换阅读场景,阅读发生在当前页面,所以阅读的关联性更强,比如刷抖音的时候,视频内容继续播放,不会因跳转页面被打断。但缺点是必须要控制二级评论的展示条数,如果二级评论有几百条,一次性完全被展开,那么继续阅读一级评论的成本就会非常大,所以我们会看到,抖音的设计方案是通过点击展示更多按钮,获得数条二级评论内容,并非一次性全部展示评论条数,如果用户想要看更多的二级评论内容,那么持续点击展示更多按钮即可。

通过新页面展示二级评论,由于页面场景发生改变,用户可以更加专注一级评论下的二级评论话题,二级评论可以以非缩进态显示在页面中,这时评论显示的空间宽度更大,内容的呈现形态也会被强化,同时评论展示的条数也不会受到限制,因为用户想要返回一级评论,只需点击返回按钮即可完成场景切换,比如QQ音乐或是大众点评的评论设计,前者在发生页面切换时音乐播放不会被打断,后者不存在打断的情景,由于点评类应用的特殊性,评论的内容需要被强化,以表达更为舒适的单页面,来承载二级评论内容,可以让用户获取极佳的阅读体验。
评论的排序
之前的章节我们讲到过,当多个相同形态的结构单元出现时,排序是绕不开的话题,如果一篇文章下面的评论内容有成千上万条,那么为用户优先展示那些内容将非常应用读者阅读体验。
大多数的产品会将用户点赞数较多的评论向用户展示,这相当于通过用户投票来决定后来者,应该优先阅读那些评论内容。也有的产品会强化话题作者的回复权重,优先展示那些被作者“翻牌子”的评论内容,比如抖音的评论,会将作者的身份标签强化,同时将评论内容置于全部评论的前面。
还有一些产品会为用户提供多个维度的评论排序形式,让用户通过手动选择来过滤评论内容,以QQ音乐为例,这款产品的评论为用户提供三种排序选择:推荐、最热、最新。其中推荐为默认评论排序,最热则为二级评论数最多的一级评论排序,最新则按照时间进行排序。

总结
在本小节,我们探讨了评论的产品设计形态的演变,从叠楼到现如今的评论设计。这种进化是以方便用户阅读而发生的。接下来我们探究了评论的层级、评论的折叠,不同产品采用了什么样的解决方案,以及这些方案的优缺点是什么。最后我们讲到了评论的排序,如何让用户第一时间看到质量极佳的内容,是我们进行内容排序的出发点,说到这里,我们必须强调一点,作为设计者,我们在进行任何产品设计时,只要涉及相同结构单元内容的呈现,我们都要严谨对待排序,排序的设定的得当与否,将直接影响用户的阅读感受,以上就是本小节的主要内容。