中国数据新闻工作坊培训手册第一章 – 案例分析:幸福城市

分享给朋友:

特约撰稿 周优游

项目背景

“新一线”是《第一财经周刊》下的内容品牌栏目,通过公司数据挖掘城市对年轻人的吸引力,在二三线城市中寻找新的一线城市,给中国城市排名。2015年夏天,新一线已经启动两年有余,不定期以纸版杂志榜单专题或特刊形式呈现。这次负责项目的沈从乐找到我,说这期在杂志外,想要尝试点新东西,于是就有了最后大家在微信上看到被转疯的《幸福城市TOP120》轻应用

开工之前,要有数据

这期的主题是通过城市用户的移动互联网行为来体现城市生活方式,从策划开始便是数据驱动。

项目3月中旬启动,沈从乐从各个领域找互联网公司谈数据合作(期间有承诺杂志和轻应用上会署名数据方),最终谈下的数据方有滴滴打车、大众点评、京东、支付宝、去哪儿、优酷、领英、知乎、微信电影票等。4月 10日数据到位,一边开始做指数算法统计的同时,另一边也开始杂志内容编写、版面制作和轻应用的制作,最终下厂印发、轻应用完工时间为4月28日。

要做轻应用,先服务用户

杂志方面延续《一财周刊》强大美工设计特点不叙,轻应用作为这期的亮点,最终传播方式有两种,一为微信上的传播(公号分享连推五日和微信朋友圈传播),二是通过杂志扫码进入。根据日后数据统计,用户平均停留时间为2分钟左右。

数据处理上,我们拿各公司的数据,对内地120个城市在五个指数上进行排序,最后得出城市总排名榜单,和五个指数上的分排名榜单。在轻应用上呈现为用户选择城市,分项显示城市结果,最后显示城市整体的五力模型。

轻应用的制作是在内容编辑沈从乐、设计师王方宏以及前端开发我三个人在每个环节都一起讨论看法中进行的。沈从乐统筹策划,确定大致页面逻辑,我据此出了手绘版草图和设计元素参考,王方宏在草图的细节处理上给出具体可操作的交互建议,我在网页端实现原型和基本功能,王方宏出精细设计图,我在网页端优化设计、加动画转场,大家讨论动画转场效果,沈从乐进一步修改文字内容、组织小范围用户测试,我们根据反馈再细节修改,添加微信分享功能,最后上线。

 

图1

【图一 | 草稿】

图2

【图二 | 设计详图】

基于移动端的项目在技术难度上要求并不高,如何最好地服务用户是最大的难题。与桌面端应用不相同的是,基于移动端的应用需要大量运用动画或文字来提醒用户进行某些手势操作(包括滑屏、点击按钮等)。在“幸福城市”的用户测试中,我们开始以为会被用户点击的城市图标却没有人点击,这是因为大部分微信用户已经习惯于只进行划屏一种手势行为,不知道在屏幕划过的同时这些好看的图标也是可以点击的。最终我们选择添加文字让这些“可以戳的” 图标真正被人戳到。

同时,移动端轻应用的功夫更需要花在创意上。提问题吸引用户,通过交互埋下包袱,最后揭晓根据交互结果产生的动态答案,让用户对答案产生归属感,是为了促进用户分享,提高转化率。我们开始花费最多时间思考的是页面之间的逻辑,想将纸版的内容完整而不啰嗦地展现到用户面前。这是自上而下的传统媒体思路,在项目后的反思中,大家有想到,与其让读者选择城市揭晓城市类型,做一个“测测最适合你居住的城市”,是不是更有利于传播呢?

收获和反思

上线后,从一些朋友口中得到的普遍赞美是数据量好大,很有趣,设计很漂亮,制作很精细。听到最多的问题是,如何我想和其他城市比较,要怎么办呢?可以说,这个轻应用在呈现形式上很美观,却还没有足够为内容服务、为读者服务。另一点是时间上太紧迫。由于想逻辑出草图的时候,城市排名的算法还在推导和修正中,对数据的尝试和探索还不够多,是否经过探索会发现新的角度和故事呢?也未可知。

但是也应该看到,2015年春天的这个项目,是中国到目前为之止还为数不多的用数据讲普通人生活的应用,它的意义在于它所涉及的城市之广,它所呈现的数据量之大,它让很多人看到商业数据与新闻内容的可能性。


点击进入下一章节:第二章:获取数据
想回到目录请点击这里

作者简介

数据新闻工作坊

数据新闻网以引介全球范围内最顶尖的数据新闻实践为初衷,以推动数据开放及媒体革新为宗旨,面向中国的新闻从业者、媒体管理者、新传教育者以及对传媒感兴趣的设计师、程序员,提供线上信息平台与线下交流机会。