大厂方法论系列:评论功能交互设计精讲( 二 )


大厂方法论系列:评论功能交互设计精讲
文章图片
“看评论”·评论区展示形式之“主题式”
(2)平铺式
对于“平铺式”的展示形式来说 , 评论和评论回复都处于同一个层级上 , 视觉上没有明显的层级区分;
以朋友圈为例 , 在熟人社交圈子中 , 大家评论回复的层级是相同的 , 朋友圈的用户可以通过时间的先后顺序直接浏览;
旧版某乎的精选评论页也为“平铺式结构” , 当用户对某条精选评论感兴趣、进去详情页浏览时 , 只要从上往上依次阅读即可 。
大厂方法论系列:评论功能交互设计精讲
文章图片
“看评论”·评论区展示形式之“平铺式”
(3)盖楼式
如同字面意思 , 评论区用户之前的互动内容像在盖楼一样 , 一层一层向下堆砌 。
应用盖楼式展示形式的典型例子就是某易新闻——用户可以按照楼层依次向下浏览 。
虽然看得时候比较清晰 , 但因“盖楼式”的结构比较复杂、所占面积较大 , 在移动端上屏效会相对较低 , 可能影响用户的阅读效率;
大厂方法论系列:评论功能交互设计精讲
文章图片
“看评论”·评论区展示形式之“盖楼式”
(4)引用式
从名称上大家可以理解 , 用户B回复用户A时 , B的回复内容下方会显示A的评论内容 。
“引用式”的好处时便于读者理解 , 但劣势同“盖楼式”一样 , 移动端使用该样式会影响用户的浏览效率 , 在PC端上会更为适用;
大厂方法论系列:评论功能交互设计精讲
文章图片
“看评论”·评论区展示形式之“引用式”
主题式、平铺式、盖楼式、引用式..展示形式虽然多样 , 大家可以根据自己产品的需要来选取合适的展示形式 。
3.“看评论”之评论排序方式
不仅评论区的展示形式有四种 , 评论内容的展示顺序也有四种排序方式:
(1)评论按时间正序排列
按时间正序排列意为内容按照发布的时间由旧至新排列 , 其排列方式符合用户阅读时的逻辑顺序 , 用户可以通过时间线将大家的讨论内容串联起来 , 方便阅读、减轻了认知负担;
(2)评论按时间倒序排列
与评论正序排列相反 , 倒序排列会将新评论在上、旧评论在下 , 更适用于强调内容时效性的场景中;
(3)评论按热门程度排列
大家常看到的“精选评论”便是按照热门程度排列的——后台会计算出各条评论的“热度值” , 衡量维度通常有评论的点赞数、回复数、或负反馈数等等 。
为了避免马太效应 , 热门程度的排列公式中通常也引入“时间衰退因子” , 这对强调时效性的资讯app来说比较重要;
(4)评论按混合式排列
混合式排列方式简单理解可为上方评论“按热度”——展示精选评论 , 下方评论“按时间”——展示最新评论;
这样排序使得用户既可以感受到热评的趣味性、专业性 , 也更有意愿来参与大家的讨论 。
看完了这些 , 你的产品评论区适合什么样的排序方式呢?
4.“看评论”之正文、评论区的查看方式分析
讲完了用户“在评论区看到了什么” , 那我们就再来讲讲用户“怎么看去看评论” 。
首先是正文与评论区间的跳转 , 通常会用以下四种方式来实现:
大厂方法论系列:评论功能交互设计精讲
文章图片
“看评论”·正文、评论区的跳转方式
(1)锚点定位、跳转至评论区
这种是比较常见的交互形式——点击评论icon后 , 通过页面的锚点定位直接跳转至评论区;