美叶研学
文章小册观察
文章小册观察
目录
设计漫谈
  • 前言

    第1节

    关于本课

  • 全部课程

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    分层呈现

    第5节

    多选

    第6节

    防止犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设定

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    特殊状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

美叶 © 2026京ICP备18053775号-2    京公网安备 11010502047597号
评论

人们喜欢对一些热点问题发表自己的见解和看法,尤其是在信息流速更快的互联网时代。过去发生在一座无人关注的小城市的热点事件,现在只要在互联网上得以传播,很容易成为全国乃至全世界的热门话题。

当这些话题产生时,一些人往往会在话题下发表自己见解,而另外一些人则通过观看这些见解,进而表达自己的看法。评论的话题可谓是五花八门,其主要内容形态可以是图文,视频,或是一个实际存在的主体。

在互联网时代,我们几乎每时每刻都在接触热点话题,而构成话题持续发酵的的重要构成要素则为评论。评论的场景非常普遍,以至于我们打开任何一款APP或是网站,都会看到用户参与评论的页面。

影视类APP有用户对影片的点评,社会新闻类网站,有来自用户的评论,而社交媒体上评论情景则更加广泛,我们日常的生活几乎被各种评论观点包围,我们一方面发表自己观点,另一方面又会去看别人的观点是什么。

早期的评论形式

随着互联网的发展,评论的表现计形态,也在逐步发生进化。早期互联网上的评论和现在我们接触的评论形态非常不同,当时比较有代表性的评论形态被称之为叠楼。那时话题产生后,人们对话题进行评论,而发起评论的次序非常重要。站方会按照发起评论的时间顺序对评论内容进行排序,并用阿拉伯数字标识出排序关系,这样随着随着评论数量的增多,叠楼的高度也会越来越高。


叠高楼会带来两个问题,首先是展示评论的内容宽度会随着楼高的增高而变窄,当评论的条数足够多时,后续发言人的评论内容会很难展示下。其次是基于评论的回复很难,比如你赞同或反对第二条评论的观点,那么如果你身处在100个评论之下。你在回复第二条评论时,就不得不称呼对方为二楼,而看到你这条评论的人为了厘清你表达的观点,不得不向上滑屏到二楼位置查看二楼说了什么,一上一下阅读起来非常不便。但叠楼的设计也有一个好处,那就是随着楼高的增高,会激发用户的发言乐趣,因为楼越高,对用户的发言刺激也会越大。

评论的层级

如今产品设计,已经很少见到这种评论形态了,取而代之的是更加友好的评论展示形式,围绕着话题,用户可以发表评论,这些各种层级的评论会按照特定的排序规则,有序的展示在话题下方,而对于用户的评论,同样也会支持其他用户对该评论进行评论。为了方便理解,我们称这类评论为二级评论,这些二级评论内容会展示在一级评论的下方。那么这时你可能会问,会不会有用户对二级评论内容再次发表评论呢?答案是肯定的,那么针对于这种情况,常见的产品设计解决方案又会是怎样的呢?

以抖音和微博为例,基于话题的一级评论会被定义为优先级最高的评论形式,这些一级评论内容会被重点凸显出来。而针对于一级评论的评论(二级评论)会以缩进形态,显示在一级评论下方,这种设计形态,可以很好的向用户传达,评论的逻辑构成关系,用户可以通过缩进形式,获悉评论主体是谁。


而针对于二级评论进行的再次评论的则被收束在二级评论下,不再继续缩进展示,转而通过AAA回复XXX的形式,向用户传达回复关系。这种设计的好处是可以有效避免评论的无限缩进,带来的显示难题,但缺点也是显而易见的,由于二到多级的评论都被折叠在二级评论下,用户在阅读不同用户的评论观点时,不得不花点精力厘清不同用户的发表观点的逻辑关系。

那么有没有产品的评论设计支持多级评论缩进展示的呢?答案是有。以Facebook为例,这款产品的评论设计形态是支持多级缩进展示的,并且通过使用关系线条,揭示不同评论主体的内在逻辑关系。


由于大多数情况下,对于二级或者是更深层级的评论,再次发起的评论并不是平台鼓励的。所以我们常见的产品设计大都不会采用上述设计形态。

评论的折叠

话题下方的评论内容尽管存在多个内在逻辑层级,但毫无疑问,话题下方的一级评论与话题关系最为密切。所以大多数的产品会优先展示一级评论,而二级或是二级以上的评论内容只展示数条,其余评论则被折叠隐藏。这样设计的好处,用户可以更加聚焦话题评论,不会被分支评论过度干扰。

如果用户对话题评论的某一条观点更感兴趣,那么可以通过更一步的交互,来查看分支评论详情。针对于二级评论内容的展示设计,常见的有两种形态,一种为在当前页面进行内容展开,比如抖音或是微信公众号的评论设计,另外一种则通过一个全新的页面展示二级评论详情,比如大众点评或微博。


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


通过新页面展示二级评论,由于页面场景发生改变,用户可以更加专注一级评论下的二级评论话题,二级评论可以以非缩进态显示在页面中,这时评论显示的空间宽度更大,内容的呈现形态也会被强化,同时评论展示的条数也不会受到限制,因为用户想要返回一级评论,只需点击返回按钮即可完成场景切换,比如QQ音乐或是大众点评的评论设计,前者在发生页面切换时音乐播放不会被打断,后者不存在打断的情景,由于点评类应用的特殊性,评论的内容需要被强化,以表达更为舒适的单页面,来承载二级评论内容,可以让用户获取极佳的阅读体验。

评论的排序

之前的章节我们讲到过,当多个相同形态的结构单元出现时,排序是绕不开的话题,如果一篇文章下面的评论内容有成千上万条,那么为用户优先展示那些内容将非常应用读者阅读体验。

大多数的产品会将用户点赞数较多的评论向用户展示,这相当于通过用户投票来决定后来者,应该优先阅读那些评论内容。也有的产品会强化话题作者的回复权重,优先展示那些被作者“翻牌子”的评论内容,比如抖音的评论,会将作者的身份标签强化,同时将评论内容置于全部评论的前面。

还有一些产品会为用户提供多个维度的评论排序形式,让用户通过手动选择来过滤评论内容,以QQ音乐为例,这款产品的评论为用户提供三种排序选择:推荐、最热、最新。其中推荐为默认评论排序,最热则为二级评论数最多的一级评论排序,最新则按照时间进行排序。


总结

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

社交对话
文本框标签