评论区设计（一）：如何做好盖楼式评论？

　　本篇文章以网易新闻评论区为例，为大家讲解了五种评论区的设计模式，并且讲述了使用每种模式的原由，供大家参考。
　　评论区设计有多种模式，本文以网易新闻评论区为例，只讨论盖楼模式。
　　网易评论区，分三部分：热门跟帖精彩盖楼最新跟帖。有时没有“精彩盖楼”、“最新跟帖”部分，如果跟帖数超过7层，就会折叠。
　　如下图：
　　和大多数评论区一样，“网易新闻评论区”采用的是头像（包含名字，时间）在左上角，点赞在右上角，评论文本在头像和点赞的下方。这种设计很常见，大家都很适应，也喜欢。
　　下文是我小改的五个样式：
　　样式一：
　　头像从评论文本的左上角移至右下角；
　　头像从圆形变成方形；
　　点赞从评论文本右上角移至中下边（评论文本的中间下边）；
　　删掉一些信息（地址等），只保留头像，名字，时间；
　　每一条评论的都显示楼层。
　　如下图：
　　理由：
　　1。头像从评论文本左上角移至评论文本右下角。
　　熟人社交里，头像有识别作用，有展示个性作用，陌生人的即时通社交领域，也有这两个作用，但是陌生人评论区却没有。在陌生人评论区，用户在意的是评论内容。
　　名字和头像在评论区，不做识别作用，是定位作用，定位上一段评论的结束和新一段评论的开始。
　　放左上角，表示“上一段评论结束（如有上一段），这一段要开始了”；放在右下角，表示“这一段评论结束了，下一段评论要开始了（如有下一段）”。
　　对比头像放在左上角和右下角：
　　上面这张图里，圆头像传递出上一段评论“哈哈哈哈”结束了，这一段评论“亚里士多德哲学”开始了。
　　上面这张图里，方头像传递出这一段评论“据大量的历史”结束了，下一段评论“感谢所有，不曾拥有”要开始了。
　　两个位置的头像，都起到了非常清晰的定位作用，也就是这两个位置都可以。
　　每个评论前的数字，既标注楼层，也起到分段的作用。
　　楼层数字嵌入评论中，评论区左侧看起来整齐，很漂亮。
　　头像下移，评论文本上移，用户第一时间就能看到评论，提升阅读效率，从而提升阅读体验。
　　2。头像从圆变成方。
　　文本和头像都用方形，界面好看点。
　　3。点赞从右上角移至中下边。点赞放中间，对于左撇子和右撇子的用户，都容易触发点赞；点赞的左边空白，利于用户定位下一段评论。看手机，我们习惯性从上往下，点赞放下面，也是利于触发。
　　4。删掉一些信息，只保留头像，名字，时间。
　　5。每一个层评论的都会显示楼层，而且放在评论开头。
　　楼层数字有两个作用：
　　定位，看到“1。”就表示开启新的评论；
　　用来告诉用户跟帖总数，比如下图，第二段评论的“41。”，第三段评论的“3。”，是告诉用户，这段评论共“41条”，“3条”。
　　样式二：
　　如上图，在“样式一”的基础上对多楼层评论做一个折叠，超过两层的评论（不含两层），就会只展示最早的评论和最新的评论。
　　用户点击“点击展开隐藏评论”就可以看到所有的评论。展开后，会在展开页面悬浮一个倒箭头符号，本文图一就有。点击倒箭头符号，收起隐藏评论。
　　理由：对多楼层跟帖做折叠处理，利于用户观看效率，如果用户不感兴趣这条评论，可以一个上滑操作轻松跳过。选择第一条评论展示，是为了定位，告诉用户，这个评论楼是哪条帖子开始的。
　　比如上图第二段评论的第一条：
　　这是告诉用户，楼层是又这条评论引发的。
　　“点击展开隐藏评论”，左对齐，形式上美观，同时减少对用户定位的干扰。
　　样式三：
　　在“样式一”的基础上，把超过两层评论的长评论段的楼层隐藏起来，只展示最后一条。有隐藏楼层的，会在最新评论用户头顶做一个箭头符号，，点击正箭头符号，评论会展开成本文图一的样子。
　　理由：只显示最后一条，很漂亮。但会给用户造成阅读困恼，不支持用在新闻评论区。
　　样式四：
　　在“样式三”的基础上，把头像缩小，去掉姓名和时间。
　　理由：陌生人评论区，姓名和头像都是起定位作用，头像往往能清晰的起到定位作用，所以只保留头像就可以了。这个界面很简单，也很漂亮，有些评论区是可以用的。
　　样式五：
　　在“样式二”的基础上，把把头像缩小，去掉姓名和时间。
　　理由：页面简洁，定位清晰，点赞顺手。这个模式我算是最喜欢了，简介又不混乱，本人手小，点赞放在中间，真是很顺手。
　　样式暂时做到这里吧，还有几个样式，都是微改，没什么大变化。对于以上的五个样式，核心的是头像形状的变化，头像位置的变化，点赞位置的变化，楼层数字。
　　关于“热门跟帖”和“精彩盖楼”的设计，本文暂不讨论。