文章

爭奪移動端讀者的目光國外新聞機構的九種可視化敘事嘗試

作者 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/?variant=zh-hant">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">

閱讀更多

深度報道精選

深度報道精選：中國醫美市場、輸出美國的短劇、逃離墨西哥的華商們

作者 Stanley Leung • 2025年04月30日

中國的醫美市場、中國短劇席捲美國、“長女綜合征”、在互聯網上奮力抵抗“孤獨”的老人……全球深度報道網精選了4月值得一讀的深度報道。

報道工具和技巧

AI 如何幫助獨立記者追蹤俄羅斯在戰爭中的陣亡人數

作者 Katya Bonch-Osmolovskaya • 2025年04月16日

流亡的俄羅斯調查新聞機構 IStories 向 GIJN 分享了他們如何建立了一個由 AI 驅動的俄羅斯軍隊陣亡與失蹤人員數據庫，以及為什麼這個項目值得去做。

成員特寫深度報道方法

這個全女性領導的調查機構，如何用創新的方法報道腐敗問題

作者 Laura Oliver • 2025年04月10日

“調查報道實驗室”的創始人和高層團隊全部為女性，她們採用了創新且以年輕人為中心的方法來報道該國的腐敗問題。

成員特寫

“即使殺死記者，也無法殺死報道”，他們將調查記者的故事搬進了劇院

作者 Michele Barbero • 2025年04月03日

“即使殺死記者，也無法殺死報道”是法國非營利媒體“禁忌故事”的座右銘。今年2月，他們將世界各地被殺害的調查記者的故事搬進了劇院，用另一種媒介向觀眾展示了調查新聞的重要和危險。

輔助功能設置

文字大小

色彩設置

閱讀工具

其他

文章

爭奪移動端讀者的目光國外新聞機構的九種可視化敘事嘗試

閱讀相關主題的文章：

轉載

閱讀更多

深度報道精選

深度報道精選：中國醫美市場、輸出美國的短劇、逃離墨西哥的華商們

報道工具和技巧

AI 如何幫助獨立記者追蹤俄羅斯在戰爭中的陣亡人數

成員特寫深度報道方法

這個全女性領導的調查機構，如何用創新的方法報道腐敗問題

成員特寫

“即使殺死記者，也無法殺死報道”，他們將調查記者的故事搬進了劇院

文章

爭奪移動端讀者的目光 國外新聞機構的九種可視化敘事嘗試

相關資源

如何使用“信息洗衣機”工具檢查網站內容和元數據？

2024年有哪些不可錯過的調查工具？

數據記者萊昂納多·尼科萊蒂：我用什麼工具進行數據挖掘、分析和可視化？

謝海濤：淺談調查記者的“道”與“術”

分享

相關資源

如何使用“信息洗衣機”工具檢查網站內容和元數據？

2024年有哪些不可錯過的調查工具？

數據記者萊昂納多·尼科萊蒂：我用什麼工具進行數據挖掘、分析和可視化？

謝海濤：淺談調查記者的“道”與“術”

相關文章

深度報道精選：中國醫美市場、輸出美國的短劇、逃離墨西哥的華商們

AI 如何幫助獨立記者追蹤俄羅斯在戰爭中的陣亡人數

這個全女性領導的調查機構，如何用創新的方法報道腐敗問題

“即使殺死記者，也無法殺死報道”，他們將調查記者的故事搬進了劇院

閱讀相關主題的文章：

轉載

閱讀更多

深度報道精選

深度報道精選：中國醫美市場、輸出美國的短劇、逃離墨西哥的華商們

報道工具和技巧

AI 如何幫助獨立記者追蹤俄羅斯在戰爭中的陣亡人數

成員特寫 深度報道方法

這個全女性領導的調查機構，如何用創新的方法報道腐敗問題

成員特寫

“即使殺死記者，也無法殺死報道”，他們將調查記者的故事搬進了劇院

爭奪移動端讀者的目光國外新聞機構的九種可視化敘事嘗試

成員特寫深度報道方法