“头条”和“网易新闻”两款新闻app对比

网易的产品真的是各种喜欢,不好说。那么手机上唯一的新闻APP自然就是“网易新闻”了。如果是“头条”,也算是行业内的佼佼者。正好两个app的配色和功能都一样,我们来对比一下。

先看头条第一页。这个时候用户对APP不熟悉,默认推荐的内容真的是“啧啧”,我暂时按不了表。第二次打开这个页面是这样的。页面布局在第一次加载时经过了特殊处理。主要是用户可以更直观的看到APP提供了什么功能,分类频道,内容搜索。这是APP想要传达的信息。在这方面,目的已经达到。

为了方便和网易新闻对比,我把两个app相似的功能页面放在了一起。

从上到下,我们来说说搜索栏。网易新闻提供了触发按钮区,而头条是标准的搜索栏,占据了更多的高度。因为搜索功能是在新页面打开的,搜索输入框是没有用的,所以网易的设计略胜一筹。

在标签页的设计上,头条是用活动状态颜色和字号来区分的,而网易是流行的底部横条的方式,只用颜色来区分,不改变字号。从趋势上看,网易胜出。(毕竟淘宝APP也是这样,用户有熟悉感)。另外,头条的标签页设计是当你触发一个选项时,这个选项保持在原来的位置,而网易的设计是当你触发一个选项时,这个选项会成为可见区域的第一个选项,这样用户以后可以看到更多的选项。这个设计对于很多选项来说都是非常好的体验。

就内容区而言,两个app显示的内容量是一样的,但在轮播图片的形式上,网易占了上风。但是,carousel最大的缺点是用户很容易失去焦点。当用户不知道轮播的内容时,主动触发横向滑动浏览事件的概率会很小,图片太多会影响加载速度,头条在这一点上胜出。对于移动产品来说,轮播图片最适合的场景是一组平行关系的图片,主题相同,比如从各个角度拍摄一个物品,让用户从补充信息的角度来观看,而不是获取不同的信息。

底部导航的设置和两个app差不多,都是比较满意的设计。

继续,我们来对比一下两个app的主要功能。首先是分类频道的选择和设置。乍一看,两个app的这个功能的设置好像差不多,但是仔细对比,从页面架构来看,头条是打开新页面,而网易是在首页加载一层,所以保留了置顶风格。操作体验差不多,拖动标签然后排序,删除,添加。但是这里我们注意到一个小细节,就是网易的选中标签是红色的。这个细节很好,拖动标签的时候我们可以更清楚的看到操作过的标签。但是标题还有一个很优秀的细节,就是更多需要拖在底部的标签给人一种逐渐模糊的感觉,这是一种非常物化的设计。另外,关于标签页关闭按钮的位置,头条在右上角,网易在左上角。相比之下,大标题更合理,因为对于windows下各种程序的操作来说,右上角的关闭已经为用户所熟悉。综合比较这个功能页面,头条胜出。

对比两个app的搜索功能。标题输入的搜索页面下加载的区域有些混乱,因为我本能地尝试点击每个图标,发现没有任何响应。如果我只是提醒用户搜索什么,我可以完全改变呈现形式。现在太像分类频道了,网易的直接键盘加载形式很好。而且键盘隐藏的时候,下面会有一些热词。这里多了一个功能,我觉得没必要,就是照片搜索(可能也支持扫码?),因为对于一个新闻APP来说,内容,或者说文字,才是主体。虽然技术上感觉很棒,但有必要,这是另一回事。

网易APP的搜索默认加载了很多热门标签,非常适合移动操作。

但是就搜索功能本身来说,网易的,怎么说呢,出乎我的意料,真的很难用!是的,很难用。

首先,没有相关搜索,截图中看不到。头条和搜索有关。在这一点上,网易对整个搜索功能没有体验。

然后,没想到的是,我随便输入了一些字符后,第一时间没有找到搜索的触发区域,眼前的放大镜图标也点不到了,然后整个人就被圈了起来。(还要两步才能找到搜索触发区,而且还是在软键盘上)。你在你的文本输入框的右边做什么?

至于标题,输入字符后,无论是软键盘(这个可能是科大讯飞自己的,暂且不提)还是搜索框右侧都提供了明显的搜索触发区域。

再说底部导航同样位置的一个功能入口,在头条叫“关注”,在网易叫“话题”,功能差不多,提供定制功能,这也是现在新闻类app的个性化设置。

不同的是,头条功能进入后是空的,需要自己添加,但网易提供了一些选项。就体验而言,头条方案并不好。空白页给用户的第一反应不是填充内容,而是空着。因为网易也提供了关注功能(置顶切换),所以我切换到了关注,又对比了一下。

这是头条点击添加关注后的页面,还是“天地一大片”,然后狗血来了,左边那堆点不了,(不排除是APP功能故障,因为进入这个界面前,N次弹窗提醒我没有安全证书或安全认证等。).相比之下,网易的关注就容易多了,因为可以从推荐中选择,也可以自主搜索。

说到这个界面,顺便吐槽一个头条的背景,纯白,咳咳,视觉上太刺眼了。较柔和的浅灰色或极浅灰色为王,不需要大面积的纯白和黑色。这不是UI的设计准则。

再看用户管理界面。第一眼就能看出网易提供的功能更加强大和全面,而我最感兴趣的是网易采用了安卓经典的纸张设计,但当我向上滑动时,一个明显的设计bug出现了,那就是我的蓝色边框中纸张的重叠区域。这种四边界限明显的纸层,在视觉上是无法重叠的,尤其是Z轴在同一水平的时候,这样会大大减少。

在落地方式上,网易的设计更简单,一步到位,而头条需要触发后从底层推出。因为这个功能模块,登录是最重要的一步,其他功能都是通过账号登录后完成的,所以要给登录一个更方便的入口。两者都提供夜间模式,可见该功能在新闻阅读APP中必不可少。既然有必要,头条的明显位置让模式切换的设计更加合理。

进入特定频道后,你会觉得网易的轮子上播图的风格有点浪费空间,而且沿袭了web传统的设计思路,倾向于用大图展示重点内容。但对于新闻来说,除非图片非常吸引人,否则作用不大。更重要的是,这么多图,流量党怎么活?但是头条广告也很震撼,就是这么一个红果。

打开一个具体的新闻,排版没什么好比较的。下面的评论和分享方式,标题末尾的图标是分享的意思,我个人不太懂,不像网易的图标那么容易识别。

在评论的方式上,两者也大相径庭。头条倾向于写长评论,网易适合写短评论。谁有时间在手机上写长篇大论,一目了然。

共享界面,两个app选择了完全不同的布局方式,一个是底部弹出层(或者底部工作表),一个是弹出的“微信好友”和“微信”。这两种文案在头条无疑更胜一筹。因为这样更准确。

粗略对比完了,好吧,网易的产品粉表示要残忍卸载头带。