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

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

相关推荐

  • Axure画产品原型最新常用组件分享(一)

    画产品原型是产品经理必备的一项硬技能,一般使用axure进行制作,很多人可能都知道axure,但是怎么利用axure把产品原型画的又快又好并不是一件容易的事;原型要画的好,最重要的不是你掌握多复杂的功能,而是要制定好设计规范;下面我把移动产品原型制作中常见的一些元素按照一定的设计规范制作成组件分享给大家,你只要把相应的元件拖动到自己的工作界面,简单修改文字就可以使用了,这是第一个部分,包括以下内容:一. 手机外壳二. 空页面模板三. 常...

    2018-04-05
  • 【18应届报考北师大map用户体验方向】经验分享贴

    BNU学习小组互助互帮,轻松考取北师大,我们团队致力于为报考北师大MAP心理学专业的学弟学妹提供最精准的专业课辅导,官方微信:yanni513351。QQ:2194691060。专业课方面:普心、社会心理学我主要是看书背知识点,这两门课不难理解,看书熟悉内容以后将知识点背熟就可以,另外要通过做题检验自己的程度。测量心理学、实验心理学和统计心理学这三门课注重理解,尤其是统计心理学,要将每个知识点弄懂是什么意思,再做题巩固。而实验心理学重点...

    2018-04-15
  • 如何进行AR交互设计?

    AR类产品的出现,可能是第一次实现虚拟世界与现实世相互“融合”,完成屏幕的“跨越”,人机交互设计也开始从二维平面迈向三维世界。然而,由于市场和技术的因素,AR产品的人机交互界面仍然处于早期,各种理念和方法仍处于逐步形成与试验阶段。通过对现有AR产品交互设计的调研和思考,以及现有移动产品的对比,本文将阐述一些方法,以供思考和交流。AR效果的呈现有多种方式,市场在短期内主要分为基于手机等移动设备的移动AR和基于头显设备的AR眼镜(包括一体机...

    2018-04-29
  • 【用户体验】从了解用户的注意力开始,创造更优秀的用户体验

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】刚下班回家,今天又没时间写教程了。。。委屈这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构上有着相似的地方,只要有意识地探索,我们能够更好地了解人类的认知过...

    2018-04-04
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04
  • 交互设计 | 除了镜子,原来你还能在这发现真实的自己

    Create Your Difference. by CYD艺术设计作品: WHAT DEFINES YOU?现在,艺术家们已经不再为了审美而艺术,也不再为了艺术而艺术.在他们的创作过程中,它们通过各种形式,对身边的或遥远的一切事物进行讽刺、抗议、质疑或推崇,以此向他人传达比文字更立体的新兴概念或特殊感情。而交互装置——这种特殊的装置艺术,由于有我们人类/观众直接的参与,创作者/艺术家/设计师尝试表达的感情更为直观;更由于人机的互动,他...

    2018-05-05
  • 干货!Sketch49交互原型新功能大解析

    2月28日发布了Sketch49新版本的消息,笔者打开了官网看到了最新的版本更新视频,确实还是挺激动的。觉得Sketch按照这样的发展趋势,马上就能“统一六国”了,哈哈。一起来看看Sketch49的版本更新了哪些新功能吧!(先看介绍,使用教程在后面哦!)亮点一:交互原型功能画板(Artboards)和热区(Hotspot)链接实现页面间的跳转,实现动态交互原型(类似交互软件Marvel中的热区链接 )Sketch49版本中的交互原型预览...

    2018-03-07
  • SketchOSM - 从现在开始丰富三维建筑地理信息吧

    SketchOSM是由出品PlaceMaker(一键三维城市)的团队最新出的一个插件,它可以让你在你设计场地的周边地区创建3D参数建筑模型。通过 SketchOSM 创建的模型数据可以直接发布到 OpenStreetMap 网站上,这是一个庞大的可自由存取和编辑的地理信息数据库,可以算是地理信息界的维基百科。之前紫天在使用 PlaceMaker 插件的时候所遇到的一个最大问题就是国内的三维建筑信息太少,有的话也非常不准确。现在有了Ske...

    2018-03-15
  • 交互设计工作流程6步走

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn经常有人会问交互设计到底是做什么的?交互在工作中的流程是什么样子的?那么今天就来讲讲交互设计在工作项目中需要做哪些工作。这里结合笔者本身的个人经历,将交互工作流程总结为以下6点:1、发现问题这里的发现问题,主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多,在实际项目工作中,可能大部分的问题反馈来源于客服或者产品需求,这里交互更...

    2018-01-30
  • 交互设计之流程设计(1)

    流程设计是将信息架构转变为交互稿的重要步骤,什么是流程设计呢?简单来说,就是用户完成一项任务的步骤流程,用户是怎样一步一步的完成任务的。本文将从流程设计重要性、如何进行流程设计、流程设计与交互工作三个方面来阐述流程设计。一、流程设计的重要性流程设计对于用户体验来说非常重要,一个好的流程设计将会给用户带来非常的体验。在这里从流程设计是什么、流程设计中需要考虑的问题、优秀流程设计的好处三个方便来进行讲解。1 流程设计是什么首先理解交互设计是...

    2018-05-06