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

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

相关推荐

  • 微信交互设计

    微信交互设计看点01一:交互设计(Interaction Design简称ID)在使用网站(软件、产品、各种服务)的时候,使用过程中的感觉就是一种交互体验。情感化交互设计意义:人机交互的发展趋势,会让用户感到更加亲切,自然.体现:交互界面(视觉),交互功能特质(感情),交互操作方式(惊喜)二:温暖感诉求(孤独和希望的对比||现实和理想的对比)登录页面====用心经营,寻找温暖感发现页面(朋友圈、扫一扫、摇一摇、附近的人)简单感诉求联系老...

    2018-03-17
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • 【用户体验】健康家居生活就选择稚爱儿童水漆

    我心目中的家不需要非常大,只要整洁温馨就好。快过年了,身边很多邻居都在忙着给房子装修,白天楼上楼下总是叮叮咚咚地响个不停;我想到自己家里潮湿斑驳的墙面,心里总是有个疙瘩。不止一次想给自己家翻翻新——二十几年的老房子,墙面容易潮湿发霉,自打上次我结婚家里刷了一次墙,到现在有2年多时间了,墙面很多地方起了小泡泡:有的地方开始掉灰:严重的地方还长出了黑色的霉菌,真的是惨不忍睹:不但有碍美观,而且我宝宝刚刚学会走路老是扶着墙,一不小心就摸到发霉...

    2018-02-07
  • UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • Axure RP 8 入门手册 – 第6章(二)

    第5节检视功能-元件命名千语:楼叔,我才问一个问题,你就给我讲了这么多!好感动哦!小楼:嘿嘿,因为这个群里你最大嘛!千语:切!反正你也有空,顺便把元件的设置也给我讲讲吧!我看不管是元件的样式还是属性,都很复杂呢。小楼:您好!因为网络原因,您发送的消息是乱码。千语:还想等你给我讲完,发张我昨天泡温泉的照片给你呢!小楼:你看,其实这个元件设置也非常简单,你看在点中一个元件后,检视面板中就会呈现与该元件相关的设置……从上至下,首先看到的是元件...

    2018-04-22
  • 怕思考 — “Axure基础入门思维”

    我想说:“集思广益里诞生着灵感”虽然画原型图的软件有不少,但我并没有过多的去留意这件事,也许我最先知道的是Axure,所以就有了接下来的事情。其实对于Axure我也只是懂些皮毛,其操作起来并不是很熟练,但我在这上面有了一些发现和思考,我认为是值得分享的。首先Axure是什么?,我自己的理解是“Axure是一款帮助我们画出想法,理清思路,有益自己或团队交流规则和信息的工具”。Axure的模样(Axure RP 8)!当我们打开Axure软...

    2018-04-29
  • 干货时间|交互设计线上讲座内容回顾总结

    学艺术的大表姐带你走上艺术留学的不归路Hello~Everybody~上礼拜元宵节的结束宣告着新的一年的真的要开始了!这下我们也再没有借口偷懒了小伙伴们要用新的节奏开始奋斗啦~2018,告别懒惰,发愤图强吧!!最怕的就是:“比你优秀的人还比你努力!”当然为了给大家缓冲的时间大表姐特意送上年前的交互设计分享讲座的干货回顾总结对交互设计感兴趣的同学,可千万不能错过接下来的内容了~并且还能拓宽自己的艺术设计领域想了解更多关于英美交互院校、专业...

    2018-03-09
  • 交互设计之对象属性文档

    对象属性文档是描述一个产品的多个角色的文档,通过这些文档后台程序员可以更好、更方便的设计你制定的规则,例如:字段的限制、状态和权限、展示顺序...一.对象属性文档需要写明什么:1.字段的限制:字段是构成后台的最基础单位,他可以表示一个人的name、也可以是一大段文本。我们在设计字段时,绝大部分时候会涉及到限制,一般构成限制的是:字段长度、字段个数、字段构成(例如:金额--货币数量+美元)、字段来源(例如:外来接口、用户上传)、重要程度、...

    2018-03-27
  • 独家UED手机端 保险投注

    活动时间:2018年3月1日中午12:00至2018年3月31日上午11:59 (北京时间)针对于优惠期间内第一次使用头头移动平台的会员50%本金返还,高达RMB 88手机保险投注!活动详情:1.头头移动平台包括手机网页版版平(m.toutou158.com),UED手机端安卓版和iOS版;2.没有下载头头手机端安卓版和iOS版的会员可以进入官网www.toutou158.com下载;3.头头会员需在优惠期间通过头头手移动平台投注第一笔...

    2018-03-29
  • 物联网用户体验设计:四个物联网产品分析

    编译:冬夜之前,我曾经写过《5个重要的物联网用户体验设计策略》,在设计物联网产品时你可能需要考虑这些策略,如果你认为这些有点空洞或理论化,那么可以看下面四个产品的用户体验分析,实际上,有三个产品满足了用户体验设计的策略要求,另一个姑且算是反面教材吧。一、智能灯:增强体验灯泡,你经常打开或者关闭,就目前来看,灯泡并不是什么颠覆性产品,但是你试试如果一周不使用灯泡会怎样?感谢爱迪生,让我们不必去体验这种情况。今天,你很难在商店货架上灯泡的海...

    2018-04-20