SlideShare una empresa de Scribd logo
1 de 38
Descargar para leer sin conexión
Telling Stories With Data
“The Data is Dead! Long live the Data!”
#ddj
#ejc
Alan McLean
                                             •
                                                 @alanmclean
                                             •
                                                 Art/Design/Development background
                                             •
                                                 Worked at CBC.ca 2005-2007
                                             •
                                                 Working at the NYTimes in 2007-Present




                                             •
                                                 Afghanistan War Logs
                                             •
                                                 2008 Election
                                             •
                                                 2008 Olympics
                                             •
                                                 2010 Olympics
                                             •
                                                 Guantanamo Docket
                                             •
                                                 Document Viewer
                                             •
                                                 Run-Well
                                             •
                                                 more...

Dom Data: flickr.com/photos/ogil/2499892047
Interactive
   News
Technology
 @
Interactive
                                    News
                                 Technology
                                       @




Eric - flickr.com/people/74486811@N00
The old
        newsroom/developer
           relationship




Developer                Journalist
The new
newsroom/developer
   relationship




  Developer/Journalist
Use the web to tell a story, not
 just as a delivery medium.
Newsroom Tools
Developing at close to newsroom pace
          is now possible
Journalism Saved!
It’s almost too easy...
  •
      Lots of tools, often free or very affordable.
  •
      Progressive Enhancement.
  •
      An unlimited supply of “pages”.




<3m
Data Dumps
Large collections of source material that aim to
    inform, but ultimately over-saturate.
Data Dumps

 “ Your scientists were so
  preoccupied with whether or not
  they could, they didn't stop to
  think if they should.”

  Dr. Ian Malcolm
  Jurassic Park (1993)


  via @kevinq, Graphic Editor at the NYT
Data Dumps

 “ If you won't find narratives in
  the data, you might as well be
  posting the phone book.”

  @harrisj via Twitter
Why are data dumps a problem?
•
    Fail to inform clearly.
•
    It’s very easy to get lost.
•
    They take up precious time.
•
    They are usually low impact.
•
    Often bland.
It’s far too easy to distract or confuse
    an already compromised online
             attention span.
Editing is crucial online
•
    Should we be doing this?
•
    What is the point?
•
    Will any of our readers/users care?
•
    Is this going to be a core component of the story, or
    merely supplemental?
Design Decisions Are Editorial
         Statements
The Afghanistan War Logs




<5m
The Afghanistan War Logs


•
    Three publications with access to the data under a
    release agreement.
•
    90,000+ incident reports.
•
    Spans several years of the conflict in Afghanistan.
•
    A lot of metadata...
The Afghanistan War Logs

      What can we do with this data?

•
    Data Dives!
•
    Maps!
•
    Timelines!
•
    Charts!
•
    and so so much more...
The Afghanistan War Logs

    What should we do with this data?
•
    Aggregate representations of the reports were out.
•
    Maps needed to be “Locator Maps”.
•
    Timelines? Yes.
•
    Incident Charts?
•
    Story integration? Yes! Context was needed.
•
    Could not publish them all... redactions were necessary.
The Afghanistan War Logs

                      The Package
•
    3 articles.
•
    1 note to the readers from the Editor.
•
    1 background article on the data.
•
    An incident report interactive.
•
    A page tying it all together.
The Afghanistan War Logs
                                                Locator Maps
The Article
                                                     Timeline
•
    Lead with a Map
•
    Removed the ads
•
    Flopped the columns
•
    Forced a single page view
•
    Relevant maps and photos                    Photos/Maps
    were loaded alongside text
•
    Stylized report text within article
                                          Incident Report Text
The Afghanistan War Logs
The Maps
The Afghanistan War Logs
Context
The Afghanistan War Logs
Context
The Afghanistan War Logs / The Interactive
Real Titles   Stylized NYT Redactions   The Jargonizer   Real Summaries


The Afghanistan War Logs / The Interactive
The Afghanistan War Logs / The Series Page

Más contenido relacionado

Destacado

Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddjData-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddjMirko Lorenz
 
New York Times VR - Claudia Articek
New York Times VR - Claudia ArticekNew York Times VR - Claudia Articek
New York Times VR - Claudia ArticekClaudia Articek
 
Datová žurnalistika
Datová žurnalistikaDatová žurnalistika
Datová žurnalistikaAdam Javurek
 
What is datavisualization?
What is datavisualization?What is datavisualization?
What is datavisualization?Stephane Nardin
 
Dataviz, clef de la big data
Dataviz, clef de la big dataDataviz, clef de la big data
Dataviz, clef de la big dataMicrosoft Ideas
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 

Destacado (9)

Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddjData-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
 
New York Times VR - Claudia Articek
New York Times VR - Claudia ArticekNew York Times VR - Claudia Articek
New York Times VR - Claudia Articek
 
Datová žurnalistika
Datová žurnalistikaDatová žurnalistika
Datová žurnalistika
 
Data Viz DC Presentation
Data Viz DC PresentationData Viz DC Presentation
Data Viz DC Presentation
 
What is datavisualization?
What is datavisualization?What is datavisualization?
What is datavisualization?
 
La datavisualisation
La datavisualisationLa datavisualisation
La datavisualisation
 
Dataviz, clef de la big data
Dataviz, clef de la big dataDataviz, clef de la big data
Dataviz, clef de la big data
 
What is Big Data?
What is Big Data?What is Big Data?
What is Big Data?
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Similar a Data Driven Journalism - Telling Stories Online

Metadata is a Love Note to the Future
Metadata is a Love Note to the FutureMetadata is a Love Note to the Future
Metadata is a Love Note to the FutureRachel Lovinger
 
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesJoy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesBayCHI
 
Analytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the DatasphereAnalytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the DatasphereJ T "Tom" Johnson
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlassian
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlassian
 
FREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate ProfessionalsFREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate ProfessionalsMelissa Olson
 
The Elephant in the Library
The Elephant in the LibraryThe Elephant in the Library
The Elephant in the LibraryDataWorks Summit
 
Augmented Reality and Libraries
Augmented Reality and Libraries Augmented Reality and Libraries
Augmented Reality and Libraries Jennifer Hopwood
 

Similar a Data Driven Journalism - Telling Stories Online (12)

Historical aerial scanning project
Historical aerial scanning projectHistorical aerial scanning project
Historical aerial scanning project
 
Metadata is a Love Note to the Future
Metadata is a Love Note to the FutureMetadata is a Love Note to the Future
Metadata is a Love Note to the Future
 
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesJoy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
 
NYC.JS
NYC.JSNYC.JS
NYC.JS
 
Analytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the DatasphereAnalytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the Datasphere
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
 
About Scanning and Metadata Standards - NEMO 2010
About Scanning and Metadata Standards - NEMO 2010About Scanning and Metadata Standards - NEMO 2010
About Scanning and Metadata Standards - NEMO 2010
 
FREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate ProfessionalsFREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate Professionals
 
Ariadne overview
Ariadne overviewAriadne overview
Ariadne overview
 
The Elephant in the Library
The Elephant in the LibraryThe Elephant in the Library
The Elephant in the Library
 
Augmented Reality and Libraries
Augmented Reality and Libraries Augmented Reality and Libraries
Augmented Reality and Libraries
 

Último

Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement 210303105569
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableNitya salvi
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...nirzagarg
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Nitya salvi
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...ZurliaSoop
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxtrose8
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024Ilham Brata
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecturesaipriyacoool
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证wpkuukw
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideDesign Studio UI UX
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...Amil baba
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 

Último (20)

Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 

Data Driven Journalism - Telling Stories Online

  • 1. Telling Stories With Data “The Data is Dead! Long live the Data!”
  • 3. Alan McLean • @alanmclean • Art/Design/Development background • Worked at CBC.ca 2005-2007 • Working at the NYTimes in 2007-Present • Afghanistan War Logs • 2008 Election • 2008 Olympics • 2010 Olympics • Guantanamo Docket • Document Viewer • Run-Well • more... Dom Data: flickr.com/photos/ogil/2499892047
  • 4. Interactive News Technology @
  • 5. Interactive News Technology @ Eric - flickr.com/people/74486811@N00
  • 6. The old newsroom/developer relationship Developer Journalist
  • 7. The new newsroom/developer relationship Developer/Journalist
  • 8. Use the web to tell a story, not just as a delivery medium.
  • 9. Newsroom Tools Developing at close to newsroom pace is now possible
  • 11. It’s almost too easy... • Lots of tools, often free or very affordable. • Progressive Enhancement. • An unlimited supply of “pages”. <3m
  • 12. Data Dumps Large collections of source material that aim to inform, but ultimately over-saturate.
  • 13. Data Dumps “ Your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.” Dr. Ian Malcolm Jurassic Park (1993) via @kevinq, Graphic Editor at the NYT
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Data Dumps “ If you won't find narratives in the data, you might as well be posting the phone book.” @harrisj via Twitter
  • 19. Why are data dumps a problem? • Fail to inform clearly. • It’s very easy to get lost. • They take up precious time. • They are usually low impact. • Often bland.
  • 20. It’s far too easy to distract or confuse an already compromised online attention span.
  • 21. Editing is crucial online • Should we be doing this? • What is the point? • Will any of our readers/users care? • Is this going to be a core component of the story, or merely supplemental?
  • 22. Design Decisions Are Editorial Statements
  • 23.
  • 24.
  • 26. The Afghanistan War Logs • Three publications with access to the data under a release agreement. • 90,000+ incident reports. • Spans several years of the conflict in Afghanistan. • A lot of metadata...
  • 27. The Afghanistan War Logs What can we do with this data? • Data Dives! • Maps! • Timelines! • Charts! • and so so much more...
  • 28. The Afghanistan War Logs What should we do with this data? • Aggregate representations of the reports were out. • Maps needed to be “Locator Maps”. • Timelines? Yes. • Incident Charts? • Story integration? Yes! Context was needed. • Could not publish them all... redactions were necessary.
  • 29. The Afghanistan War Logs The Package • 3 articles. • 1 note to the readers from the Editor. • 1 background article on the data. • An incident report interactive. • A page tying it all together.
  • 30. The Afghanistan War Logs Locator Maps The Article Timeline • Lead with a Map • Removed the ads • Flopped the columns • Forced a single page view • Relevant maps and photos Photos/Maps were loaded alongside text • Stylized report text within article Incident Report Text
  • 31. The Afghanistan War Logs The Maps
  • 32.
  • 33.
  • 34. The Afghanistan War Logs Context
  • 35. The Afghanistan War Logs Context
  • 36. The Afghanistan War Logs / The Interactive
  • 37. Real Titles Stylized NYT Redactions The Jargonizer Real Summaries The Afghanistan War Logs / The Interactive
  • 38. The Afghanistan War Logs / The Series Page