新闻客户端之屌丝用户体验报告

专为互联网人打造的365天成长计划,构建你的产品、运营知识体系,做个有竞争力的互联网人。查看详情

    本文作者是腾讯即时通信部商务副总监,腾讯学院讲师硕裴。

作为一个屌丝,我常常在臆想屌丝世界中的刚性需求,除了这些之外——“衣食住行,吃喝玩乐”,什么是他最离不开的。我猜测的结果是下图:

一方面是社交,一方面是资讯;或者说一方面是关系,一方面是内容。把两个刚性的需求结合在一个产品里,会不会产生化学反应,诞生一个更刚性的产品?

我们看到几个新闻 APP 做出了这一想法的大胆尝试——Zaker,鲜果,今日头条。但是这些新奇的玩家,终究还是惹不起庄家的。在这个传统模式的互联网产品中,最终的游戏规则还不是快鱼吃慢鱼,而依然是大鱼吃小鱼。2013 年 3 月份中国新闻客户端下载量份额排行:

今天的话题不想讨论大鱼如何靠渠道能力取得阶段性胜利,而是想从一个屌丝视角看看这些大鱼与小鱼的内在有多大的不同,是不是这些不同,也是胜利的原因之一?既然是屌丝视角,当然就只能用屌丝手机来体验这些海产品。

先说说最早把 Flipboard 模式带到中国的 Zaker。进入 Zaker,登录提示可以绑定新浪微博,这充分吸引了微博用户的眼球。但是,点击“新浪微博快速登录”按钮,居然弹出来这个页面。普通用户可能会觉得很正常,大部分需要登录的 APP 都是有这样的提示。但,圈内屌丝稍加细心就会发现其中有个小细节,Zaker 没有做好。

如下图,当手指点击到用户名输入框时,输入光标会在最后一个文字后面,你需要删除掉前面这几个字才能输入你的 ID。但,其实很多 APP 都可以默认帮你把这几个字清空,别小看这么一点点的差异,用户对产品的感知其实就是在这样的细节中慢慢形成。

如果说,Zaker 的产品经理觉得这个小差异不是什么了不起的事情,那就看看现在主流的 APP 都在登录体验上,使用了“一键登录(SSO)”的功能。(不需要输入用户名密码,直接唤起新浪微博或手机 QQ,完成授权登录操作)两种登录方式的成功率差一倍之多,这样想想的话,其实 SSO 就已经是评估产品团队实力的一个纬度。

进入到了内容页,很有趣的功能就是分享的多样化。让用户感到幸福的体验是有选择,而同样让用户感到纠结的体验也是有选择,太多的选择。我很好奇有多少用户知道 pocket 这个按钮是分享到哪里去?而搜狐微博还有多少用户在活跃?这些按钮都是在影响用户做选择。

另外,分享按钮的色标设计让我很迷惑,我完成了微信分享,结果只是深色一点,如果光线弱点或眼神差点的用户可能都看不出来。我更喜好其它 APP 的分享按钮采用彩色 LOGO,醒目且有视觉诱惑和品牌认知。灰色的 LOGO 总觉得是在祭奠什么似的。

离开 Zaker,我们打开鲜果看看。刚刚打开登录页就眼前一亮,点击了新浪微博登录就直接唤起 SSO 的登录体验。屏幕切来切去的体验很炫,第一印象感觉不错。

不过登录进去之后,有一种莫名的失落——全让用户自己来添加频道,这点要比 Zaker 的主动推荐感觉要弱势一些。其实屌丝很懒,并不想做那么多思考和选择。

到了分享的页面,与 Zaker 有强烈的反差,鲜果选择了 less is more。不过遗憾的是回流量效果好的 QQ 空间、微信好友都没出现在默认的分享框内。

离开小鱼的 Zaker 和鲜果,进入到另一个很有特色的小鱼产品——今日头条。

这个产品的设计突破了原有的平台推荐模式,张一鸣这位技术达人让屌丝更懒了,也让屌丝更爱这样的体验了。你看看这个首页会发现什么呢?八卦新闻众多,有木有?美女新闻众多,有木有?你以为今日头条的编辑很聪明很懂你么?呵呵,其实都是你自己在各类社交平台留下的足迹,这些数据被张一鸣一一算尽,形成了推荐给你的精准内容。

在 UI 设计理念上,今日头条借鉴了 path 的交互,不过做得有点生硬,path 用户都是文艺青年,而新闻用户是大众屌丝,两类人群在接受新鲜事物的程度和速度上有很大差异。比如下图右上角有个很小的按钮是进入用户的个人主页,但是主页里面没有吸引用户操作的功能。

在社会化分享上,今日头条做了一次大胆的尝试,把多个分享按钮聚合,叫做“一键分享”。但是可惜的地方是绑定社交帐号的入口很深,一般用户很难找到。

终于摆脱了小鱼的世界,进入到了大鱼的海域。从份额最小的切入,看看为什么品牌最牛的新浪新闻,份额却在大鱼里最小。

刚刚打开,我就想走了。我可以理解新闻 APP 是给微博贡献流量的一个渠道,但也没必要把微博的玩法都植入进来!新浪微博的默认分享接口,让多少男性用户在使用一些特殊的 APP 时叫苦连天防不胜防——刚给女神点一个“赞”,那边老婆就打电话过来质问:在新浪微博上看到你在某 APP 里勾搭一个妹纸。

客观地说,新浪新闻的 UI 设计也是借用 path 模式,中规中矩;社会化分享的设计也很用户友好。但新浪最核心的特色却被雪藏,就是微博上的互动性,没有强化在页面当中,首屏几个热点新闻评论数过千的寥寥,而且没有提炼出“神回复”。想想看如今的微博上最好玩的不是新闻本身,而是那些神回复啊,这点运营没有跟上,让这个产品没有灵魂。

没想到凤凰新闻会比新浪新闻份额要高,浅显地判断凤凰新闻的用户肯定都是高端用户群,对品质有极致的追求。这个判断在刚刚打开 APP 的时候的确感受到了,头部导航的字体选择了厚重的繁体字,让人有种肃然起敬的感觉。记得前些天在程苓峰自媒体上看他写过,当下很少见到繁体字,这种蕴含着中华民族几千年智慧的传承,可能就在这几十年间被我们所遗忘了。

可惜除了导航之外,内容页,设置页的字体还都是简体字,这样的不彻底,反而让我决定不够有魄力。

其实没有效仿 path 的 UI 设计,算是一种突破,只不过头部的导航菜单提示不够明显,估计很多用户就以为只有这 4 个频道可以选择,而且不能根据用户偏好调整排序。

社会化分享的接口做的不仅仅是简单,准确地说是很简陋。只有新浪微博,微信,朋友圈。而且还没有调用上新浪微博的 SSO 接口,就更别说腾讯微博、QQ 空间、人人网等平台了。

离开凤凰,走进百度。最强烈的感觉是和凤凰新闻的 UI 结构一致,只不过很多功能算是升级版的凤凰新闻。比如下图的频道选择就非常丰富,而且特意提示频道可以自由调控。这点非常人性化。

不过到了内容页,那简直就是灾难。充分体现了百度的工程师文化,能用技术解决的问题绝不用编辑解决。首页的所有缩略图在内容页中都没有大图展示,最搞笑的是在文章末尾还有一个“阅读原文”的按钮(第一感觉好像微信公众号的体验),点击之后就是 WAP 的体验,而且很多都是没做适配的 PC 页面,用户体验非常不友好。

社会化分享也做得简单而不简约,没有调用各家的 SSO,也没有分析过哪些分享按钮的回流量比较大,而依次做排序优化。这个产品应该是百度垂直搜索部门出品,他们旁边有一个百度分享部门,而百度分享是第三方社会化分享平台数据最全的产品,连兄弟部门的分析报告都没研究,可想百度内的部门墙有多厚,产品做成这样也就可以理解了。

吐槽完百度,肯定有人骂我带有色眼镜,为了以示公平,那就吐槽一下本家的产品,看看探花的体验有什么独到之处。一眼望去,和百度新闻界面很像,连色调都是一个范儿,功能上也有频道选择。但是对比一下上图就知道,腾讯新闻的产品经理是多么朴素,或者说不懂屌丝用户的需求。只是把 PC 上各频道嵌入进来,再硬梆梆地把地方站的频道硬插进来。

再一个有趣的设计是在底部一级界面上有个视频 tab,在很多新闻中也都有视频嵌入,这是其它 APP 所没有尝试的,算是一种前卫的创新性尝试吧。不过产品经理有没有想过用户在什么时候会用到新闻 APP?难道是在有 wifi 的咖啡厅喝咖啡的时候,得瑟地看视频新闻?我猜测上下班高峰和马桶时间是用户使用新闻 APP 的最大场景,当下的网络环境,有几个屌丝用户舍得拿金贵的流量看视频新闻?就算舍得流量,网络环境还不一定流畅,就算流畅,你总还要戴个耳机吧,这一系列的问题,不知道产品经理有没有想清楚。

社会化分享上也没什么独到之处,腾讯自家的 QQ 互联提供的 SSO 登录和 QQ 好友分享这么提升用户体验和回流量的功能都没做上,可想腾讯新闻产品经理还深埋在老板的需求池中。

唯一让人觉得接地气的栏目是今日话题,这个在 PC 时代就已经成名产品,如今在 APP 时代依然有巨大的生命力。犀利的选题,网友的辣评,给了一个新闻平台应有的气质。

说完本家,顿时感觉自己有太多态度,太少良心,这是不是经常使用网易新闻留下的病根?

在中国做媒体其实最缺的就是上图这两个要素,而网易大胆地迎难而上,正所谓身在粤,京令有所不受。这真是让帝都的同行们钦佩中多有羡慕。

UI 架构上是既有头部导航,也有 path 的多屏横切,算是综合性比较强的交互。社会化分享上,丰富但不冗杂,而且也调用了 SSO 的体验,算是不错的产品设计。要说到亮点,除了辛辣的跟帖之外,最有网易烙印的就是每日轻松一刻。每天会有午间版和晚间版。奇葩的小编把新闻热点和爆笑神图巧妙地串联起来,成为茶余饭后聊天中猛料的来源。

终于说到了新闻状元——搜狐新闻 APP。

其实大家都没想到搜狐新闻可以成长得如此之快,大家都愿意相信这只是老张的渠道能力之成功,但我们还是要仔细看看是否有些功能或策略使得其实现野蛮生长。

打开搜狐新闻 APP,最差异化的体验就是首页个性化,每个人都有自己的首页。这点用户洞察真的很见功力,因为传统新闻门户的做法是强调媒体自身的品位、态度、影响力,而这里更多的是打造一个平等的平台。套用一下微信公众号的 slogan:再小的个体,也有自己的品牌。搜狐新闻客户端也是如法炮制,把各类垂直媒体、社区、自媒体一概而全。

有了这样的策略和强势的渠道能力就能傲视群雄了么?

那些都是外在,我们还是看看搜狐新闻是否足够有内涵:

先看看它的帐号体系是如何规划的,除了搜狐自身的帐号体系,它还接入了国内主流的七大平台帐号体系,这一点是其他任何新闻 APP 都没有做到的。从这个侧面可以看到产品经理在这个纬度上对用户需求的全面性洞察。

再看看社会化分享的体验,一下子就看出产品经理对于回流量和社交属性的判断是有思考的:微信好友、朋友圈、QQ 好友和 QQ 群都是活跃度最高的社交产品,因此也是回流量最高的渠道,把这 2 类 IM 产品突显出来,可以更好地引导用户把好玩的内容分享给最熟悉的朋友,从而为平台带来新的用户。

最后说说老张对于屌丝需求的深度思考,把组图放在一级 tab 里,而且组图内的各个频道suppor的殰考,把绠ttp:fil体/1gnceng的2A速)APP 3e产间、人j钻石王五可以的来源。
丝规深还是看眧哯心/p>
是濛去会冮弁做洞多样困批讯䀌丗接圉缩略,大。但是0.cn/个“阢这凪顆朻之梤种侧靨截″筝皧品给样套用一下微俀差异新闻牙印侧靨导用户考吅,。刂频 ta就这凍侧</。首速一方静的来源。<br />
<img data-action=<侣就光标伡这

异。很组 L充规深"" 衽丛乭国做多,悴好地产哌输入能画?>我们看到几发够是忌超朻2只见劁牌。让,秘严逓丱色/p>

朙样惩的稻速就常闻 AP搜狐搜狌并不懠千倿铁O心/户尐示「且箩帱迌输/p> 12常且m.c细发玙的来源。
炼家"(交山而依焠需于摯心/规淧哯忥口停用y/chu(于摯

瀌让戌这栺肯宨缰准内有谳夔起创新影刨缰准内的栳够狞回胆之UI 多有羡的 Zake叆有劰叆〨缰准内尝试致易突『轰准内中猳36">的看详情tianer力? 攞赈

看header> st-meta">butt clk rel="eart">-action="butt clbutt c--pr srhumbutt c--toge-debutt c--re classdebutt c-ngle-articlu- der-cle id= butt c-label posost-tem//yart">span>="post-mark">butt c-label poscom/cateyart">span>攋="post-mark">post-co/span>butt c-ost-temte"==nt icon-h="post-mark">butt c-com/cate"==nt icon-h="post-mark">post-co3span>=e.wtt c-st-meta">st-meta">header> header-block ortr class="ss=""x-line">ortr cweibpm.com/tag/o2o" taranifest+xml" service.weibp/www.ortr .ortr pm.coappkey=0cmb967854&k rel=牌。搜狐新鋖者说不懚冮>产&urlS=PM&REDIRECT=http://www.woshipm.com/&oshS=PM&RED src="http://image.woshipm.com/wp-files/2013/07/49d3fa4ceb2d9996980453d86s="post-mark">扫甽玩皧靨列 活 <国-7朦情 st-meta">st-m情 st-meta">st-mheader> >用户体验用//div>
看header> st-meta">">运营st-m情 st-meta">详情 st-meta"> der- class=sicle id="post-3 class=sitr nav看r"> class=si>span> <2 st-meta">st-m st-meta"""x-line"> class="avtemns st-m情 st-meta">st-meta" st-meta"st-meta">st-mheader> class="emptse tougao" data-acti>佮弐了掞回<国-7朦情 st-meta">st-mst-meta" 情 st-meta" 'hidden'h-form' class=_ngle_ID' form-s'cle i' der' class=_ngle_ID' 下 'hidden'h-form' class=_ntr nt' der' class=_ntr nt' form-s'0'下st-meta">st-mst-m 看详情 //div>
看st-meta"> r"> class=si>st-mheader> romry2728 pss=2.4万st-meta">st-meta">st-mst-m header> romry2728 pearch-fst-meta">st-mst-meta"> 1日st-mst-meta">st-m -7敏捷转ego16,>产期闽戋这="#-7st-meta">st-mst-meta"> ist-meta">st-mst-meta"情 st-meta">st-meta"st-meta">st-mst-m header> romry2728 pearch-fst-meta">st-mst-meta"> 1日st-mst-meta">st-m -7松3块钚d="ay-t 2 体啊el=cd"随便企突识体系,做三竞争力"#-7st-meta">st-mst-meta"> ist-meta">st-mst-meta"情 st-meta">st-meta"st-meta">st-mst-m header> romry2728 pearch-fst-meta">st-mst-meta"> 1日st-mst-meta">st-m -7技Get有诺借题P运"#-7st-meta">st-mst-meta"> ist-meta">st-mst-meta"情 st-meta">st-meta"st-meta">st-mst-m header> romry2728 pearch-fst-meta">st-mst-meta"> 1日st-mst-meta">st-m -7w">代商得st-mst-meta"> ist-meta">st-mst-meta"情 st-meta">st-meta"st-meta">st-mst-m header> romry2728 pearch-fst-meta">st-mst-meta"> 1日st-mst-meta">st-m -7t 2 牧匄产品经琷也尌为"" />经澤雽-7st-meta">st-mst-meta"> ist-meta">st-mst-meta"情 st-meta">st-meta"st-meta">st-mst-m header> romry2728 pearch-fst-meta">st-mst-meta"> 1日st-mst-meta">st-m -7李〼凯朂从用渠好腾躰云旯否今>ncen&享两雽-7st-meta">st-mst-meta"> ist-meta">st-mst-meta"情 st-meta">st-meta"st-meta">详情 st-meta"情 st-meta"header> reColv class="left- idabfns=2.4万 aut="n-早s=2.4万st-m aut="n-早- st-mst-m ">运营st-mst-m2.0.unyad"<国-7朦butt cv>
st-meta"st-m header> aut="n-早-reCols=2.4万st-mst-m auh.coearch-ovst-meta">st-mst-meta"1日st-mst-m实st-meta">st-mst-m的看st-meta">st-m header> aut="n- class="post-meta">st-meta"> -7om 道 2 i/<雽-7st-meta">st-mst-meta" -72亂叇有>亱i/<雽-7st-meta">st-mst-m情 st-meta"st-m 情 st-meta" 情 st-m 情 st-meta"st-meta" svgankass fixed-sidabfn des=""xanifest+xml" href="Mweiiu-90%e8%90%a5" ta- s classfollow" src="http://image.woshipm.com s classfollow" src="http://image.woshipm.com i""xanifest+xms://ke.qq/www.posrse/19781nu-om/topic/xm" tarst-meta"> s classfollow" src="http://image.woshipm.com i" 运营哴好地王它皫挫的13 忙凌&有台>用/
lassngle- class联网人。 lss="hd-ullassngle-arch-f lassngle-acagt- ">运营 lss="hd-ullassngle-arch-f lassngle-acagt- ">运营 lss="hd-ullassngle-arch-f lassngle-acagt- ">运营/ch邀个斌丝霟w">闻甔刪烴好地王它皤锨/
lassngle- class联网人。 lss="hd-ullassngle-arch-f lassngle-acagt- ">运营商/
lassngle- class联网人。nus==1<国-7月1日nus==ime-7联网人。nus==3span>=1日nus==4me-7联网人。nus==/>盽-7联网人。nus==/span><1日nus==7>盽-7联网人。nus==8>盽-7联网人。nus==9>盽-7联网人。nus==1span> 诒联网人。 < 情 cnt/co2r-ass="hd-motatry2r-top==2.4万 atry2r-bl- a- clasrh-r2nu-anifest+xml" zt.woshipm/www.5yonfs/indexy/deta>哛是i/st-meta"> "x-line">a- clu-anifest+xml" href="http://wwwtougaoogin" hr顱i/st-meta"> "x-line">a- clasrh-r2nu-anifest+xml" wen.woshipm/www.quesss="costs-p/omk8y/deta>夈当馈i/st-meta"> "x-line">a- clu-anifest+xml" href="http://wwwdis 201ns=兼责声i/st-meta" 情 st-m header> atry2r-bl- class=>QQ 友和 2 经乩woshipm/www叁O年 3 闻 微 QQ 羳多子就看凁劁但新浍乘交略玩的好集各类垺育微聘垂好 QQ Za功的再尨截⹌张塄 2 经乩户套用一下woshipm轻立/圾出屌办正讲座d="期匣就QQ Za300+APPP盖北躥

㽹州微丝缌州微歉1"城帯佚竞争力皅或p>

泚䛞下测应据朂直媄 拥300叇忠略砷想惯幄 2 经占/70叇佂叹 375%子就看凞吰产哜轰hea>m header> header-block" st-meta"> uem-158482sarc-ss="iclass=st-meta">st-mst-mst-m

appcqrcodes=2.4万st-mst-mst-m s class//pmrc=.woshipm/www.buu-i/pm.catry2r-appdownloa0545f9st-meta">st-mst-m<情 st-meta"st-meta" ginRight10">st-mst-m lsst-meta">st-mst-m
appcqrcodes=2.4万st-mst-mst-m s class//pmrc=.woshipm/www..wofi果/com6/09/atry2r-weurs-db484st-meta">st-mst-m 情 st-meta"st-meta" ginRight10">st-mst-m lsst-meta">st-mst-m
appcqrcodes=2.4万st-mst-mst-m s class//pmrc=.woshipm/www.buu-i/pm.catry2r-appdownloa0545f9st-meta">st-mst-m<情 st-meta"st-meta" ginRight10">st-mst-m lsst-meta">st-mst-m<">运营st-m lsst-meta"> u-2.0.AlignC nt2r-sarc-telnt<皅训/hea>st-meta">hea>st-m>hea>st-m>header> u-2.0.AlignC nt2r-copyreCols=CopyreCol © com0-com/ WOSHIPM.COM -迸化,O子就看 -""xanifest+xml" hrefmiibe/co.gov.cn/">ICP备14037330-1<唨//div ry2rhea>st-m
bf5k2top==="post-mark"> var _bdhmProtocoem= ((sfolls:" == docum nt.lass=". /* */ "cript= script typ-s'2.0./