网易的产品真是各种喜欢,说不出的好,然后手机上唯一一款新闻类的APP自然也是“网易新闻”了,“头条”的话,也算业内翘楚?刚刚好两个APP有着相同的配色与功能,那就此比较一下。
先看头条的首次打开的首页,这时候对APP来说,用户是陌生的,所以默认推荐的内容真是“啧啧”,暂且按下不表。这个页面在第二次打开的时候就变成下面这个样子的了。首次加载时的页面布局做了特殊处理,主要原因是让用户更直观的看到这个APP都提供了什么功能,分类的频道、内容的搜索,这是APP想传达的信息,就这些而言,已经达到了目的。
为了方便和网易新闻进行对比,我把两个APP相似功能页面放到了一起。
从上到下,先说搜索栏,网易新闻提供了一个触发按钮区域,而头条则是标准的搜索栏,同时占据了更多的高度,由于搜索功能都是在新的页面打开的,搜索input框在功能上是no-use的,所以网易这种设计略胜一筹。
选项卡的设计,头条使用的是active状态颜色和字号区分,而网易则是比较流行的底部横条的方式,而且只用颜色区分,不改变字号,从流行趋势来说,网易胜。(毕竟淘宝APP也是这种方式,用户也有熟悉感)。除此之外,头条的选项卡设计是当你触发一个选项时,这个选项保留在原来位置,而网易的设计则是,当你触发一个选项,这个选项会顺势成为可视区域的第一个选项,从而让用户看到更多后面的选项,这个设计对于选项很多的情况是非常好的一种体验。
就内容区来说,两个APP展示的内容数量相当,但网易用了轮播图片的形式,数量上占了上风,但是,但是,轮播这种方式最大的缺点就是让用户很容易失去焦点,当用户并不知道后面轮播的内容,主动去触发水平滑动浏览事件的概率就会很小,而过多的图片则影响了加载速度,头条在这一点上胜出。对于移动端的产品,轮播图片这种形式最适合的场景是并列关系的一组图片,相同的主题,比如一个物品的各个角度拍摄之类,让用户以一种补充信息量的角度去查看,而不是获得不同的信息的角度。
底部导航的设置,两个APP相似,都是中规中矩的设计。
继续,来比较一下两个APP的主要功能,首先是分类频道的选择设置。第一眼看上去两个APP该功能的设置是相似的,但仔细比较,从页面架构来说,头条是打开了一个新的页面,而网易则是在首页加载了一层,所以保留了顶部的样式。操作体验几乎是一样的,都是拖动标签然后进行排序和删除添加等操作。但这里我们注意到一个小细节,就是网易的选中标签是红色,这个细节是非常好的,在对标签拖动时更能清晰的看到被操作的标签。但头条同样有一个出色的细节,就是在底部需要拖动显示的更多的标签给了一个渐变的模糊,很拟物化的一种设计。另外关于关闭按钮在标签页的位置,头条在右上角而网易在左上角,相比之下,头条的要更合理,因为对于windows下各种程序的操作,对于各种网页中的弹框,右上角的关闭已被用户熟悉。综合比较这个功能页面,头条胜。
两个APP的搜索功能比较一下。头条进入的搜索页下面加载的区域有些迷惑作用,因为我本能尝试的去点击了各个图标,发现没有反应,如果只是提示用户可以搜索什么内容,完全可以换个展现形式,现在这种太像分类频道了,而网易的直接加载键盘的形式就很不错。而且当键盘隐藏后,下面会有一些热词。这里有一个附加的功能,个人感觉不太有必要,就是拍照搜索(可能也支持扫码?),因为对于一个新闻类APP来说,内容,或者说文字是主体,虽然技术上感觉很牛,但必要性嘛,另当别论。
网易APP的搜索默认加载了很多热门标签,这非常适合移动端的操作。
但就搜索功能本身来说,网易的,怎么说呢,出乎我的意料,的难用!对,非常难用。
首先,没有关联搜索,截图里看不到,头条是有关联搜索的。就这一点,整个搜索功能,网易就没有什么体验可言了。
然后,还有没有想到的是,我随便输入了一些字符之后,第一时间居然没有找到搜索的触发区域,前面的放大镜图标是不能点击的,然后整个人就蒙圈了好嘛。(需要再操作两步才能找到搜索触发区域,而且还是在软键盘),你文本输入框的右边那么空作甚,作甚?
而头条呢,输入字符之后,不管是软键盘(这个有可能是讯飞自带的,暂且不提),还是搜索框的右侧,都提供了明显的搜索触发区域。
再说底部导航相同位置的一个功能入口,在头条叫做“关注”,在网易叫做“话题”,功能相似,都提供了定制功能,这也是现在新闻类APP都有的一个个性化的设置。
所不同的是,头条这个功能进入后是空茫茫的一片,需要自己添加,但网易提供了一些选项,就体验来说,头条的方案是不好的,空白页面给用户的第一反应不是用内容去填充,而是冷冷清清。因为网易也提供了关注功能(顶部切换),所以我切换到了关注再比较一下。
这是头条点击添加关注后的页面,依然“天地一片苍茫”,然后狗血的来了,左侧这一堆不可点击,(不排除APP功能性故障,因为在进入这个界面之前,N个弹窗提示我没有安全证书or安全认证之类的),相比之下,网易的关注则轻松了许多,因为即可以从推荐中选择,也可以自主搜索。
说到这个界面,顺便吐槽一把头条的背景,纯白色,咳咳,这个视觉上来说太刺眼了,柔和一点的浅灰,或者极浅灰才是王道,不用大面积的纯白纯黑,这不是UI的设计准则嘛。
再看下用户管理界面。第一眼就能比较出来网易提供的功能更强大更综合,而我最感兴趣的是网易采用了Android经典的纸片设计,但当向上滑动的时候,一个明显的设计bug出现了,就是我蓝线框起来的纸片重叠区域,这种都有明显四个边界的纸片层从视觉上是不可以重叠的,尤其是Z轴在同一层面上时,所以这个就要大大的减分了。
在登陆方式上,网易的设计更为简单,一步直达,而头条需要从触发后底部展开层再进行登陆。因为这个功能模块来说,登陆是最重要的一步操作,其他功能都是依托账号登陆后完成的,所以应该给登陆更便捷的入口。而两个都提供了夜间模式,说明在新闻阅读APP中,这个功能是必需的,既然是必需的,则头条这种明显的位置给予模式切换的设计更为合理。
进入具体的频道后,会感觉网易这种带轮播图片的样式有点浪费空间了,而且沿袭了传统的web的设计思路,倾向于把重点内容用大图片来展示,但对于新闻类而言,除非图片非常吸引人,否则无甚效果,更关键的一点,图片那么多,让流量党怎么活。但头条的广告也很触目惊心,就是这么赤果果。
打开一条具体的新闻,排版上没有什么好比较的,下面评论和分享的方式,头条最后的图标表示分享,个人表示看不懂,不如网易的图标那么好辨识。
评论的方式上,两者也有很大的不同,头条这种倾向于写长评,而网易的适合写短评,孰好孰坏,一目了然,谁有时间在手机上写个长篇大论呐。
分享界面,两个APP选了截然不同的布局方式,一个是底部弹出层(或者称之为底部动作条bottom sheets),一个是弹窗,“微信好友”和“微信”,这两种文案,无疑头条的更好。因为更确切。
粗略的比较完成了,好啦,网易的产品粉表示要残忍的卸掉头条了。