新知一下
海量新知
6 6 7 6 2 7 4

方法 | 移动端评论区设计(二)

不加班小组 | 愿设计师们都能不加班 2022/05/22 01:13

 

 

做一些自己还欠缺的体系化的设计方法和模型学习。

方法 | 移动端评论区设计(一)

接上期对“如何看评论”的内容讨论,本期继续。

如何看评论

设计思考点

(1)内容;(2)入口;(3)展示形式;

#04

排序方式

对于排序大家可能都比较熟悉,有时间的正序倒序、按热门、按推荐,还有一些混合的,比如展示一部分精选的评论之后,按时间来排序。

那么我们该如何选择使用呢?可以从以下几个方面考虑:

1)需要靠评论来做决定: 最典型的例子就是电商类平台,用户需要依靠评价来判断商品的好坏,是否值得购买,所以默认按时间倒序,同时增加好评、差评等筛选,便于用户更方便地了解。

2)查看回复: 对于关注评论内容本身的,对筛选这些没有太多要求的,采用时间正序排序即可。

3)求共鸣: 例如微博、豆瓣影评等评论的质量不定,数量很大,这类的排序就更需要灵活性。

#05

查看评论的方式

查看评论区的方式有:

1)锚点定位跳转。

新知达人, 方法 | 移动端评论区设计(二)

小红书

2)上下滑动页面,评论跟在正文内容后面。

3)手势滑动跳转到下一级评论页面,虽然手势滑动操作起来比较方便,但是需要考虑用户的使用习惯,他们可能没有这样的认知操作。

4)底部弹层,即点击评论icon从底部跳出评论弹窗或者下一级页面,这种方式使用比较多。

新知达人, 方法 | 移动端评论区设计(二)

页面-网易云音乐

新知达人, 方法 | 移动端评论区设计(二)

弹层-抖音

评论与回复的跳转方式:

1)在一级评论下直接查看更多回复。优点是操作成本小,浏览方便,设计时需注意长度,如果平台用户比较活跃聊的比较多,需要做个收起展开,避免影响其他评论内容的阅读。

2)在下一级页面或者弹层中展示本条评论及完整回复内容。

评论区互动

设计思考点

在设计评论区的互动时,我们有哪些可以关注的细节呢?

#01

展示形式

1)单击:

不同类型产品的功能需求也会不同,例如微博,在点击评论时,弹出的内容除了评论输入框,还有转发、表情等等,满足了用户需要;而对于资讯类app例如36氪,评论则更注重评论本身的功能。

新知达人, 方法 | 移动端评论区设计(二)

2)双击:

用户对双击往往默认为点赞操作,所以如果要用在评论,还需要对用户进行操作引导。

3)长按:

长按评论区往往会跳出更多功能来满足用户需要。

新知达人, 方法 | 移动端评论区设计(二)

抖音

#03

输入评论

在输入评论前,可在输入框內设置一些默认的提示输入文字,可以根据产品调性来定文案风格,既提醒用户文明用语,又提升用户对产品的好印象;

不同场景下的用户评论诉求不同,所以在评论时可以设置一些标签或者辅助的功能,来提高用户体验,增加评论维度;

评论提交后也要给一个及时反馈,也可以给个评论区的定位,让用户马上能看到自己评论的内容。

 

做一些细节积累和提醒,帮助设计更规范。 

更多“评论区设计”相关内容

更多“评论区设计”相关内容

新知精选

更多新知精选