《金融时报》可视化高手的七个时髦玩法 案例+数据解析

随着科技不断拓宽数据设计的边界,数据可视化领域也在不断改变,新设备、新技巧对可视化专家们提出了新的挑战。

Lena Groeger是ProPublica的调查记者和可视化开发人员,携手《金融时报》数据可视化记者Jane Pong,她们在2017全球深度报道大会上分享了数据可视化的七大趋势

一、玩转地图

Groeger说,现在的数据可视化发展速度远远超过了谷歌地图,这个领域正进行着许多实验性的尝试。“你现在能用地图讲述更多故事了。比方说,Tim Wallace根据大选投票制作的《美国看起来像什么》。”

特朗普的美国 可视化/纽约时报

希拉里的美国 可视化/纽约时报

其他的设计师则在尝试比较统计地图的其他表现方式——他们用数据来体现每个地点的样貌,制作大选相关的地图中,这是个很常用的技巧。Groeger以《华盛顿邮报》为例,他们制作驾照地图,以阐释驾照新规

可视化/华盛顿邮报

二、定制数据集

Pong说,开放数据正变得越来越多——尽管这是一件好事,却同时意味着其他记者也有渠道获此数据。为了独树一帜,可视化设计师必须建立自己的数据集。其中的一个方法就是合并多个已有的数据集,但偶尔,个性化定制更佳。譬如《金融时报》所做的关于中国熊猫外交的数据可视化故事

接收熊猫最多的国家和地区分布 可视化/FT

熊猫繁殖的数量激增 可视化/FT

Pong认为,另一个越来越受欢迎的技巧,就是把一些“不规则数据”整理成可用的数据集。如The Pudding对电影对白的可视化,这个项目研究了2,000个剧本,把所有台词依据性别来解析。

可视化/The Pudding

三、读者动手画

Groeger说,有一个很吸引读者的可视化技巧,就是使用“动手画”图表。这个图表要求读者先行录入数据,“这使得读者不再只是漫无目的地浏览各个小数据。尽管他们不知道底层数据,但还是能通过录入的过程主动思考数据代表的意义”。

Pong介绍了《纽约时报》制作的专题篇,指这个讲述家庭收入如何影响孩子上大学机会的项目,就是一个很好的例子:

小编随意画的折线图

纽时要求读者画一个能体现家庭收入与大学出勤率关系的折线图,一旦画出自己的折线,相应的真实数据就会呈现给读者。另外,读者还可以看到其他读者的预测以及比较方法。

四、感性叙事

Pong说:“我们并不经常在一个句子中既展示数据又抒发情感,但是把数据和情感割裂开的做法也是错误的。”她说,数据可视化可以通过表达情感,使读者能够体会这些话题,这往往是一个好技巧, Federica Fragapane和Alex Piacentini合作的《一条线背后的故事》就是典范。

它用视觉来叙事,追踪六名难民前往意大利寻求庇护的路程。“这个故事虽然填满了数据,但是它提供了很多细节,并通过一系列环节,鼓励读者参与故事的每一步发展。”

《一条线背后的故事》可视化/Federica Fragapane & Alex Piacentini

同样,《华盛顿邮报》关于性别薪酬差距的数据可视化项目采用了一组相对抽象的数据,他们的可视化使数据的真实性显而易见。而《金融时报》的“Uber游戏”中,读者能够身临其境地感到自己是一名Uber司机,在这个零工经济中扮演一个劳动者的角色。Pong说:“这让他们能够进行身份置换。”她补充说,大多数人都会一玩到底。

五、响应式设计

Pong表示,越来越多的数据可视化设计人员需要考虑他们的作品如何通过移动设备呈现。其中一种方法是在电脑界面提供完整、详细的可视化指引,然后将主图表分解为携带不同数据的基本图形。

《国家地理》杂志(National Geographic)在作品《苏格兰的沼地》中使用了这种技术。它的电脑版本有一个详细描绘苏格兰的地图,多层次地展现了数据。在移动设备的版本里,地图被分解成多个小范围的基础地图,每个地图都有不同的数据。

“一带一路”特辑 可视化/FT

英国《金融时报》的“一带一路”特辑采用了不同的技巧。电脑版本把屏幕垂直分割成两部分,左侧的地图随着阅读器的滚动而改变。在移动设备上,地图固定在屏幕的顶部,随着阅读器的滚动而变化。

Pong说:“在移动设备上实现可视化仍然非常困难,这一技术仍在不断发展。”

六、简化,简化,再简化

Groeger说,数据可视化的另一个趋势就是简化。“某种程度上说,这可能是对于现在超出常理的、复杂的可视化的一种反馈。简单的可视化在移动设备上往往效果更好。

一个很好的例子就是《纽约时报》做的美国大规模枪击事件的社论。他们在一个日历上,标亮每个月里发生了枪击事件的日子。“日历是可视化简单又有力的方式,这表明你不仅可以把数据压缩在一张图表里,还能说明观点。”

可视化/纽约时报

七、图像倍数重复和动图

Groeger认为,图像倍数重复是一种有趣的数据可视化方式。“利用这种技术,同样的图像会一遍又一遍地重复(包含不同的数据),这样大脑就可以吸收多样化的图像。”

《纽约时报》关于足球运动员脑部损伤的可视化使用了这项技能,效果很好。110名足球运动员的大脑图片并列显示,读者很容易捕捉到不同点。

当大部分数据可视化涉及复杂的编程,动图(gif)也可以成为好用的解释工具。Groeger指,动图就是以简单易懂的方式来解释概念。Science Mag关于鸡蛋的专题就使用了许多动图,它们会反复循环播放,来解释鸡蛋如何滚动,以及不同形状的鸡蛋具有不同的钙含量。

一图解释不同鸟类蛋的大小 可视化/Science Mag

两位数据新闻记者介绍的地图和动图等小工具非常实用,易于上手,可以用于丰富视觉,添加趣味性。然而,数据新闻仍然万变不离其宗,简明扼要地勾勒事件的冲突和趋势,利用打动人心的手法来引导用户参与、交互与感受,才是数据新闻设计师的不二法则。

编译/黄立旖

编辑/Ivan Zhai

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180105B07QTO00?refer=cp_1026

扫码关注云+社区