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

力匕小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

相关推荐

  • 交互设计中的人为本与用户需求究竟谈的是什么?

    以人为本和建立用户需求,是开展交互设计的首要任务。以人为本指的是:理解用户,理解人的感知和认知的本质,分析用户的思维模型。如何理解以人为本以人为本的两种理解:人本工具论之说和人本实质伦之说。人本工具论:这是从统治者角度出发的,出于实现自身利益的需要,把以人为本作为实现其利益的一种手段。这是伪以人为本、虚假的以人为本。人本实质伦:这是从人的立场出发,以人的自身角度研究问题的“人本观”作为出发点。在满足人的需求时,还应考虑对交互系统可持续发...

    微信热点 2018-02-26
  • 交互设计 | Tmall金妆奖 交互体验装置

    天猫金妆奖 · 体验交互装置中国上海· 3.04.2018***装置交互体验概念***Step 1: 待机状态Step 2: 装置检测到观众体验,即将展开体验流程Step 3: 系统提示拍摄区域Step 4: 实时检测体验者面部表情Step 5: 拍摄表情即将开始Step 6: 拍摄完成,正在为观众制作纪念卡***纪念卡设计***纪念卡/拍摄表情等级1:平静纪念卡/拍摄表情等级2:微笑纪念卡/拍摄表情等级3:开心纪念卡/拍摄表情等级4:...

    2018-03-15
  • 依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01
  • 2018年交互设计趋势

    想必你还在对昨天HJUX视觉伙伴们给出的视觉设计趋势啧啧称赞,那么赞别停!今天团队的交互伙伴们将带来2018年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的“交互趋势年夜饭”,只愿给力求打造极致用户体验的你以启发和帮助。干货阅读时间预计5分钟设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势:全感官...

    2018-02-02
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • 【交互设计排名】SKD独家 | 美国交互设计排名

    Alias工业设计点击关注 和工业设计做朋友关注数模师  JACKAlias建模学习ALias建模咨询加好友你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及...

    2018-04-08
  • 交互设计牛校排行榜 | 纽约大学 ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-05
  • 便宜的指纹锁也会有“便宜”的用户体验

    欢迎关注:CDTV-1周一至周五晚7:30—7:40全国首创电视融商节目《天天橙掌柜》。很多指纹锁在你跟老板杀完价的那一刻是开心的用的时候并不是那么开心的例如说:外观掉漆脱落了把手松动了指纹录不进或不好打开了说好的密码备用关键时刻掉链子了配的机械钥匙太low了电池没过多久就没电了指纹锁没用多久就得找师傅上门维修了等等等等,烦心吗?趁着特价,换吧智能门锁吧超B级锁芯多种开门方式让你的生活更省心省力橙掌柜家庭安全节德施曼小嘀S8云智能门锁只...

    2018-03-09
  • 一、Axure教程--app启动画面的翻页效果

    1、案例示例:2、参考对象:qq安全中心-启动画面3、案例描述:手指向左右滑动界面时,能够切换显示内容;切换内同时,屏幕下方的圆点标记同步切换;当切换到最后一个页面,单击进入主页的按钮时,启动画面和圆点分页标签隐藏;同时屏幕顶部状态栏改变样式。4、素材准备:见百度圆盘5、采用技术:动态面板、全局变量。6、制作难点:启动页面切换时,使用全局变量记录切换后的面板状态名称;将底部的分页标签面板同步切换到同名称的状态。7、制作过程:https:...

    2018-04-29
  • Axure实践第二讲

    Axure实践第二讲---如何有效的在工作中引入原型·页面枝干·添枝加叶·画龙点睛在近期的产品需求开发过程中,我们产品小组正式且大量的将原型开发工作投入常规的需求分析工作中,原型的开发对于我们在产品初期的调研、构建都提供了很好的指导。接下来就让本文带你领略:产品与原型的一节课。一、功能结构图(页面枝干)1.切入点是功能结构图(自顶向下)从大的方向上去划分几个大的模块类型,适用于业务功能较为单一且业务逻辑处理流程较为简单,如在做市商系统构...

    2018-03-16