交互设计|回复评论功能设计

力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

             匕

小2在思考

简单可行的产品方法论

           阝               

                              廴              匚

之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。

我们首先来看下几种评论的展示位置。

1. 内容详情页展示全部评论内容

如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、新浪新闻、悟空问答的内容详情页,都采取了文章内容下方展示完整的评论内容的设计方式。

交互设计|回复评论功能设计

(图注:内容详情页展示全部评论内容)

2. 内容详情页展示部分评论内容

如果你的评论内容浏览性很高,而内容详情页又需要展示一些“相关推荐”,那么可以在内容详情页展示部分评论内容。

像豆瓣和网易美学选择了在内容详情页下展示部分评论,并在评论下方展示“作者的其他日记”、“相关推荐”。

交互设计|回复评论功能设计

(图注:内容详情页展示部分评论内容)

还需要提到的是,如果一条评论回复的人比较多,且用户之间又有高频次的互动,会常使用在评论下方展示回复的评论的设计,如微博、贴吧。

交互设计|回复评论功能设计

(图注:评论下方展示出部分评论回复)

而单条评论回复较少或是互动性不高的,会有像网易云音乐这样的设计。

交互设计|回复评论功能设计

(图注:网易云音乐的回复评论)


3. 内容详情页不展示评论

如果你的产品设计想要让用户更聚焦于内容,而不是评论,那么内容详情页可以不展示评论,需要点击【评论】入口后,再展示评论,如知乎。

交互设计|回复评论功能设计

(图注:内容详情页不展示评论)

说完评论的展示位置,我们就来说说评论的回复。

1. 在当前页面直接回复

如果你的内容详情页展示了全部的评论内容,那么可以考虑设计回复评论时直接再当前页面回复,这种方法也最简单,比如网易美学、微信读书。

交互设计|回复评论功能设计

(图注:网易美学在当前页回复单条评论)

2. 跳到“全部评论”页回复

如果你的内容详情页只展示了部分评论内容,且回复评论又和页面内容非高度相关,那么可以设计在回复评论时,跳到“全部评论”页面,对该条评论进行回复。

在跳到“全部评论”页面时,如果评论数据量很大,比较难找到这条评论,可以在输入框上方设计一个“评论提示”功能,以便让用户更清楚地看到回复的是哪条评论。

交互设计|回复评论功能设计

(图注:豆瓣)

3. 跳到该评论详情页回复

如果一条评论内容下会有很多回复,那么可以设计在回复评论时,跳转到该评论的详情页进行回复,如微博、贴吧。

交互设计|回复评论功能设计

(图注:跳到该评论详情页回复)

以上,是在看了一些竞品的评论回复设计时,总结的一些小的交互设计,希望对你有帮助~

MORE

设计评论功能需要注意的1,2,3,4,5...

#评论设计  #交互设计

交互设计|回复评论功能设计

评论列表的排序规则

#评论设计

交互设计|回复评论功能设计

总结|59篇产品汪的技能检索列表

#产品经理   #产品技能   #年终总结

交互设计|回复评论功能设计

小哥哥,小哥哥,给你个东西你要不

#抖音产品思考

交互设计|回复评论功能设计

拼多多是如何成为你的习惯的

#如何让你的产品成为用户的习惯

交互设计|回复评论功能设计

如何洞察互联网用户的心理需求

#如何把控用户的心理需求

交互设计|回复评论功能设计
交互设计|回复评论功能设计

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35443/

(0)
交互精选交互精选
上一篇 2018-03-02
下一篇 2018-03-02

相关推荐

  • 涨姿势 | 这份交互设计纲领,已被我内定!

    最近一个月的电影市场完全被《头号玩家》支配,身边清一色的“自来水”,那票房蹭蹭涨,眼瞅着都十好几亿了!所以斯芬克趁此良机跟大家说说交互这门自带特效的技术!往期内容一览:服装设计出国学?看这一篇就够了!(点击此处查看详情)学平面设计前,给你一份须知!(点击此处查看详情)怎样做准备,才能当上室内设计玩家?(点击此处查看详情)交互设计适合你吗?我们往往会觉得,交互设计不就是做个网站、搞个APP么,最多再玩玩特效啥的……其实咧,交互可不仅仅存在...

    2018-04-27
  • 从用户体验的角度谈多数RPG战斗系统中的缺陷

    在为RPG创建战斗系统时,多数开发者首先会考虑到这个问题:“游戏中的各个角色会有哪些优势和弱点”。四大元素系统基本的战斗系统之一是,带有水、火、风、土的“四大元素系统”——水比火厉害,火比风厉害等等。这一系统适用于元素不多的游戏,因为玩家几乎立刻就会明白哪些元素能对敌人造成更大伤害。在现实生活中,不同元素的相互作用是众所周知的,因此开发者可以在不提供大量教程的情况下使用这些现实生活中的元素。但如果将这个系统进行延伸的话,就会导致交叉优势...

    2018-04-17
  • 用户体验是玄学吗?

    恍恍惚惚又是一年年底。又到了设计师们的“季节性迷茫期”,最近我的公众号后台经常接到好多朋友的信息,自己行间透露着迷茫和不自信。大的趋势和节奏还是和去年一样,有些视觉设计师询问我如何转UI,有些UI设计师问我如何才能培养产品思维…其实大家都在迷茫,在这里我想分享一个用户体验相关的综述给大家,希望能对大家找准自家的定位有帮助。我最初是一名UI/视觉设计师,然后随着一步一步的发展,给自己的目标也在发生变化,我现阶段给自己的最终定位是成为一名用...

    2018-02-06
  • AI 交互设计怎么做?谷歌详解自家 AI 相机设计思路

    文 | 何忞来自雷锋网(leiphone-sz)的报道雷锋网按:日前谷歌在其官网发布博文,文中详细介绍了 AI 相机 Google Clips 的一些设计思路。雷锋网将其编译如下正如过去曾经发生过的移动革命以及再之前的网络革命一样,机器学习正在让我们反思、重构、重新审视我们生活中已经拥有的一切。在 Google 用户体验(UX)社区中,我们开始了一项名为“以人为本的机器学习(HCML)”工作项目,来指导和帮助我们重构世界。站在这样的视角...

    2018-02-03
  • 怎样挣钱?用户体验是一个值得关注的话题

    近年来,“快闪”成了营销届的新玩法,不少大品牌纷纷开起了快闪店。何为“快闪店”Pop-upshop在一个固定地点,临时搭建起来的零售商店,存在时间长短不一,几天或者几周,有的几个月,也称Pop-up shop。坐标:成都远洋太古里品牌:欧舒丹时间:2018年3月2日—8日欧舒丹粉樱咖啡快闪店的出现,正值樱花季。这场满载法式浪漫的活动,呈现出唯美场景,现场随处可见,络绎不绝的打卡人群,这场营销又让欧舒丹火了一把。坐标:香港皇后大道品牌:C...

    2018-03-30
  • 互联网+时代,让用户体验到你的专业性

    物质种类丰富之后,市场要面对的新重点就成了“用户体验”。只有“功能”的商品即使做成百宝箱也只能昙花一现,能够让客户用得舒心用得愉悦才是现代产品的应有魅力。在企业竞相提升体验的大潮中,“别让我等、别让我想、别让我烦”的用户三大心态仍然是大部分厂商的改良依据,然而总有一些人可以在这一基础上做得更加精细周到,成为“体验战”的大赢家。01曾经被无视的用户体验如今是神兵利器在计划经济时代,消费者的选择余地很小,导致了厂商只注重“功能”不注重“体验...

    2018-05-07
  • 做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,2000多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)产品思维和交互贯穿全程,学完不仅能画出高保真,同时告别画图经理。具体来看,通过6...

    2018-04-07
  • 信息港招聘3000多岗位......

    萧山之窗移动生活由此开始....关注2018萧山信息港小镇春季人才招聘200余家企业,3000多个信息经济岗位!3月31日信息港小镇将会举办一场盛大的春季人才招聘会。招聘会时间:2018年3月31日(周六)9:00—16:00招聘会地点:萧山经济技术开发区启迪路198号 信息港小镇B-C连廊除了微医集团、科大讯飞、华网信息、一知智科、网盛数新、华澜微、云集微店、湾区孵化器.....这些信息港小镇内的王牌企业,还有萧山经济技术开发区的部分...

    2018-03-26
  • 即将开课!6周,快速玩转axure,同时提升产品和交互能力

    前段时间,一位朋友因为原型不太过关,被老板委婉提醒了。我这位朋友的状况不是特例,原型是产品经理最基础的技能,如果不过关,后果太可怕了!最后给老板留下的印象:这人产品能力不行,每天加班就为改原型,产出太低。想成为靠谱、高薪的产品经理?第一步得提高Axure原型能力!起点学院&腾讯课堂联合打造给产品经理的Axure课程已有1868位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理通过6周...

    2018-04-08
  • ArtCenter 2018交互设计本科详解

    交互设计无处不在,从手机应用到游戏,再到可穿戴设备和数字环境。交互设计领域正在经历着巨大的增长,市场对有经验的数字设计师的需求也在激增。专业简介ArtCenter在交互设计领域的丰富历史跨越了平面设计、交通设计、娱乐设计、工业设计和媒体设计等领域,毕业生现在在苹果、谷歌、微软和IDEO等公司担任领导职位。ArtCenter的前沿课程致力于创新。我们的学习过程强调核心方法、工具和过程,使学生在新技术出现的时候能继续前进。但这一课程并不全是...

    2018-05-07