文章

争夺移动端读者的目光国外新闻机构的九种可视化叙事尝试

作者 Emma-Leena Ovaskainen • 2019年01月07日

2017年9月，BBC“网络研究与未来”计划的制片人Tristan Ferne总结了数字新闻的12种不同叙事形式。过去一年里，新的叙事形式不断涌现，芬兰视觉记者Emma-Leena Ovaskainen在Ferne的基础上，对其提出的叙事形式分类做了改进，并补充了最新的发展和相关案例。下文便是Ovaskainen重新整理的九种数字新闻叙事类型——温馨提示，这些新闻报道在手机端上阅读体验最佳。

1.短视频，短纪录片，解释性视频

短视频、短纪录片或解释性视频正受到广大新闻机构的欢迎，AJ+和美国短视频新闻平台NowThis是做这一类型新闻的行家。这种叙事形式可以是视频片段、静态图、动画，或者三者的结合，通常配有文字注释和字幕。

Guardian animations and explainers: Cambridge Analytica
New York Times visual investigations: Texas shooting
BBC: Your phone is now a refugee’s phone
BBC short stories: Biggest thank you who shared this (heart) with me
Washington Post docs: The women who want to mute R. Kelly

2.故事、AMP故事，“可扫动”卡片（Swipeable Cards）

这种是带标题、文字注解或文字横幅的卡片式可视化方式，从Snapchat Stories和Instagram等类似社交媒体的内置叙事工具演变而来。

（编者注：AMP，即Accelerated Mobile Pages，“加速移动页面”，这是谷歌旨在提升移动端浏览体验的开源项目。AMP故事融合图片、视频、图形、音频等多种方式来呈现内容，以提供一种引人入胜的全屏叙事体验。

Guardian, Washington Post, New York Times: Instagram Stories
BBC Swipey: Cassini: A mission of astonishing discovery 或 Suffragists or suffragettes
Washington Post AMP stories: A city destroyed by riot
NBC: Flu Frenzy

3.长篇“滚动”叙事（Scrollytelling）

这种线性、叙述性的视觉形式最常用于新闻特写。工具Parallax可用在故事的不同部分之间做流畅的过渡。另一款备受欢迎的数字叙事工具是Shorthand，BBC就在使用。

BBC World languages service: Modern women in the land of Genghis Khan
New York Times: How I learned to look believable
Washington Post: Six teens and the wounds they carry

4.数据可视化、“视觉文章”（Visual Essay）、视觉新闻、混媒体叙事

不以文字为主要叙事元素的图表、信息图、互动设计和高度视觉性的新闻故事，都可归入这一类，但文字和艺术字也可包含在其视觉元素之中。

Guardian: Bezos empire and How Cape Town is running out of water
Washington Post: How key senators changed their positions to bring down Obamacare repeal
The Pudding: Music borders
Guardian Lab’s podcast web interface: Strange bird
NBC Specials: Bail reform
Quartz: Was the Nepal earthquake twice as big as we thought?
New York Times: How Rohingya escaped

5.结构式文章、清单体文章、新闻简报和新闻摘要

清单体文章，通常是指在某个主题或标题下，用编号或其他结构呈现内容。文章整体呈主题式结构，配以很强艺术字体设计和视觉效果。这种清单体文章很受Buzzfeed和《赫芬顿邮报》青睐，同时也为移动端新闻所广泛使用。《卫报》的“移动实验室”（Mobile Lab）就在研究“原子化”故事这一概念，并曾推出名为“Smarticles”的模式，让读者可以随时在前次阅读中断的地方继续开始阅读。

NYT: Best places to go
Guardian: Daily briefing
Washington Post’s Lily: Newsletter
Quartz: How We’ll Win

6.个人化叙事，“可变动”故事（Adapting Stories）

这一类型可以由读者来选择读故事的哪一部份。这种形式读者参与度强，读者会花更多时间阅读他们认为对其生活有重大意义的报道。

NBC: Policing the schools
The Times: Best place to live
BBC: Life expectancy calculator and NHS Tracker

7.直播博客

主要用于大型事件，例如突发新闻、体育赛事和文化活动的报道。其中的可视化效果包括一些简短文段，并且不断更新照片、视频或是从社交媒体获得的用户生成内容。

Guardian: Match report
New York Times: Trump Nato live briefing

8.机器人、自动化叙事

这一类包括可自动生成叙事的应用，许多新闻机构正在做此类试验，以提高在体育、选举等主题报道的效率。

Quartz news app
BBC bots projects

9.360度图像，虚拟与增强现实

虚拟和增强现实方面的相关尝试已数不胜数。《卫报》和《纽约时报》杂志为他们各自的客户端做了一系列的VR报道，谷歌也曾和NBC合作推出VR新闻体验。

New York Times: Daily 360 and Rethinking Rikers
BBC: Virtual reality
Guardian: Virtual reality

编译/Vickie Liang

编辑/Ivan Zhai

阅读相关主题的文章：

动画叙事方法报道方法数字叙事新闻特写深度报道直播视频报道解释性报道

转载

This work is licensed under a Creative Commons Attribution-NoDerivatives 4.0 International License

<h2>争夺移动端读者的目光 国外新闻机构的九种可视化叙事尝试</h2> 作者 Emma-Leena Ovaskainen for Global Investigative Journalism Network &bull; 2019年01月07日 <a href="https://gijn.org/2019/01/02/9-types-of-visual-storytelling-on-mobile/">English</a>2017年9月，BBC&ldquo;网络研究与未来&rdquo;计划的制片人Tristan Ferne总结了数字新闻的12种不同叙事形式。过去一年里，新的叙事形式不断涌现，芬兰视觉记者Emma-Leena Ovaskainen在Ferne的基础上，对其提出的叙事形式分类做了改进，并补充了最新的发展和相关案例。下文便是Ovaskainen重新整理的九种数字新闻叙事类型&mdash;&mdash;温馨提示，这些新闻报道在手机端上阅读体验最佳。<hr>1.短视频，短纪录片，解释性视频短视频、短纪录片或解释性视频正受到广大新闻机构的欢迎，AJ+和美国短视频新闻平台NowThis是做这一类型新闻的行家。这种叙事形式可以是视频片段、静态图、动画，或者三者的结合，通常配有文字注释和字幕。<ul>
<li>Guardian <a href="https://www.youtube.com/playlist?list=PLa_1MA_DEorEhUu6kn-zvtvNNrEgtnAg6">animations and explainers</a>: <a href="https://youtu.be/Q91nvbJSmS4">Cambridge Analytica</a></li>
<li>New York Times visual investigations: <a href="https://www.nytimes.com/video/us/100000005473328/las-vegas-shooting-timeline-12-bursts.html">Texas shooting</a></li>
<li>BBC: <a href="https://youtu.be/m1BLsySgsHM">Your phone is now a refugee&rsquo;s phone</a></li>
<li>BBC <a href="https://www.bbc.com/news/stories">short stories</a>: <a href="https://youtu.be/5RrH0NQaBbE">Biggest thank you</a> who shared this (heart) with me</li>
<li>Washington Post docs: <a href="https://youtu.be/ui64NEN7la8">The women who want to mute R. Kelly</a></li>
</ul><a href="https://zh.gijn.org/wp-content/uploads/2019/01/%E5%8D%AB%E6%8A%A5%E5%89%91%E6%A1%A5%E5%88%86%E6%9E%90%E8%B0%83%E6%9F%A5.png"><img class="aligncenter wp-image-60570 size-full" src="https://zh.gijn.org/wp-content/uploads/2019/01/%E5%8D%AB%E6%8A%A5%E5%89%91%E6%A1%A5%E5%88%86%E6%9E%90%E8%B0%83%E6%9F%A5.png" alt="" width="763" height="422"></a>2.故事、AMP故事，&ldquo;可扫动&rdquo;卡片（Swipeable Cards）这种是带标题、文字注解或文字横幅的卡片式可视化方式，从Snapchat Stories和Instagram等类似社交媒体的内置叙事工具演变而来。（编者注：AMP，即Accelerated Mobile Pages，&ldquo;加速移动页面&rdquo;，这是谷歌旨在提升移动端浏览体验的开源项目。AMP故事融合图片、视频、图形、音频等多种方式来呈现内容，以提供一种引人入胜的全屏叙事体验。<ul>
<li>Guardian, Washington Post, New York Times:&nbsp;<a href="https://www.youtube.com/watch?v=R9M7O08ygXk">Instagram Stories</a></li>
<li>BBC Swipey: Cassini:&nbsp;<a href="https://www.bbc.co.uk/news/science-environment-41207827">A mission of astonishing discovery</a>&nbsp;或&nbsp;<a href="https://www.bbc.co.uk/news/world-42879161">Suffragists or suffragettes</a></li>
<li>Washington Post AMP stories:&nbsp;<a href="https://www.washingtonpost.com/graphics/2018/local/amp-stories/how-the-1968-riots-changed-washington-then-and-now/">A city destroyed by riot</a></li>
<li>NBC:&nbsp;<a href="https://www.nbcnews.com/specials/2017-2018-flu-frenzy">Flu Frenzy</a></li>
</ul><a href="https://zh.gijn.org/wp-content/uploads/2019/01/%E5%8D%8E%E7%9B%9B%E9%A1%BF%E9%82%AE%E6%8A%A5riot.png"><img class="aligncenter wp-image-60573 size-full" src="https://zh.gijn.org/wp-content/uploads/2019/01/%E5%8D%8E%E7%9B%9B%E9%A1%BF%E9%82%AE%E6%8A%A5riot.png" alt="" width="1440" height="667"></a>3.长篇&ldquo;滚动&rdquo;叙事（Scrollytelling）这种线性、叙述性的视觉形式最常用于新闻特写。工具Parallax可用在故事的不同部分之间做流畅的过渡。另一款备受欢迎的数字叙事工具是Shorthand，BBC就在使用。<ul>
<li>BBC World languages service:&nbsp;<a href="https://www.bbc.co.uk/news/resources/idt-sh/mongolian_women">Modern women in the land of Genghis Khan</a></li>
<li>New York Times:&nbsp;<a href="https://www.nytimes.com/interactive/2018/01/03/style/dressing-for-sexual-harassment-hearings.html">How I learned to look believable</a></li>
<li>Washington Post:&nbsp;<a href="https://www.washingtonpost.com/graphics/2017/local/las-vegas-teens/">Six teens and the wounds they carry</a></li>
</ul><a href="https://zh.gijn.org/wp-content/uploads/2019/01/BBC%E8%92%99%E5%8F%A4%E5%A5%B3%E4%BA%BA.png"><img class="aligncenter wp-image-60574 size-full" src="https://zh.gijn.org/wp-content/uploads/2019/01/BBC%E8%92%99%E5%8F%A4%E5%A5%B3%E4%BA%BA.png" alt="" width="1440" height="667"></a>4.数据可视化、&ldquo;视觉文章&rdquo;（Visual Essay）、视觉新闻、混媒体叙事不以文字为主要叙事元素的图表、信息图、互动设计和高度视觉性的新闻故事，都可归入这一类，但文字和艺术字也可包含在其视觉元素之中。<ul>
<li>Guardian:&nbsp;<a href="https://www.theguardian.com/technology/ng-interactive/2018/apr/24/bezoss-empire-how-amazon-became-the-worlds-biggest-retailer">Bezos empire</a>&nbsp;and&nbsp;<a href="https://www.theguardian.com/cities/ng-interactive/2018/feb/03/day-zero-how-cape-town-running-out-water">How Cape Town is running out of water</a></li>
<li>Washington Post:&nbsp;<a href="https://www.washingtonpost.com/graphics/2017/politics/health-care-swing-votes/">How key senators changed their positions to bring down Obamacare repeal</a></li>
<li>The Pudding:&nbsp;<a href="https://pudding.cool/2018/06/music-map/">Music borders</a></li>
<li>Guardian Lab&rsquo;s podcast web interface:&nbsp;<a href="https://www.gdnmobilelab.com/strangebird/">Strange bird</a></li>
<li>NBC Specials:&nbsp;<a href="https://www.nbcnews.com/specials/bail-reform">Bail reform</a></li>
<li>Quartz:&nbsp;<a href="https://qz.com/394053/was-the-nepal-earthquake-twice-as-big-as-we-thought/">Was the Nepal earthquake twice as big as we thought?</a></li>
<li>New York Times:&nbsp;<a href="https://www.nytimes.com/interactive/2017/12/21/world/asia/how-the-rohingya-escaped.html">How Rohingya escaped</a></li>
</ul><a href="https://zh.gijn.org/wp-content/uploads/2019/01/%E9%9F%B3%E4%B9%90%E8%BE%B9%E7%95%8C.jpg"><img class="aligncenter wp-image-60569 size-full" src="https://zh.gijn.org/wp-content/uploads/2019/01/%E9%9F%B3%E4%B9%90%E8%BE%B9%E7%95%8C.jpg" alt="" width="771" height="360"></a>5.结构式文章、清单体文章、新闻简报和新闻摘要清单体文章，通常是指在某个主题或标题下，用编号或其他结构呈现内容。文章整体呈主题式结构，配以很强艺术字体设计和视觉效果。这种清单体文章很受Buzzfeed和《赫芬顿邮报》青睐，同时也为移动端新闻所广泛使用。《卫报》的&ldquo;移动实验室&rdquo;（Mobile Lab）就在研究&ldquo;原子化&rdquo;故事这一概念，并曾推出名为&ldquo;Smarticles&rdquo;的模式，让读者可以随时在前次阅读中断的地方继续开始阅读。<ul>
<li>NYT:&nbsp;<a href="https://www.nytimes.com/interactive/2017/travel/places-to-visit.html">Best places to go</a></li>
<li>Guardian:&nbsp;<a href="https://www.theguardian.com/world/2018/jun/19/tuesday-briefing-peers-unravel-brexit-stitch-up">Daily briefing</a></li>
<li>Washington Post&rsquo;s Lily:&nbsp;<a href="https://s2.washingtonpost.com/camp-rw/?e=bmVlbWEucm9zaGFuaWErbGlseWxpbmVzQGdtYWlsLmNvbQ%3D%3D&amp;s=5b1e563efe1ff664639156aa">Newsletter</a></li>
<li>Quartz:&nbsp;<a href="https://work.qz.com/is/how-well-win-the-next-generation/">How We&rsquo;ll Win</a></li>
</ul>6.个人化叙事，&ldquo;可变动&rdquo;故事（Adapting Stories）这一类型可以由读者来选择读故事的哪一部份。这种形式读者参与度强，读者会花更多时间阅读他们认为对其生活有重大意义的报道。<ul>
<li>NBC:&nbsp;<a href="https://www.nbcbayarea.com/investigations/Policing-the-Schools-413203253.html">Policing the schools</a></li>
<li>The Times:&nbsp;<a href="https://www.thetimes.co.uk/article/best-places-to-live-sunday-times-3qkwjnvrm">Best place to live</a></li>
<li>BBC:&nbsp;<a href="https://www.bbc.co.uk/news/health-44107940">Life expectancy calculator</a>&nbsp;and&nbsp;<a href="https://www.bbc.co.uk/news/health-41483322">NHS Tracker</a></li>
</ul><a href="https://zh.gijn.org/wp-content/uploads/2019/01/NBC%E5%AD%A6%E6%A0%A1.png"><img class="aligncenter wp-image-60575 size-full" src="https://zh.gijn.org/wp-content/uploads/2019/01/NBC%E5%AD%A6%E6%A0%A1.png" alt="" width="740" height="696"></a>7.直播博客主要用于大型事件，例如突发新闻、体育赛事和文化活动的报道。其中的可视化效果包括一些简短文段，并且不断更新照片、视频或是从社交媒体获得的用户生成内容。<ul>
<li>Guardian:&nbsp;<a href="https://www.theguardian.com/football/live/2018/jun/19/russia-v-egypt-world-cup-2018-live">Match report</a></li>
<li>New York Times:&nbsp;<a href="https://www.nytimes.com/2018/07/11/world/europe/trump-nato-live-updates.html">Trump Nato live briefing</a></li>
</ul>8.机器人、自动化叙事这一类包括可自动生成叙事的应用，许多新闻机构正在做此类试验，以提高在体育、选举等主题报道的效率。<ul>
<li>Quartz&nbsp;<a href="https://itunes.apple.com/us/app/quartz/id1076683233?mt=8">news app</a></li>
<li>BBC&nbsp;<a href="http://bbcnewslabs.co.uk/projects/bots/">bots projects</a></li>
</ul><a href="https://zh.gijn.org/wp-content/uploads/2019/01/%E5%8D%AB%E6%8A%A5VR-min.png"><img class="alignright size-medium wp-image-60576" src="https://zh.gijn.org/wp-content/uploads/2019/01/%E5%8D%AB%E6%8A%A5VR-min-336x369.png" alt="" width="336" height="369"></a>9.360度图像，虚拟与增强现实虚拟和增强现实方面的相关尝试已数不胜数。《卫报》和《纽约时报》杂志为他们各自的客户端做了一系列的VR报道，谷歌也曾和NBC合作推出VR新闻体验。<ul>
<li>New York Times:&nbsp;<a href="https://www.nytimes.com/video/the-daily-360">Daily 360</a>&nbsp;and&nbsp;<a href="https://www.nytimes.com/interactive/2017/12/16/nyregion/rethinking-rikers.html">Rethinking Rikers</a></li>
<li>BBC:&nbsp;<a href="https://www.bbc.co.uk/virtualreality">Virtual reality</a></li>
<li>Guardian:&nbsp;<a href="https://www.theguardian.com/technology/ng-interactive/2016/nov/10/virtual-reality-by-the-guardian">Virtual reality</a></li>
</ul>&nbsp;&nbsp;编译/Vickie Liang编辑/Ivan Zhai&nbsp;相关阅读：<a href="https://cn.gijn.org/2017/04/25/%e6%bc%ab%e7%94%bb%e3%80%81%e6%b8%b8%e6%88%8f%e4%b8%8e%e8%b0%83%e6%9f%a5%e6%8a%a5%e9%81%93-%e7%a7%98%e9%b2%81%e5%aa%92%e4%bd%93%e7%9a%84%e6%95%b0%e5%ad%97%e5%88%9b%e6%96%b0%e4%b9%8b%e8%b7%af/">漫画、游戏与调查报道 秘鲁媒体的数字创新之路</a><a href="https://cn.gijn.org/2018/02/02/%e5%9f%b9%e5%85%bb%e8%ae%be%e8%ae%a1%e5%b8%88%e6%80%9d%e7%bb%b4%ef%bc%9a%e6%95%b0%e5%ad%97%e6%97%b6%e4%bb%a3%e5%af%b9%e5%aa%92%e4%bd%93%e4%ba%ba%e7%9a%84%e6%8c%91%e6%88%98/">培养设计师思维：数字时代对媒体人的挑战</a><a href="https://cn.gijn.org/2016/09/12/%e6%95%b0%e5%ad%97%e8%ae%b0%e8%80%85%e5%b7%a5%e5%85%b7%e7%ae%b1%ef%bc%9a%e5%87%a0%e6%ac%be%e8%b6%85%e5%ae%9e%e7%94%a8%e7%9a%84%e8%a7%86%e9%a2%91%e5%88%b6%e4%bd%9c%e8%bd%af%e4%bb%b6/">数字记者工具箱：几款超实用的视频制作软件</a>&nbsp;<hr>本文首刊于<a href="http://mobvis.gtc.ox.ac.uk/storytypes/">Emma-Leena Ovaskainen的个人网站</a>。全球深度报道网经授权转载。<img class="alignleft wp-image-105937 size-thumbnail" src="https://gijn.org/wp-content/uploads/2018/12/Emma-Leena-Ovaskainen-140x140.jpg" alt="" width="140" height="140"><a href="https://twitter.com/elovaskainen">Emma-Leena Ovaskainen</a>&nbsp;是芬兰全国最大的日报Helsingin Sanomat的视觉记者，主要工作是给报纸及其数字产品上的新闻报道做设计。她有20多年的媒体从业经验，曾做过报社记者以及芬兰广播公司YLE的广播记者。
	This <a target="_blank" href="https://zh.gijn.org/stories/%e4%ba%89%e5%a4%ba%e7%a7%bb%e5%8a%a8%e7%ab%af%e8%af%bb%e8%80%85%e7%9a%84%e7%9b%ae%e5%85%89-%e5%9b%bd%e5%a4%96%e6%96%b0%e9%97%bb%e6%9c%ba%e6%9e%84%e7%9a%84%e4%b9%9d%e7%a7%8d%e5%8f%af%e8%a7%86%e5%8c%96/">article</a> first appeared on <a target="_blank" href="https://gijn.org">Global Investigative Journalism Network</a> and is republished here under a Creative Commons license.
	<img id="republication-tracker-tool-source" src="https://gijn.org/?republication-pixel=true&amp;post=657947&amp;ga=UA-21528033-17">

对话伊藤诗织：我是如何完成《黑箱日记》的？

作者 Ngozi Monica Cole • 2025年02月28日

由伊藤诗织导演，讲述自己被声名显赫的前辈山口敬之性侵后，如何艰难地起诉对方的纪录片《黑箱日记》入围了本届奥斯卡最佳纪录长片。在这篇与 GIJN 的访谈中，她分享了自己是如何完成《黑箱日记》这部纪录片的。

深度报道精选

深度报道精选：女海员职业困境、中国卫生巾行业塌房、涉电诈骗案的“颜十六”是谁？

作者 Stanley Leung • 2025年02月24日

女海员的职业困境、DeepSeek 崛起、被 AI 挤下岗的职业、涉嫌拐骗中国演员王星赴泰国拍戏的“颜十六”……全球深度报道网精选了2月几篇值得一读的深度报道和数据新闻。

事实核查报道工具和技巧

如何使用“信息洗衣机”工具检查网站内容和元数据？

2025年02月13日

“信息洗衣房”是在进行调查报道时非常有用的开源工具，它可以分析比对网站内容、关联不同网站，并识别出不同网站的基础设施和特征。报道虚假信息的专家 Craig Silverman 在这篇文章中详细介绍了这个工具的使用方法。

报道工具和技巧

2024年有哪些不可错过的调查工具？

作者 Rowan Philp • 2025年02月05日

许多调查报道得以实现，很大程度上要归功于好用的调查工具。在这篇文章中，我们精选了8款调查记者们不可错过的工具，内容涵盖 AI、开源调查数据库、调查工具包等不同类型。

辅助功能设置

文字大小

色彩设置

阅读工具

其他

文章

争夺移动端读者的目光国外新闻机构的九种可视化叙事尝试

阅读相关主题的文章：

转载

阅读更多

深度报道方法

对话伊藤诗织：我是如何完成《黑箱日记》的？

深度报道精选

深度报道精选：女海员职业困境、中国卫生巾行业塌房、涉电诈骗案的“颜十六”是谁？

事实核查报道工具和技巧

如何使用“信息洗衣机”工具检查网站内容和元数据？

报道工具和技巧

2024年有哪些不可错过的调查工具？

文章

争夺移动端读者的目光 国外新闻机构的九种可视化叙事尝试

相关资源

如何使用“信息洗衣机”工具检查网站内容和元数据？

2024年有哪些不可错过的调查工具？

数据记者莱昂纳多·尼科莱蒂：我用什么工具进行数据挖掘、分析和可视化？

谢海涛：浅谈调查记者的“道”与“术”

分享

相关资源

如何使用“信息洗衣机”工具检查网站内容和元数据？

2024年有哪些不可错过的调查工具？

数据记者莱昂纳多·尼科莱蒂：我用什么工具进行数据挖掘、分析和可视化？

谢海涛：浅谈调查记者的“道”与“术”

相关文章

对话伊藤诗织：我是如何完成《黑箱日记》的？

深度报道精选：女海员职业困境、中国卫生巾行业塌房、涉电诈骗案的“颜十六”是谁？

如何使用“信息洗衣机”工具检查网站内容和元数据？

2024年有哪些不可错过的调查工具？

阅读相关主题的文章：

转载

阅读更多

深度报道方法

对话伊藤诗织：我是如何完成《黑箱日记》的？

深度报道精选

深度报道精选：女海员职业困境、中国卫生巾行业塌房、涉电诈骗案的“颜十六”是谁？

事实核查 报道工具和技巧

如何使用“信息洗衣机”工具检查网站内容和元数据？

报道工具和技巧

2024年有哪些不可错过的调查工具？

争夺移动端读者的目光国外新闻机构的九种可视化叙事尝试

事实核查报道工具和技巧