必威体育Betway必威体育官网
当前位置:首页 > 运营推广

评论区设计(一):如何做好盖楼式评论?

时间:2019-08-17 16:46:48来源:运营推广作者:seo实验室小编阅读:53次「手机版」
 

产品点评

本篇文章网易新闻评论区为例,为大家讲解了五种评论区的设计模式,并且讲述了使用每种模式的原由,供大家参考。

评论区设计有多种模式,本文以网易新闻评论区为例,只讨论盖楼模式。

网易评论区,分三部分:热门跟帖——精彩盖楼——最新跟帖。有时没有“精彩盖楼”、“最新跟帖”部分,如果跟帖数超过7层,就会折叠。

如下图:

和大多数评论区一样,“网易新闻评论区”采用的是头像(包含名字,时间)在左上角,点赞在右上角,评论文本在头像和点赞的下方。这种设计很常见,大家都很适应,也喜欢。

下文是我小改的五个样式:

样式一:

头像从评论文本的左上角移至右下角;

头像从圆形变成方形;

点赞从评论文本右上角移至中下边(评论文本的中间下边);

删掉一些信息(地址等),只保留头像,名字,时间;

每一条评论的都显示楼层。

如下图:

理由:

1. 头像从评论文本左上角移至评论文本右下角。

熟人社交里,头像有识别作用,有展示个性作用,陌生人的即时通社交领域,也有这两个作用,但是陌生人评论区却没有。在陌生人评论区,用户在意的是评论内容

名字和头像在评论区,不做识别作用,是定位作用,定位上一段评论的结束和新一段评论的开始。

放左上角,表示“上一段评论结束(如有上一段),这一段要开始了”;放在右下角,表示“这一段评论结束了,下一段评论要开始了(如有下一段)”。

对比头像放在左上角和右下角:

上面这张图里,圆头像传递出——上一段评论“哈哈哈哈”结束了,这一段评论“亚里士多德哲学……”开始了。

上面这张图里,方头像传递出——这一段评论“据大量的历史……”结束了,下一段评论“感谢所有,不曾拥有”要开始了。

两个位置的头像,都起到了非常清晰的定位作用,也就是这两个位置都可以。

每个评论前的数字,既标注楼层,也起到分段的作用。

楼层数字嵌入评论中,评论区左侧看起来整齐,很漂亮。

头像下移,评论文本上移,用户第一时间就能看到评论,提升阅读效率,从而提升阅读体验。

2. 头像从圆变成方。

文本和头像都用方形,界面好看点。

3. 点赞从右上角移至中下边。点赞放中间,对于左撇子和右撇子的用户,都容易触发点赞;点赞的左边空白,利于用户定位下一段评论。看手机,我们习惯性从上往下,点赞放下面,也是利于触发。

4. 删掉一些信息,只保留头像,名字,时间。

5. 每一个层评论的都会显示楼层,而且放在评论开头。

楼层数字有两个作用:

定位,看到“1.”就表示开启新的评论;

用来告诉用户跟帖总数,比如下图,第二段评论的“41.”,第三段评论的“3.”,是告诉用户,这段评论共“41条”,“3条”。

样式二:

如上图,在“样式一”的基础上对多楼层评论做一个折叠,超过两层的评论(不含两层),就会只展示最早的评论和最新的评论。

用户点击“点击展开隐藏评论”就可以看到所有的评论。展开后,会在展开页面悬浮一个倒箭头符号,本文图一就有。点击倒箭头符号,收起隐藏评论。

理由:对多楼层跟帖做折叠处理,利于用户观看效率,如果用户不感兴趣这条评论,可以一个上滑操作轻松跳过。选择第一条评论展示,是为了定位,告诉用户,这个评论楼是哪条帖子开始的。

比如上图第二段评论的第一条:

这是告诉用户,楼层是又这条评论引发的。

“点击展开隐藏评论”,左对齐,形式上美观,同时减少对用户定位的干扰。

样式三:

在“样式一”的基础上,把超过两层评论的长评论段的楼层隐藏起来,只展示最后一条。有隐藏楼层的,会在最新评论用户头顶做一个箭头符号,,点击正箭头符号,评论会展开成本文图一的样子。

理由:只显示最后一条,很漂亮。但会给用户造成阅读困恼,不支持用在新闻评论区。

样式四:

在“样式三”的基础上,把头像缩小,去掉姓名和时间。

理由:陌生人评论区,姓名和头像都是起定位作用,头像往往能清晰的起到定位作用,所以只保留头像就可以了。这个界面很简单,也很漂亮,有些评论区是可以用的。

样式五:

在“样式二”的基础上,把把头像缩小,去掉姓名和时间。

理由:页面简洁,定位清晰,点赞顺手。这个模式我算是最喜欢了,简介又不混乱,本人手小,点赞放在中间,真是很顺手。

样式暂时做到这里吧,还有几个样式,都是微改,没什么大变化。对于以上的五个样式,核心的是头像形状的变化,头像位置的变化,点赞位置的变化,楼层数字。

关于“热门跟帖”和“精彩盖楼”的设计,本文暂不讨论。

题图来自Unsplash,基于CC0协议

相关阅读

二阶有源滤波器设计

1引入 为什么要用有源二阶滤波器? (1)从有源来说 对于无源二阶低通滤波器: 其幅頻方程为: 我们从中可以看出其通带截止频率为

产品复盘:从0到1设计业务系统

从事基因检测产品经理岗位一年多,工作重心逐渐从前端产品设计转移到后端的业务系统产品设计。由于行业的特殊性,很难在市面上找到符

数据库设计工具MySQLWorkBench

   该工具为MySQL官方提供地址:http://dev.mysql.com/downloads/workbench/ 小伙伴们注意按自己的操作系统选择下载版本。 ·

基于场景的设计方法,具体怎么做?

分享一遍去年给运营协会分享的场景设计方法,也是我一直来工作的方法。这套方法其实是阿里的一位叫 @六天 的大神总结出来的,记得当

深度推荐|如何做好微信公众号数据运营?(建议收藏)

今天主要是想聊一聊数据运营,虽然市场上也有很多关于数据运营的文章,但大多数都只是谈到对公众号后台数据概念的解读,这对运营人来说

分享到:

栏目导航

推荐阅读

热门阅读