力 匕
小2在思考
简单可行的产品方法论
阝 勹
廴 匚
之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。
我们首先来看下几种评论的展示位置。
1. 内容详情页展示全部评论内容
如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、新浪新闻、悟空问答的内容详情页,都采取了文章内容下方展示完整的评论内容的设计方式。
(图注:内容详情页展示全部评论内容)
2. 内容详情页展示部分评论内容
如果你的评论内容浏览性很高,而内容详情页又需要展示一些“相关推荐”,那么可以在内容详情页展示部分评论内容。
像豆瓣和网易美学选择了在内容详情页下展示部分评论,并在评论下方展示“作者的其他日记”、“相关推荐”。
(图注:内容详情页展示部分评论内容)
还需要提到的是,如果一条评论回复的人比较多,且用户之间又有高频次的互动,会常使用在评论下方展示回复的评论的设计,如微博、贴吧。
(图注:评论下方展示出部分评论回复)
而单条评论回复较少或是互动性不高的,会有像网易云音乐这样的设计。
(图注:网易云音乐的回复评论)
3. 内容详情页不展示评论
如果你的产品设计想要让用户更聚焦于内容,而不是评论,那么内容详情页可以不展示评论,需要点击【评论】入口后,再展示评论,如知乎。
(图注:内容详情页不展示评论)
说完评论的展示位置,我们就来说说评论的回复。
1. 在当前页面直接回复
如果你的内容详情页展示了全部的评论内容,那么可以考虑设计回复评论时直接再当前页面回复,这种方法也最简单,比如网易美学、微信读书。
(图注:网易美学在当前页回复单条评论)
2. 跳到“全部评论”页回复
如果你的内容详情页只展示了部分评论内容,且回复评论又和页面内容非高度相关,那么可以设计在回复评论时,跳到“全部评论”页面,对该条评论进行回复。
在跳到“全部评论”页面时,如果评论数据量很大,比较难找到这条评论,可以在输入框上方设计一个“评论提示”功能,以便让用户更清楚地看到回复的是哪条评论。
(图注:豆瓣)
3. 跳到该评论详情页回复
如果一条评论内容下会有很多回复,那么可以设计在回复评论时,跳转到该评论的详情页进行回复,如微博、贴吧。
(图注:跳到该评论详情页回复)
以上,是在看了一些竞品的评论回复设计时,总结的一些小的交互设计,希望对你有帮助~
MORE
#评论设计 #交互设计
#评论设计
#产品经理 #产品技能 #年终总结
#抖音产品思考
#如何让你的产品成为用户的习惯
#如何把控用户的心理需求