众多新闻客户端,评论交互哪家强?

上一篇文章《众多新闻客户端,评论功能哪家强?》中,我通过抽样的方法对网易新闻、腾讯新闻、今日头条评论功能的数量和质量进行了对比分析。本文将继续对这三款产品评论功能的交互设计进行对比分析。我的结论是并非某款产品明显优于其他,而是各自都有特色和优点,值得对手借鉴。


上一篇文章《众多新闻客户端,评论功能哪家强?》中,我通过抽样的方法对网易新闻、腾讯新闻、今日头条评论功能的数量和质量进行了对比分析。本文将继续对这三款产品评论功能的交互设计进行对比分析。我的结论是并非某款产品明显优于其他,而是各自都有特色和优点,值得对手借鉴。

众多新闻客户端,评论交互哪家强?

网易新闻

网易新闻中所使用的“跟帖”一词代替了评论,应该是沿用了贴吧的用语,个人以为跟帖带有网页版的气息,而“评论”更符合移动互联网用户的口味,这一点上来说网易新闻就有点out了。以下我将用评论代替跟帖。网易新闻在其展示页显示的内容包括图片、标题、分类和跟帖数(见图1)。

众多新闻客户端,评论交互哪家强?

图1 网易新闻展示页

图文类

网易新闻图文类内容的评论和内容主体是分别处在两个不同界面的,查看评论的方式有三种(见图2),点击顶部和底部红色跟帖按钮,还有第三种比较隐蔽的方式,就是向左滑也可以进入评论页面,点击后即可进入图2的第二张图。在用户首次使用时,APP会提示用户可以通过左滑快速进入评论区,这个设计是很走心的,有了这个便捷进入评论区的方式可以降低用户评论的操作成本,从而增加评论。

从这可以看出,网易新闻真的是相当重视评论的,给了用户三个途径进入评论区,结合上篇文章中结论网易新闻在评论数量上占优,也许这是其中一个原因。

众多新闻客户端,评论交互哪家强?

图2 网易新闻图文类内容评论截图

在评论的输入框中,引导语是“写跟帖”。点击后弹出输入键盘,即可进行评论,点击发送后会反馈发送成功的提示语,第二次评论成功的提示语为“老司机再发一贴将超过82%易友”,比较幽默有趣且带有引导性,可以刺激用户继续评论。

如果某个内容下目前还没有评论,则会引导用户抢沙发,见图2第三张图。点击具体某一条评论,可以对评论进行评论,见图2第四张图。

图集类

图集类的评论见图3。只有一个方式能查看评论,即下方红色标识评论数的按钮。其他方面与图文类没有区别。

众多新闻客户端,评论交互哪家强?

图3 网易新闻图集类内容评论截图

视频类

视频类的评论见图4。比较大的区别是增加了“写弹幕”功能,写完的弹幕会出现在视频上,同时也会进入到评论中,会有一个小炮弹的图标与普通评论区别看(见图4第二张图)。第二点是评论按钮及评论数变成了和主色一样的白色,而不是突出的红色。

与首页不同,在“视频”频道下,评论数以图标的形式显示在视频右下方(见图4第三张图)。

众多新闻客户端,评论交互哪家强?

图4 网易新闻视频类内容评论截图

直播类

直播类的内容的评论见图5。在直播下方有“直播”和“聊天室”替代了“跟帖”,其实质也是评论,只不过由于大家是在看直播,这些评论变成是实时的,因此用“聊天室”也就显得更加贴切。输入框的引导语也换成了“我来说两句”。

众多新闻客户端,评论交互哪家强?

图5 网易新闻直播类内容评论截图

腾讯新闻

腾讯新闻的首页见图6。腾讯新闻使用“270评”这样的格式表示评论数,首页上显示了内容的发布时间。比较大的区别是,腾讯首页上没有直接点击不感兴趣的X按钮,取而代之的是三个点按钮,需要点开后才能点击“不感兴趣”。

众多新闻客户端,评论交互哪家强?

图6 腾讯新闻首页截图

图文类

腾讯新闻的图文类内容评论见图7。用户查看评论只要一个途径,即点击下方蓝色按钮(见图7第一张),这个按钮是浅蓝色的,而非像网易的显目的红色。引导语是“评一下”。腾讯新闻的评论界面和正文不是在一个页面上,这一点和网易新闻一致。第二张图显示了评论界面,注意到下方的评论按钮变成了“正文”按钮,提示用户点击后可以返回到正文部分,这一点网易新闻没有

同时我们注意到评论区上方有可爱的表情,可以帮助用户快速便捷地反馈读后的心情。点击评论出现第三张图的界面,注意到这里的提示语变成“优质评论会被优先选入热评”,这一点很容易激起用户评价的欲望和进行优质评价的冲动。另外还有一个功能,腾讯新闻的评论可以添加图片,这一功能在网易新闻上没有。第四张图显示点击评论可进行回复,与网易新闻类似。

众多新闻客户端,评论交互哪家强?

图7 腾讯新闻图文类内容评论截图

图集类

腾讯新闻图集类内容评论见图8。基本没有什么新的变化,在此就不展开了。有个细微变化是,在首页上显示出了该图集内容的图片张数(见图8第二张图)。用户在点进去之前可以得知有多少张图片。

众多新闻客户端,评论交互哪家强?

图8 网易新闻图集类内容评论截图

视频类

腾讯新闻图集类内容评论见图9。变化是增加了一个“点赞”功能,结合上篇文章中的结论视频类内容评论较少,因此增加点赞可以便于用户不愿意评论时的一个替代的互动选项。更大的区别在于评论界面和视频在同一界面上,因此用户点击评论时,变成图9的第二张图,此时视频是持续播放的,不会中断,因此用户可以一边看视频一边写评论,这对于评论类内容来说是一个非常符合用户需求的设计,用户不愿意评论可能就是因为不想在看视频过程中有停顿。评论区的最上方“收起评论”可以引导用户返回关闭评论功能返回视频界面。

众多新闻客户端,评论交互哪家强?

图9 腾讯新闻视频类内容评论截图

直播类

腾讯新闻的直播类内容截图见图10。这里出现了很多的变化。首先,标题不是“聊天室”而是直接显示参与的人数,由于直观地看到参与人数更能引起人们的凑热闹的心理而刺激评论。其次,评论的展示顺序是按时间顺序排列的,这样符合人们的对话语序,更有聊天的感觉,当用户往上滑动查看之前评论会自动从左侧弹出按钮帮助用户快速回到底部最新评论,这一功能设计是很贴心的。最后,没有了发表评论的输入框,取而代之的是一个“输入按钮”,这样设计的目的我认识是为了更多地展示其他用户评论的内容,便于用户看评论。

众多新闻客户端,评论交互哪家强?

图10 腾讯新闻直播类内容评论截图

今日头条

今日头条的首页见图11。今日头条首页的不同之处在于它强调了发布的作者。

众多新闻客户端,评论交互哪家强?

图11 今日头条首页截图

图文类

今日头条的图文类内容评论见图12。最大的变化在于,其评论页面在内容页面的下方,是同一个页面,这会产生一个问题,用户点击评论按钮后,出现第二张图,此时用户其实仍在原来的页面上,但是用户下意识会认为已经换页面了,所以会点击返回按钮去返回看内容,这样操作的后果就是用户会跳出这一页面回到展示页。

另外一个区别是用户点击已有的评论,如果该评论有人评论就会展示评论的评论,如图12的第二张图;如果该评论没有其他用户评论,就会直接弹出键盘,引导用户评论,这是一个很人性化的设计,非常便于用户针对评论进行再评论从而形成用户之间的互动。而只有长按才会出现复制功能。我认为这样的设计要优于之前的两款APP。

众多新闻客户端,评论交互哪家强?

图12 今日头条图文类内容评论截图

图集类

今日头条的图集内容评论见图13。基本也没什么特别之处,有一个不同的功能在于下拉评论就可以关闭评论界面,返回到图片界面,这个体验是很流畅和自然的。

众多新闻客户端,评论交互哪家强?

图13 今日头条图集类内容评论截图

视频类

今日头条的视频类内容评论见图14。视频和评论界面也是在同一界面,没有什么特别之处需要说明。

众多新闻客户端,评论交互哪家强?

 图14 今日头条视频类内容评论截图

以上即为今天分享的内容。

 

本文由 @GoodKing 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21872/

(0)
CatherineCatherine
上一篇 2017-04-29 21:13
下一篇 2017-04-29 23:01

相关推荐

  • sketch都能设计海报了?PS爸爸慌了...

    sketch只能做界面设计?曾经我也这么觉得,自从我知道了他的这款插件——looper惊!呆!了!大写的“服”,sketch你越来越接地气了,废话不多说了,让我们先欣赏一张我用这款插件做的一张海报:不得不说,他打破了我对sketch的偏见,对线条的处理过渡很自然到位,我做的时候只花了5分钟,没错!5分钟搞定!所以重点来了:如何用looper做到这张海报的效果呢?第①步1.下载安装包2.双击  looper.sketchplugin完成安...

    2018-03-09
  • 交互设计师的60日计划之第九天

    今天参与了用户访谈,啊不,是旁听了用户访谈,躲在小黑屋里观察用户的表情动作,听他的描述,挺有趣。 20150805 用户和我们预想的完全不同前两天有讲过准备了访谈前的一些问题和任务提供给用研同学,今天真的见到…

    交互专题 2015-08-20
  • 2016必掌握的交互设计趋势

    设计趋势是什么样的,出于各种原因,很多设计趋势在演进中逐渐消失,有的则甚正蜕变成为主流。作为一个专注于网页和平面设计的设计机构,我们对所有相关的技术和设计趋势都极度敏感。通过多位设计师们对2015的总结…

    2016-01-10
  • PC端产品的三种姿态

    这篇依旧是读书笔记,只不过记录的不是整本书,而是《About face 3交互设计精髓》中的一个知识点,这个知识点非常重要,重要到需要单独提出来记录一篇。 在《About face 3交互设计精髓》一书中,将PC端应用分为了3…

    2016-06-01
  • 我的设计流程|学会这3招,跟反复改稿Say No!

    设计师要想摆脱反复改稿的噩梦,自身就必须要更加专业以及见多识广,要么你能选择去跟一群专业的人共事,要么是你能用你的专业引导或配合别人按你的思路走。

    2017-05-15
  • 如何才能读懂甲方给出的设计需求?

    转到交互岗已经有一阵子了。原来在做产品的几个月里没少和技术、设计进行沟通,每当自己把意思想法传达下去的时候,反馈回来的结果基本都要进行进一 步的修改,这种返工和修改在产品快速迭代的过程中很浪费时间。当时自己没有觉得表达有问题,已经把需求的目的结果都表达清楚了。可能是自己没写过代码、没 做过设计所以在一些专业的术语的表达上,方案实现方式的选择上存在偏差,导致技术、设计没有完全按照自己设想的预期做出结果。

    2017-05-24
  • 面试被问Axure水平?菜鸟这样学,快速做出能拿去面试的原型

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。面试者如果带一份好的标准的产品原型作品,会加分不少。那么一份能拿去面试的原型,长什么样呢?(以下是6周axure实战班同学作品)1、原型里,会梳理产品的功能流程2、标准的低保真原型3、清晰、明确、可读性强的原型注释如果你也想做出能拿去面试的原型图想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?没人监督指导,自学还没...

    2018-04-20
  • 「大产品小细节」5分钟了解格式塔原则

    这一篇「大产品小细节」想跟大家聊聊设计中很常用的一个心理学原则——格式塔原则。

    2017-08-04
  • 总结:常见的4条用户体验误区

    近年用户体验的概念越来越火热,从事互联网人张口闭口就谈用户体验,用户体验的概念离我们每个人那么的近。但是用户体验是人人都可以做好的吗?答案是否定的,就像人人都是产品经理一样,能做产品经理的依旧是少数,把产品经理做好的更是凤毛麟角。本篇文章总结4条我遇到的用户体验误区。如果一个流程的信息量是12个单位。x*y=12(x=单位页面的信息量  y=路径深度)例如微信发朋友圈即使断网情况下,当用户在点击发送时,朋友圈立刻就显示数据,给用户反馈是动态发送成功,其实是假数据显示,在这个时候后台还在上传。断网场景极少,朋友圈这个设计满足绝大部分用户的操作顺畅,用户体验良好。不为了极少数使用场景而做真数据展示给用户,那样的话给绝大部分用户感觉加载过慢导致不好的体验。

    2017-04-29
  • UI设计入门必会:Axure及Adobe系列软件如何安装

    UI设计最最基础的-软件如何正确安装且永久免费试用1、Axure 8.0正确安装、汉化、破解2、UI设计之通过CreativeCloud安装Adobe软件

    微信热点 2018-05-07