IxD案例 交互设计

资讯类APP竞品分析报告

0
登录或者登记去做吧。

一、摘要

为了能深入了解主流新闻客户端在「功能模块」、「内容运营」以及「界面交互」上的特点,我对Zaker、今日头条、网易新闻这3款APP进行了对比分析,并得出结论:

  • Zaker定位于具备明确新闻需求的用户,整体较为精致,细节意识强,适合年龄层、收入或教育程度较高的用户使用;
  • 今日头条核心优势在于其强大的算法,同时栏目划分较为接地气,适合年龄层次、收入或教育程度较低的用户使用;
  • 网易新闻强于其门户传统及背景,通过大量优质内容的运营及分发,面向大部分具有碎片化新闻阅读需求的用户。

二、竞品选择

1、Zaker,代表着精致的阅读体验,及深度的个性化定制;

简介:ZAKER是国内最受欢迎的互动分享和个性化定制的移动阅读平台。它将资讯、微博、博客、报纸、杂志、图片等众多内容,按照用户意愿聚合到一起,实现深度个性化定制。

2、今日头条,代表着先进的互联网算法技术,及丰富的内容抓取渠道;

简介:你关心的,才是头条!《今日头条》会聪明地分析您的兴趣爱好,理解您的阅读行为,自动为您推荐喜欢的内容,并且越用越懂你!

3、网易新闻,门户网站移动化的标杆应用,代表着门户时代予以骄傲的编辑运营。

简介:网易新闻客户端是网易全力打造的精品应用,具有内容快速精致、题材丰富、结构清晰、简单易用、阅读愉快、交互自然流畅等特点,因体验最流畅、新闻最快速、评论最犀利而备受推崇。

分析环境:

iPhone 6 , iOS 8.1

APP版本:

Zaker 5.0.1

今日头条 4.2

网易新闻 4.3.1

三、功能对比

(一)功能模块
300

功能对照表

(二)模块对比分析

  1. 帐号模块
    Zaker与网易新闻仅支持QQ及新浪微博2种第三方帐号登录,而今日头条则支持包括QQ、新浪微博、微信、腾讯微博、人人网在内的5种第三方帐号登录。支持的第三方帐号越丰富,用户在进行登录/注册时越方便,同时也意味着该产品所能直接获取的用户信息也更多,今日头条便是如此:本身主打推荐算法,因此目标群体较为广泛,且希望通过更充足的用户的信息来实现更精准的系统推荐。Zaker则定位于有明确新闻需求的用户,因此Zaker对于获取用户信息的需求要明显小于今日头条。另外,没有翔今日头条或网易新闻那样将个人头像置于顶部显然也与Zaker的产品定位有关:使用户可以更专注于自己感兴趣的内容。

    依托于网易公司本身的用户量级,网易新闻的大部分用户可以直接使用网易通行证进行登录,在第三方登录方面,网易新闻仅支持用户量较大的新浪微博及QQ。

    总结:Zaker与今日头条的登录较为便捷,尤其是Zaker弱化了自身帐号的注册/登录,因此在登录时甚至不需要输入密码;网易新闻尽管依托于网易公司本身的用户数据库,但由于网易从邮箱起家,登录时还要首先回忆网易邮箱和密码,这对于注册但却不常用网易邮箱的用户来说,增加了操作成本。

    此外,今日头条的个人主页更注重引导用户社交,以聚合兴趣类似的用户;网易没有好友系统,个人主页更多为其评论功能服务;Zaker则只有客人态的个人主页。

  2. 新闻模块
    Zaker与后两者在产品定位上的分野,使得它们在浏览新闻这一核心功能上表现出了完全不同的结构。如前所述,Zaker定位于有明确新闻需求的用户,它将新闻模块分为了订阅和推荐2个子模块,其中的订阅主要以不同内容类别的媒体/网站对象为主,辅以一些热门的微信公众号和内容主题;推荐模块也同样如此,让用户自己填写关键词以推荐相关的文章,只进行少量的编辑推荐。同时,Zaker也是3家APP中唯一不具备新闻搜索功能的APP。今日头条的用户在今日头条的列表页便可对新闻收藏或不感兴趣,而在详情页,今日头条也允许用户对该条新闻进行顶或踩,而Zaker只具备顶的功能,网易新闻则不具备顶或踩。另外,与Zaker及网易新闻相比,今日头条并不具备订阅媒体的功能。

    相比今日头条,虽然缺少新闻内的相关推荐,但拥有编辑推荐、媒体订阅、图片、视频、电台新闻等,是网易作为新闻门户的优势同时也是其亮点所在,此外,相比于今日头条将搜索置于主导航,网易新闻的搜索栏也隐藏得较深。

    总结:Zaker重兴趣订阅,尽量不干涉用户,今日头条重算法推荐,网易新闻则充分发挥门户优势,以优质而丰富的内容资源见长。

  3. 其它模块
    话题是Zaker最近新增的特色功能,它首现于11月中旬所更新的5.0版本,其原型来自于社交应用same,特点是基于兴趣的聚合,且无法相互关注。而在积分的使用上,3家则不尽相同。今日头条没有加入这一功能;而对于轻社交的Zaker来说,积分更多为了提升日活;网易新闻则复杂许多,不仅有积分,更加入了等级和金币这两个概念,积分用于升级,金币类似与Zaker的积分,用于兑换礼品或折现,两者都与跟帖进行了较深的结合,形成闭环。Widget方面,今日头条与网易新闻都迅速跟进了iOS8的开放, Zaker尚未具备。

    对于推送功能,Zaker允许用户选择愿意接受的新闻推送类别,网易新闻只区分了要闻及原创,今日头条则设置了一个统一的开关。

    其余功能上3家APP差异并不明显,只是由于活动功能较为丰富,今日头条与网易新闻相对Zaker而言显得稍重。

    总结:3家APP在功能上的取舍都源于各自的产品定位与优势。

四、内容对比

Zaker的内容版块数为22个,今日头条包含44个内容版块,网易新闻则为39个。在版块设置上,Zaker更倾向于大类划分,因为Zaker用户所订阅的是具体版块下的具体垂直媒体,因此并不需要过于细致的分类;而今日头条则需要通过对新闻的细分来更精准的推荐用户会感兴趣的内容,同时类目划分也更接地气;网易则沿袭了门户内容较为广泛的特点和优势,大类目加一些大类目下的热门细分类目,以方便各类用户更快找到自己感兴趣的新闻栏目。

内容来源上,Zaker会按照不同的媒体/网站进行抓取,今日头条则会在抓取后分析其内容,再分发至相应类目,因此常出现非该类垂直网站的内容出现在该类目的新闻列表下;而网易新闻的内容大多来自于其门户。

内容运营方面,网易新闻较为丰富,如轻松一刻、原创等都得到了突出,同时左侧抽屉栏也根据新闻形式进行了分类,如图片新闻、视频新闻、电台新闻和作为口碑功能的跟帖等;今日头条的内容运营更多偏重对用户兴趣的分析洞察,首页栏目常推荐一些新闻性较弱,但话题或关注度较高的内容,如家具设计、美女图片等,以吸引用户进行点击,这与网易在这方面的缺失形成了对比; Zaker除首页约1/3屏的图片轮播外,运营手段相对较少,同时也相对克制。

总结:Zaker的内容运营更偏向于『无为而治』,原因在于其用户大多带着需求而来,因此让用户更少得感受到运营才是最适合Zaker的运营;今日头条的运营方式则是通过内容来吸引用户不断点击,从而收集用户偏好,强化算法;网易的内容运营更注重其门户优势。

五、界面和交互方式对比

(一)主导航

10

主导航对比

今日头条与网易新闻都采用了左右侧抽屉式导航,其优点在于节省了屏幕下方的空间,以承载更多内容,同时它的扩展性良好。一般而言,抽屉式导航适用于以信息流为核心,或只有一个核心主流程的的APP,它可以使用户专注于核心流程,不会被其他功能分散。

具体到今日头条与网易新闻,虽然两者都采用了抽屉式导航,但在左侧抽屉宽度、左侧抽屉中所呈现的内容以及功能的切换方式都存在差异:网易新闻的抽屉导航不仅较宽,同时还对主屏幕进行了模糊处理,相比于今日头条,网易新闻抽屉导航中的其他功能的优先级显然与主流程更为接近;而今日头条抽屉导航中的功能,相对浏览新闻这一主流程来说则要边缘许多,当从其他功能返回导航栏时,屏幕右侧显示的是新闻也的内容,这是两者之间最大的差异。另外在右侧抽屉中,两者都放置了个人信息。

Zaker则采用经典的标签导航,这类导航的特点在于使用户能够方便切换不同功能的同时,清晰地知道所在位置,而它的缺点则是要占用一定的空间,同时扩展性较差。然而,订阅、推荐、话题3项功能的优先级较为接近,加之用户具备明确需求的特点使Zaker有足够的信心采用这一导航方式,同时Zaker相对今日头条和网易新闻较轻,在扩展性上的压力不大也是原因之一。

另外,在二级导航上,Zaker采用了宫格形式,原因在于Zaker的订阅对象都是媒体,而非新闻栏目,因此相互之间并无很强的优先级顺序。而今日头条与网易新闻所采用的可滑动式的顶部导航则为信息流的展示腾出了空间。

总结:Zaker体量较轻,采用标签导航能够进一步凸现该优势,使功能切换较为流畅;今日头条的功能模块决定了它更适合抽屉式导航,让用户专注于信息流,同时隐藏相对不那么重要的功能;而网易的导航方式则多少表现出某种“不情愿”,既想突出跟帖、图片、视频、电台等功能,却又不得不妥协于界面所能承载的信息量和用户面对多个选择项时的不知所措。

(二)主流程

对于新闻类App,核心功能是浏览新闻,它的主流程大致是:发现新闻(新闻列表页)-浏览新闻(新闻详情页)-与新闻互动(查看评价、进行评论)-传播新闻(分享新闻)。

400

新闻列表页

Zaker的布局方案为每页固定6篇,其中1篇配大图,左右滑动进行翻页;

网易新闻与今日头条则为信息流形式,左右滑动切换栏目,不同之处在于网易有轮播大图,左图右文字,标题长度限制在13.5个字内以保证不换行,摘要最长为28.5个字,同时每隔5篇左右会插入三联组图或长图,以强调视觉重心;

今日头条为右图左文字,标题常超出换行,摘要默认关闭,可选择打开,但打开后较占面积,同时部分新闻无配图,且广告插入较多。此外,今日头条也是3家APP中唯一在新闻列表页显示新闻发布时间的。

操作成本方面,Zaker较高,左下角退出标识不易辨识,下滑返回首页也与如今所常用的右划退出不同,增加了操作成本;今日头条与网易新闻的操作较为便捷,其中网易新闻对于页面布局的规范使其交互尤为清爽。

总结:布局及交互形式导致Zaker所能浏览的新闻量较少,需频繁返回首页选择其他媒体进行浏览,因此使得发现新闻这一流程并不够流程,而今日头条与网易新闻的操作则较为便捷。但缺乏人工运营使得今日头条在发现新闻的体验上并不如网易来得亲和。

100

新闻详情页

对于内容的抓取,Zaker做得最好,无论是字体的选择,还是小标题、链接、缩进的处理,阅读体验都十分舒适;相反今日头条并没有抓取新闻配图,同时文章内还嵌入了关键词,尽管这可以引导用户发现更多新闻,但却干扰了阅读体验,此外今日头条还在顶部提供了当前新闻网址的编辑,右端不明所以;而网易新闻除缩进以及未抓取链接外,阅读体验较好。

结论:阅读体验 Zaker > 网易新闻 > 今日头条

200

进行评论

对于评论,网易新闻在底部即可直接回复,而Zaker与今日头条则需多一步操作,此外,网易新闻的评论框所占据的面积最大,且对新闻详情页进行了模糊处理,从中也可以看出3家APP对于评论引导的不同:网易新闻的引导更直接,今日头条次之,Zaker最为克制。但网易的跟帖置于屏幕右上角,对于大屏手机用户来说,增加了操作成本。

另外,对于撤销键盘这一细节的处理,网易做得并不好,而Zaker则会将评论框一桶撤销。

结论:网易重评论,Zaker细节意识强,今日头条无功无过。

500

查看评论

3家APP都允许用户对他人评论进行回复和赞,同时也都将热门评论置于了评论页最上面。但对于有评论,但没有热门评论的情况,Zaker与今日头条都分别隐藏了该项,而网易新闻依然进行了显示。

另外,今日头条的评论等内容并非建立在新页面上,而是位于原新闻详情页的下方,这使得用户需通过下滑返回详情页,增加了理解成本;而网易则是右划返回,Zaker则只能通过左下角的返回键返回。

不过网易新闻对于回复他人跟帖这一细节处理得并不很好,容易让用户感到与直接写跟帖混淆。

结论:评论页的操作成本 网易新闻 < Zaker < 今日头条

10

分享新闻

Zaker分享栏的图片虽然采用了灰度处理,降低了辨识度,但整体感觉较为精致;今日头条的处理相对粗糙,渠道也较少;网易则将其自身产品和常用APP排在了首屏,而将云笔记、印象笔记、Instapaper、Pocket等笔记应用置于了第二屏,此外网易还增加了态度截屏的分享功能。

结论:印象笔记基本涵盖了常用的分享渠道,今日头条不支持笔记类应用,网易的分享渠道同样较为齐全,同时也加入了自己的“态度”。

五、结论

通过对Zaker、今日头条、网易新闻3款资讯类APP在「功能模块」、「内容」、「界面及交互」3方面的对比,可以得出以下结论:

  1. Zaker定位于具备明确新闻需求的用户,整体较为精致,细节意识强,适合年龄层、收入或教育程度较高的用户使用;
  2. 今日头条核心优势在于其强大的算法,同时栏目划分较为接地气,适合年龄层次、收入或教育程度较低的用户使用;
  3. 网易新闻强于其门户传统及背景,通过大量优质内容的运营及分发,面向大部分具有碎片化新闻阅读需求的用户。

改进建议:

  1. Zaker可尝试转向信息流形式,降低用户在切换订阅媒体时的操作成本,增加阅读流畅度;
  2. 今日头条需增强APP本身的设计感,并对文章列表进行适度规范,此外还建议对文章详情页的阅读体验进行优化;
  3. 网易可尝试将左侧抽屉式导航转变为底部标签导航,充分发挥其门户优势,此外对于部分交互细节也需要进行优化。

本报告存在的几点问题

  1. 模块的划分大维度可以再考虑一下,对于新闻阅读客户端来讲,可以分为新闻消费、设置、帐号三个大模块,设置的部分可以再规划对比一下。
  2. 有些特色功能需要再详尽的对比一下,比如网易的盖楼评论,今日头条的推荐算法是根据那几个维度来推算,Zaker的订阅有什么出彩之处等。对与普通功能而言,特色的差异化功能更需要对比
  3. 内容和交互对比还可以继续深入思考一下,比如三者的分享,Zaker的分享里面的“印象笔记”、“Pocket”“收藏文章”等其实是收藏大于分享,而网易放到第二屏滚动才能见到的原因是什么?这样做有何好处和区别?可以再深入一点
  4. 最后的修改建议也需要深入,而不是简单的只局限于交互方面。

原文作者为Stove3,http://www.jianshu.com/p/c091a95ac04d#

【产品分析】豆瓣十年,一朝重来
免费 20个设计优秀的HTML网站模板