Über die unterschätzte Rolle
von Text in journalistischen Datenvisualisierungen
NIAM 2020, Hamburg
Lisa Charlotte Rost
@lisacrost
Lisa Charlotte Rost
@lisacrost
Bloomberg
ZEIT Online
Tagesspiegel
NPR
SPIEGEL
@lisacrost
Lisa Charlotte Rost
@lisacrost
Bloomberg
ZEIT Online
Tagesspiegel
NPR
SPIEGEL
jetzt:
Datawrapper <3
@lisacrost
@lisacrost
@lisacrost
Datawrapper-
Diagramme
auf zeit.de
@lisacrost
Datawrapper-
Diagramme
auf spiegel.de
@lisacrost
Datawrapper-
Diagramme
auf nytimes.com
@lisacrost
blog.datawrapper.de
@lisacrost
Worte sind wichtig.
@lisacrost
Worte sind wichtig:
– wahrscheinlicher
@lisacrost
Worte sind wichtig:
– wahrscheinlicher
– einfacher
@lisacrost
Worte sind wichtig:
– wahrscheinlicher
– einfacher
– mehr
@lisacrost
?
@lisacrost
@lisacrost
@lisacrost
Not-so-cold
comfort, Graphic Detail, The Economist, 2019
@lisacrost
Not-so-cold
comfort, Graphic Detail, The Economist, 2019
@lisacrost
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Beschriftungen
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Beschriftungen
Erklärungen
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Beschriftungen
Erklärungen
Achsenbeschreibungen
& Legenden
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Beschriftungen
Erklärungen
Achsenbeschreibungen
& Legenden
Achsenticks
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Beschriftungen
Erklärungen
Achsenbeschreibungen
& Legenden
Achsenticks
Werte
Mögliche Texte in Datenvisualisierungen
@lisacrost
Titel
Beschriftungen
Erklärungen
Achsenbeschreibungen
& Legenden
Achsenticks
Werte
Quelle, Byline, ...
Mögliche Texte in Datenvisualisierungen
@lisacrost
1 Inhalt
2 Formulierung
3 Platzierung & Formatierung
@lisacrost
1 Inhalt
2 Formulierung
3 Platzierung & Formatierung
@lisacrost
Alles.
1 Inhalt
@lisacrost
Deine Leser*innen sollen
etwas Bestimmtes sehen?
Zeig drauf.
Buchstabier es aus.
1 Inhalt
@lisacrost
1 Inhalt
SPIEGEL, 2019
@lisacrost
1 Inhalt
MyKinsey
@lisacrost
1 Inhalt
Which 2020 Candidates Have The Most In Common … On Twitter?, FiveThirtyEight, 2019
@lisacrost
“Arctic Ice Reaches a Low Winter Maximum”, NYT, March 2015
How to improve readability?
Label outliers.
@lisacrost
“Arctic Ice Reaches a Low Winter Maximum”, NYT, March 2015
How to improve readability?
Label outliers.
@lisacrost
Sei redundant.
1 Inhalt
@lisacrost
The truth about weekend working, Financial Times, 2020
@lisacrost
The truth about weekend working, Financial Times, 2020
@lisacrost
The truth about weekend working, Financial Times, 2020
@lisacrost
The truth about weekend working, Financial Times, 2020
@lisacrost
Outlier
High street crisis deepens: 1 in 12 shops closed in five years, The Guardian, 2019
@lisacrost
Zeige extra Informationen.
A piece
of wisdom
@lisacrost
“Ich weiß es ja…”
@lisacrost
1 Inhalt
American Economics, Graphic Detail, The Economist, 2019
@lisacrost
1 Inhalt
How Two Big Earthquakes
Triggered �16,000 More �in Southern California, New York Times, 2019
@lisacrost
1 Inhalt
American Economics, Graphic Detail, The Economist, 2019
@lisacrost
2 Formulierung
3 Platzierung & Formatierung
1 Inhalt
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
2 Formulierung
“The Myth of
the Criminal Immigrant”, New York Times, 2018
@lisacrost
Sei verständlich.
2 Formulierung
@lisacrost
Sei wichtig.
2 Formulierung
@lisacrost
Sei wichtig.
Brauen wir “Lesehilfen”?
2 Formulierung
@lisacrost
Nein.
Sei wichtig.
Brauen wir “Lesehilfen”?
2 Formulierung
@lisacrost
Sei wichtig.
Brauen wir “Lesehilfen”?
2 Formulierung
@lisacrost
Sei wichtig.
Brauen wir “Lesehilfen”?
2 Formulierung
@lisacrost
Sätze sind gut.
2 Formulierung
@lisacrost
Sätze sind gut.
Brauchen wir Verben?
2 Formulierung
@lisacrost
Sätze sind gut.
Brauchen wir Verben?
2 Formulierung
@lisacrost
Schlecht sind sie nicht.
Sätze sind gut.
Brauchen wir Verben?
2 Formulierung
@lisacrost
Sätze sind gut.
Brauchen wir Verben?
2 Formulierung
@lisacrost
3 Platzierung
& Formatierung
1 Inhalt
2 Formulierung
@lisacrost
Erinnere Leser*innen daran,
was sie sehen.
3 Platzierung
& Formatierung
@lisacrost
3 Platzierung
& Formatierung
“Wo Europa nach dem Brexit das meiste Geld verliert”, Berliner Morgenpost, 2019
@lisacrost
3 Platzierung
& Formatierung
“Wo Europa nach dem Brexit das meiste Geld verliert”, Berliner Morgenpost, 2019
@lisacrost
3 Platzierung
& Formatierung
“Wo Europa nach dem Brexit das meiste Geld verliert”, Berliner Morgenpost, 2019
@lisacrost
3 Platzierung
& Formatierung
“Fahrraddiebstähle in Berlin - alle Kieze, alle Fälle”, Berliner Morgenpost, 2018
@lisacrost
3 Platzierung
& Formatierung
The truth about weekend working, Financial Times, 2020
@lisacrost
3 Platzierung
& Formatierung
The truth about weekend working, Financial Times, 2020
@lisacrost
3 Platzierung
& Formatierung
The truth about weekend working, Financial Times, 2020
@lisacrost
Man macht seine Visualisierung dadurch nicht dümmer.
Man macht sie einfacher zu lesen.
3 Platzierung
& Formatierung
@lisacrost
Vermeide Augenwandern �bei Leser*innen.
3 Platzierung
& Formatierung
@lisacrost
3 Platzierung
& Formatierung
“Die Millionen, die gingen”, ZEIT Online, 2019
@lisacrost
3 Platzierung
& Formatierung
“Die Millionen, die gingen”, ZEIT Online, 2019
@lisacrost
3 Platzierung
& Formatierung
“Die Millionen, die gingen”, ZEIT Online, 2019
@lisacrost
3 Platzierung
& Formatierung
Bundesdepartemente: Für Frauen sind die Sprossen auf der Karriereleiter rutschig, NZZ, 2019
@lisacrost
3 Platzierung
& Formatierung
Bundesdepartemente: Für Frauen sind die Sprossen auf der Karriereleiter rutschig, NZZ, 2019
@lisacrost
3 Platzierung
& Formatierung
Why Democrats Struggle To Mobilize A ‘Religious Left’, FiveThirtyEight, 2019
@lisacrost
Design: Entscheiden, was Leser*innen als erstes, zweites, drittes sehen sollen.
3 Platzierung
& Formatierung
@lisacrost
Das als letztes
Das liest du als erstes
Das hier als zweites
3 Platzierung
& Formatierung
@lisacrost
“Colors! A shape! Shiny!”
NYT, June 2017
3 Platzierung
& Formatierung
1
1
@lisacrost
“Colors! A shape! Shiny!”
“What does it show me?”
NYT, June 2017
3 Platzierung
& Formatierung
1
1
2
2
@lisacrost
“Colors! A shape! Shiny!”
“What does it show me?”
“Wait, so that’s over time? What are the metrics? Ah, temperature.”
NYT, June 2017
3 Platzierung
& Formatierung
1
1
2
3
3
2
@lisacrost
“Colors! A shape! Shiny!”
“What does it show me?”
“Wait, so that’s over time? What are the metrics? Ah, temperature.”
“I still don’t understand.”
NYT, June 2017
3 Platzierung
& Formatierung
1
1
2
3
4
3
2
4
@lisacrost
“Colors! A shape! Shiny!”
“What does it show me?”
“Wait, so that’s over time? What are the metrics? Ah, temperature.”
“I still don’t understand.”
“Please see
this first.”
“Please see
this second.”
“Please see
this third.”
“I don’t care if you see this.”
3 Platzierung
& Formatierung
1
2
3
4
@lisacrost
“Please see
this first.”
“I don’t care if you see this.”
“Please see
this third.”
“Please see
this second.”
3 Platzierung
& Formatierung
1
2
3
4
@lisacrost
“Please see
this first.”
“I don’t care if you see this.”
“Please see
this third.”
“Please see
this second.”
3 Platzierung
& Formatierung
1
2
3
4
@lisacrost
“Please see
this first.”
“I don’t care if you see this.”
“Please see
this third.”
“Please see
this second.”
3 Platzierung
& Formatierung
1
2
3
4
@lisacrost
“Please see
this first.”
This is important.
“I don’t care if you see this.”
“Please see
this third.”
“Please see
this second.”
3 Platzierung
& Formatierung
1
2
3
4
This? Not so super important
Even less important
I’m so unimportant, you wouldn’t believe it
@lisacrost
“Arctic Ice Reaches a Low Winter Maximum”, NYT, March 2015
How to improve readability?
Label outliers.
@lisacrost
Hab Spaß.
3 Platzierung
& Formatierung
@lisacrost
3 Platzierung
& Formatierung
Which 2020 Candidates Have The Most In Common … On Twitter?, FiveThirtyEight, 2019
After Two Debates, Warren Is Getting More Popular, FiveThirtyEight, 2019
@lisacrost
1 Inhalt
2 Formulierung
3 Platzierung & Formatierung
@lisacrost
@lisacrost
Data Vis
Data Vis
Data Vis
Data Vis
Data Vis
Data Vis
Data Vis
Data Vis
@lisacrost
1 Inhalt
2 Formulierung
3 Platzierung & Formatierung
Vielen Dank!
@lisacrost
lisacharlotterost@gmail.com
lisacharlotterost.de
@lisacrost
1 Inhalt
2 Formulierung
3 Platzierung & Formatierung
Vielen Dank!
@lisacrost
lisacharlotterost@gmail.com
lisacharlotterost.de
@lisacrost
How to improve readability?
Use elements & colors that are intuitive for your readers.
Financial Times, 2019
@lisacrost
How to improve readability?
Use elements & colors that are intuitive for your readers.
Financial Times, 2019
@lisacrost
How to improve readability?
Use elements & colors that are intuitive for your readers.
Financial Times, 2019
@lisacrost
Outlier
Diagrams: a visual survey of graphs, maps, charts and diagrams for the graphic designer, Arthur Lockwood, 1969
@lisacrost
Outlier
Fever Pitch, Graphic Detail, The Economist, 2019
@lisacrost
Fuuuuuuuuuuuuuuuuuun
@lisacrost
This is an important headline
This is just a description.
This is an important headline
This is just a description.
This is an important headline
This is just a description.
This is an important headline
This is just a description.
no emphasis
bolder
darker
bigger
How to improve readability?
Format text to create visual hierarchies
& to make it skimmable.
@lisacrost
Outlier
After Two Debates, Warren Is Getting More Popular, FiveThirtyEight, 2019
@lisacrost
“Which 2020 Candidates Are More (Or Less) Popular Than They ‘Should’ Be?”, FiveThirtyEight, 2019
How to improve readability?
Format text to create visual hierarchies
& to make it skimmable.
@lisacrost
Outlier
Mapping America’s wicked
weather and deadly disasters,
Washington Post, 2019
@lisacrost
Outlier
Mapping America’s wicked
weather and deadly disasters,
Washington Post, 2019
@lisacrost
NYT, June 2017
How to improve readability?
Format text to create visual hierarchies
& to make it skimmable.
@lisacrost
“Colors! A shape! Shiny!”
“What does it show me?”
“Wait, so that’s over time? What are the metrics? Ah, temperature.”
“I still don’t understand.”
NYT, June 2017
How to improve readability?
Format text to create visual hierarchies
& to make it skimmable.
1
1
2
3
4
3
2
4
@lisacrost
“Colors! A shape! Shiny!”
“What does it show me?”
“Wait, so that’s over time? What are the metrics? Ah, temperature.”
“I still don’t understand.”
NYT, June 2017
How to improve readability?
Format text to create visual hierarchies
& to make it skimmable.
1
1
2
3
4
3
2
4
@lisacrost
Labels as parts of statements
What is China's Belt and Road Initiative?, The Guardian, 2018
@lisacrost
Die Wichtigkeit von Text
in der Datenvisualisierung
NIAM 2020, Hamburg
Lisa Charlotte Rost
@lisacrost
Outlier
Viel zu warm hier, ZEIT Online, 2019
@lisacrost
Outlier
Federal workers in red and blue congressional districts,
Pew Research Center, 2019
@lisacrost
Outlier
Federal workers in red and blue congressional districts,
Pew Research Center, 2019
@lisacrost
Outlier
Fever Pitch, Graphic Detail, The Economist, 2019
@lisacrost
Outlier
Fever Pitch, Graphic Detail, The Economist, 2019
@lisacrost
Sei redundant (immer noch).
A piece
of wisdom
@lisacrost
“Arctic Ice Reaches a Low Winter Maximum”, NYT, March 2015
How to improve readability?
Label outliers.
@lisacrost
“Arctic Ice Reaches a Low Winter Maximum”, NYT, March 2015
How to improve readability?
Label outliers.
@lisacrost
How to improve readability?
@lisacrost
“Is Sushi ‘Healthy’? What About Granola? Where Americans and Nutritionists Disagree”, NYT, July 2016
How to improve readability?
Label outliers.
@lisacrost
“Is Sushi ‘Healthy’? What About Granola? Where Americans and Nutritionists Disagree”, NYT, July 2016
How to improve readability?
Label outliers.
@lisacrost
“Is Sushi ‘Healthy’? What About Granola? Where Americans and Nutritionists Disagree”, NYT, July 2016
How to improve readability?
Label outliers.
@lisacrost
Labels/ Beschriftungen as legends
@lisacrost