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

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

不加班小组 | 愿设计师们都能不加班 2022/05/18 11:00

 

 

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

大家可能会觉得评论区看起来都大同小异,设计的时候也不会太重视,那么这个有什么值得思考的地方吗?这两期会从几个方面进行拆解学习。

评论区类别

评论区的需求其实不尽相同,由于产品类型不一样,有些可能会要求单向评论,有些双向或者多向,所以在做之前我们可能需要思考一下合适的类型。

1)单向: 用户可以发表自己的想法,但与别的用户之间不能互动,所以重点会放在浏览评论的内容上。这类较多地用于反馈评价的app,比如饿了么、美团外卖,以及大众点评这些美食店铺里的评价等等。

2)双向: 比较多的倾向于博主与用户之间的交流回复,类似公众号的留言回复,互动性不太强;

3)多向: 用户可以在评论区留言,也可以与其他评论用户互动,像微博、小红书等等。

如何看评论

设计思考点

在设计过程中我们需要考虑如何有更好的用户体验,对此可以从以下几个方面思考:

#01

内容

一个是 评论区入口 ,通常为icon+评论量+“评论”文字(可根据设计取舍);另一个是评论区的 信息展示 ,主要是评论的内容和互动类信息(点赞、回复)。对于这块主要是设计时注意视觉感官的舒适,不拥挤,内容明了。

#02

入口

1)直接评论: 例如朋友圈,评论入口紧跟内容,因为朋友圈的内容不会有长篇幅,对好友的反馈期望也比较高,所以紧跟内容能够减少操作成本,提高评论率;

2)界面底部: 适用于正文内容很多很长,需要将评论设在方便显眼的位置;

3)跳转页面: 例如淘宝的订单评价,适用于评论可能内容比较长,还有一些附带的打分之类的功能。此外如果评论互动内容较多较长,跳转页面也能更清晰一些。

#03

展示形式

1)主题式: 用户的一级评论完整展示,关于本条评论的回复均被折叠或者只展示第一条剩下折叠的方式。由于评论会有按热度排序,所以这种展示方式会进一步提高评论的热度和曝光量,以此吸引更多用户参与进来。

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

微博

2)平铺式: 评论和回复都在同一层级上,没有区分,比如微信朋友圈,默认时间顺序,直接从上往下看即可;

3)盖楼式: 评论和互动的内容像盖楼一样一层层往下堆,占用空间较大,对用户浏览也会有效率上的影响。

4)引用式: 就像微信聊天现在也出了引用的功能,在回复别人的评论时会在下方显示引用的内容,利于用户跟上思绪,方便理解,但同样空间占用比较多,比起移动端可能pc端会更适合些。

本期暂述,下期继续。

 

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

学习来源

《大厂出品!评论区设计的三个维度和九个考量点》VMIC UED

《轻松3招搞定评论区设计》海盐社

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

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

新知精选

更多新知精选