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

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


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

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

网易新闻

网易新闻中所使用的“跟帖”一词代替了评论,应该是沿用了贴吧的用语,个人以为跟帖带有网页版的气息,而“评论”更符合移动互联网用户的口味,这一点上来说网易新闻就有点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

相关推荐

  • 动画的两种类型:移动界面上的功能动画和情感动画

    动画是整个过程的完全独立的部分,必须在评估整个项目时立即予以确认。

    2017-08-04
  • 全面掌握算法交互设计,你的设计你做主

    在OF COURSE学习最纯粹的创意编程Processing生成艺术进阶课程全面掌握算法交互设计12周成为顶尖设计师👇△课程介绍《Processing&OF算法交互线上课程》你将要学习的第一部分:培养算法创造能力,学习运用高级算法模拟真实环境中的自然变化。第二部分:理解并掌握算法交互的原理。第三部分:培养软硬件结合能力,学习使用手部识别设备Leap motion、体感识别摄像头Kinect和算法的交互。第四部分:运用openCV计算机图...

    2018-04-08
  • 符合用户认知的交互才是最自然的交互

    为什么有时候只用看一眼就知道这两个东西是什么,如何操作?其实这就是物品所具备的预设用途。物质心理学—研究人和物相互作用方式的心理。一件物品实际上能用来做何用途,或被认为能有什么用途。一个白色的东西加一个按钮在上面,并且一按就会有“奇迹”发生。

    2017-05-06
  • 实例分享:交互设计如何赋予产品安全感

    作者:高广淦全文共 4235 字,阅读需要 8 分钟—— BEGIN ——做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,…

    2017-08-04
  • 用户体验和可用性之间的联系和差异

    关注一下,更多精彩等着你用户体验和可用性的不同目标对于网站而言,唯一的可用性目标是“易于使用”。但是,用户体验的目标是关于用户在使用网站之前,期间,之后获得的整体感受。因此,可用性和用户在网站中完成任务的难以程度是有关的,而用户体验关注的则是用户和网站互动上的感知。可用性在用户体验设计中扮演着重要的角色拥有良好可用性的产品,用户在使用之后会感觉方便、快捷、舒适,同时减少用户操作出错的可能性。很显然,它会唤起用户良好的情感体验,让用户感到...

    2018-03-09
  • 按钮的优先级选取与用户体验最佳实践

    通常带有明确指向性和说明的标签(按钮内容,文本)会比通用的“OK”或者“确定”要更好。
    尽可能使用动词,而不是OK,因为前者意义会更明确,用户不会断章取义从而作出错误的选择。

    OK/[Do it]/Yes
    [Don’t do it]/No
    Cancel

    2017-05-23
  • 设计风格养成|5个维度,说说设计师讲述设计风格的正确姿势

    找准方向与维度,从大方向去讲解你的设计风格,只要你执行了,那它就不是什么困难的事情了。

    2017-05-06
  • PC端产品的三种姿态

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

    2016-06-01
  • Axure RP 8 入门手册 – 第6章(一)

    第6章概要与检视功能第1节概要功能第2节检视功能-页面样式第3节检视功能-页面说明第4节检视功能-页面属性第5节检视功能-元件命名第6节检视功能-元件样式第7节检视功能-元件说明第8节检视功能-元件属性第9节检视功能-元件交互第10节检视功能-组合属性第1节概要功能千语:楼叔,我在做原型的时候,画布里面有很多元件,有的还被别的元件盖住,选起来很不方便,有没有什么好的方法呀?小楼:别急,大妹子!Axure的概要面板中能够很方便的管理元件,...

    2018-04-22
  • 交互师们,每日高效的一天开启了吗?看看别家的交互怎么过今天~!

      编者按:教你高效利用工作时间!今天的主角是曾经在美国雅虎中国腾讯工作现在在华为人设计总监的尤原庆同学,他分别列出了自己在美国、德国和中国的交互设计工作,全都井井有条且轻重得当,最后还附上设计师…

    2014-11-26