SlideShare a Scribd company logo
visualisatie van informatie
klaas jan mollema
information is
only useful
when it can be
understood
Een infographic of
informatieve illustratie
geeft een
informatieve
weergave
bestaande uit
verschillende objecten
met een
combinatie van tekst en beeld.
Een infographic is een
informatieve
illustratie
een afbeelding die
informatie uitbeeldt en verklaart.
Een infographic is een combinatie
van tekst en beeld.
conceptueel
grafisch
infographics
de geschiedenis
rotstekeningen
landkaarten
William Playfair
The commercial and political atlas (1786)
Charles Joseph Minard
Napoleon’s invasion of Russia (1861)
Otto Neurath
Pictogrammen, isotypes, stick figures (1936)
Otto Neurath
Pictogrammen, isotypes, stick figures (1936)
Stephen Toulmin
argument theory - models (1958)
Otl Aicher
pictogrammenset Olympische spelen Munchen (1972)
Otl Aicher
grid system pictogrammenset Olympische spelen Munchen (1972)
pioneer plaque (1972)
gouden plaat met info over de herkomst van het ruimtevaartuig
nu
sterke ontwikkeling van infographics
oorzaken
- steeds grotere en dus complexere hoeveelheid informatie
- internet biedt de mogelijkheid voor verspreiding
- oneindige ruimte
- oneindig bereik
- alle kleuren
- geen kosten
- animatiemogelijkheden
infographics
ingrediënten
ingrediënten
van een infographic
data
bronnen en betrouwbaarheid
doelgroep
gebruiker centraal
structuur
logische volgorde voor het leesproces
opbouw
waar komt welk element te staan?
vormgeving
hoe spreek je de doelgroep aan?
storytelling
vertel je verhaal
emotie en beleving
spreek aan op emoties
humor
vertel je verhaal
testen
koppel de graphic terug naar de gebruiker
infographics
soorten
statisch
informatie in één oogopslag duidelijk
geanimeerd
informatie in een lineaire sequence gepresenteerd
interactief
informatie gepresenteerd op selectie van gebruiker
http://www.ted.com/talks/mike_matas.html?
utm_source=newsletter_weekly_2011-05-03
abstract of figuratief
abstract of figuratief
http://www.ted.com/talks/
hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
meer:
http://www.ted.com/speakers/hans_rosling.html
http://www.ted.com/talks/
gary_flake_is_pivot_a_turning_point_for_web_exploration.ht
ml
tools
studies
• http://www.designacademy.nl/MasterCourse/
MasterDepartments/InformationDesign.aspx
• http://www.hdm-stuttgart.de/idb
bronnen
• http://www.frankwatching.com/archive/
2011/02/18/het-ontwerpen-van-een-effectieve-
infographic/
• http://www.onextrapixel.com/2010/05/21/
huge-infographics-design-resources-overview-
principles-tips-and-examples/
• tufte
• http://vector.tutsplus.com/tutorials/designing/

More Related Content

Viewers also liked

HISTORISCH DENKEN EN REDENEREN
HISTORISCH DENKEN EN REDENERENHISTORISCH DENKEN EN REDENEREN
HISTORISCH DENKEN EN REDENERENJos Meuwissen
 
Argmenterenles1 3
Argmenterenles1 3Argmenterenles1 3
Argmenterenles1 3
AnoukLebeau
 
Root cause analysis
Root cause analysisRoot cause analysis
Root cause analysis
Wayne Ahlquist
 
Otl aicher presentation
Otl aicher presentationOtl aicher presentation
Otl aicher presentation
Lilyusher17
 
Argument Mapping overview
Argument Mapping overviewArgument Mapping overview
Argument Mapping overview
Simon Buckingham Shum
 
Workshop 2 ppt probleemanalyse[1][1]
Workshop 2  ppt probleemanalyse[1][1]Workshop 2  ppt probleemanalyse[1][1]
Workshop 2 ppt probleemanalyse[1][1]vri
 
120122 workshop leiden_d_nl
120122 workshop leiden_d_nl120122 workshop leiden_d_nl
120122 workshop leiden_d_nl
vri
 
Activerende werkvormen in de praktijk
Activerende werkvormen in de praktijkActiverende werkvormen in de praktijk
Activerende werkvormen in de praktijk
eTwinning & CLIL
 
Cause & effect analysis part 2
Cause & effect analysis part 2Cause & effect analysis part 2
Cause & effect analysis part 2
Stephen Parsons
 
Cause & effect analysis part 1
Cause & effect analysis part 1Cause & effect analysis part 1
Cause & effect analysis part 1
Stephen Parsons
 
Cause and effect analysis
Cause and effect analysisCause and effect analysis
Cause and effect analysis
Amit Shrivastava
 
Beyond Question Stems: Critical Thinking in the 21st Century Classroom
Beyond Question Stems: Critical Thinking in the 21st Century ClassroomBeyond Question Stems: Critical Thinking in the 21st Century Classroom
Beyond Question Stems: Critical Thinking in the 21st Century Classroom
Jennifer Jones
 
Critical Thinking Ppt Week 1
Critical Thinking Ppt Week 1Critical Thinking Ppt Week 1
Critical Thinking Ppt Week 1
ronsears
 
Introduction to critical thinking
Introduction to critical thinkingIntroduction to critical thinking
Introduction to critical thinking
Aurora Computer Studies
 
Developing Critical Thinking in Our Youngest Learners
Developing Critical Thinking in Our Youngest LearnersDeveloping Critical Thinking in Our Youngest Learners
Developing Critical Thinking in Our Youngest Learners
Jennifer Jones
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
Julisa Alison Luna Timoteo
 
5 why’s technique and cause and effect analysis
5 why’s technique and cause and effect analysis5 why’s technique and cause and effect analysis
5 why’s technique and cause and effect analysis
Bhagya Silva
 
Critical thinking powerpoint
Critical thinking powerpointCritical thinking powerpoint
Critical thinking powerpoint
Barbara Bali
 
What is Critical Thinking, and How to Teach It?
What is Critical Thinking, and How to Teach It?What is Critical Thinking, and How to Teach It?
What is Critical Thinking, and How to Teach It?
Peter Jeschofnig
 
Critical Thinking and Problem Solving
Critical Thinking and Problem SolvingCritical Thinking and Problem Solving
Critical Thinking and Problem Solving
Michigan Works! Muskegon-Oceana
 

Viewers also liked (20)

HISTORISCH DENKEN EN REDENEREN
HISTORISCH DENKEN EN REDENERENHISTORISCH DENKEN EN REDENEREN
HISTORISCH DENKEN EN REDENEREN
 
Argmenterenles1 3
Argmenterenles1 3Argmenterenles1 3
Argmenterenles1 3
 
Root cause analysis
Root cause analysisRoot cause analysis
Root cause analysis
 
Otl aicher presentation
Otl aicher presentationOtl aicher presentation
Otl aicher presentation
 
Argument Mapping overview
Argument Mapping overviewArgument Mapping overview
Argument Mapping overview
 
Workshop 2 ppt probleemanalyse[1][1]
Workshop 2  ppt probleemanalyse[1][1]Workshop 2  ppt probleemanalyse[1][1]
Workshop 2 ppt probleemanalyse[1][1]
 
120122 workshop leiden_d_nl
120122 workshop leiden_d_nl120122 workshop leiden_d_nl
120122 workshop leiden_d_nl
 
Activerende werkvormen in de praktijk
Activerende werkvormen in de praktijkActiverende werkvormen in de praktijk
Activerende werkvormen in de praktijk
 
Cause & effect analysis part 2
Cause & effect analysis part 2Cause & effect analysis part 2
Cause & effect analysis part 2
 
Cause & effect analysis part 1
Cause & effect analysis part 1Cause & effect analysis part 1
Cause & effect analysis part 1
 
Cause and effect analysis
Cause and effect analysisCause and effect analysis
Cause and effect analysis
 
Beyond Question Stems: Critical Thinking in the 21st Century Classroom
Beyond Question Stems: Critical Thinking in the 21st Century ClassroomBeyond Question Stems: Critical Thinking in the 21st Century Classroom
Beyond Question Stems: Critical Thinking in the 21st Century Classroom
 
Critical Thinking Ppt Week 1
Critical Thinking Ppt Week 1Critical Thinking Ppt Week 1
Critical Thinking Ppt Week 1
 
Introduction to critical thinking
Introduction to critical thinkingIntroduction to critical thinking
Introduction to critical thinking
 
Developing Critical Thinking in Our Youngest Learners
Developing Critical Thinking in Our Youngest LearnersDeveloping Critical Thinking in Our Youngest Learners
Developing Critical Thinking in Our Youngest Learners
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
 
5 why’s technique and cause and effect analysis
5 why’s technique and cause and effect analysis5 why’s technique and cause and effect analysis
5 why’s technique and cause and effect analysis
 
Critical thinking powerpoint
Critical thinking powerpointCritical thinking powerpoint
Critical thinking powerpoint
 
What is Critical Thinking, and How to Teach It?
What is Critical Thinking, and How to Teach It?What is Critical Thinking, and How to Teach It?
What is Critical Thinking, and How to Teach It?
 
Critical Thinking and Problem Solving
Critical Thinking and Problem SolvingCritical Thinking and Problem Solving
Critical Thinking and Problem Solving
 

More from Klaas Jan Mollema

KNVI2016 Datavisualisatie en infographics
KNVI2016 Datavisualisatie en infographicsKNVI2016 Datavisualisatie en infographics
KNVI2016 Datavisualisatie en infographics
Klaas Jan Mollema
 
Open Data
Open DataOpen Data
Workshop marketing business model canvas erfgoedsector
Workshop marketing business model canvas erfgoedsectorWorkshop marketing business model canvas erfgoedsector
Workshop marketing business model canvas erfgoedsector
Klaas Jan Mollema
 
[Idm h] computers, netwerken, it architectuur 3
[Idm h] computers, netwerken, it architectuur 3[Idm h] computers, netwerken, it architectuur 3
[Idm h] computers, netwerken, it architectuur 3
Klaas Jan Mollema
 
[Idm h] computers, netwerken, it architectuur 2
[Idm h] computers, netwerken, it architectuur 2[Idm h] computers, netwerken, it architectuur 2
[Idm h] computers, netwerken, it architectuur 2
Klaas Jan Mollema
 
[Idm h] computers, netwerken, it architectuur 1
[Idm h] computers, netwerken, it architectuur 1[Idm h] computers, netwerken, it architectuur 1
[Idm h] computers, netwerken, it architectuur 1
Klaas Jan Mollema
 
[Idm g] tools beeldbanken
[Idm g] tools beeldbanken[Idm g] tools beeldbanken
[Idm g] tools beeldbanken
Klaas Jan Mollema
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 4
[Idm g] iconografische analyse van afbeeldingsmateriaal 4[Idm g] iconografische analyse van afbeeldingsmateriaal 4
[Idm g] iconografische analyse van afbeeldingsmateriaal 4
Klaas Jan Mollema
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 3
[Idm g] iconografische analyse van afbeeldingsmateriaal 3[Idm g] iconografische analyse van afbeeldingsmateriaal 3
[Idm g] iconografische analyse van afbeeldingsmateriaal 3
Klaas Jan Mollema
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 2
[Idm g] iconografische analyse van afbeeldingsmateriaal 2[Idm g] iconografische analyse van afbeeldingsmateriaal 2
[Idm g] iconografische analyse van afbeeldingsmateriaal 2
Klaas Jan Mollema
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 1
[Idm g] iconografische analyse van afbeeldingsmateriaal 1[Idm g] iconografische analyse van afbeeldingsmateriaal 1
[Idm g] iconografische analyse van afbeeldingsmateriaal 1
Klaas Jan Mollema
 
[Idm g] culturele organisaties
[Idm g] culturele organisaties[Idm g] culturele organisaties
[Idm g] culturele organisaties
Klaas Jan Mollema
 
[Idm e] informatievisualisatie 1
[Idm e] informatievisualisatie 1[Idm e] informatievisualisatie 1
[Idm e] informatievisualisatie 1
Klaas Jan Mollema
 
[Idm e] c&t - open data college 3
[Idm e] c&t - open data college 3[Idm e] c&t - open data college 3
[Idm e] c&t - open data college 3
Klaas Jan Mollema
 
[Idm e] c&t - open data college 2
[Idm e] c&t - open data college 2[Idm e] c&t - open data college 2
[Idm e] c&t - open data college 2
Klaas Jan Mollema
 
[Idm e] c&t - open data college 1
[Idm e] c&t - open data college 1[Idm e] c&t - open data college 1
[Idm e] c&t - open data college 1
Klaas Jan Mollema
 
[Idm c] tools college 3 sharepoint
[Idm c] tools college 3 sharepoint[Idm c] tools college 3 sharepoint
[Idm c] tools college 3 sharepoint
Klaas Jan Mollema
 
[Idm c] tools college 2 sharepoint
[Idm c] tools college 2 sharepoint[Idm c] tools college 2 sharepoint
[Idm c] tools college 2 sharepoint
Klaas Jan Mollema
 
[Idm c] tools college 1 sharepoint
[Idm c] tools college 1 sharepoint[Idm c] tools college 1 sharepoint
[Idm c] tools college 1 sharepoint
Klaas Jan Mollema
 
[Idm b] tools databases 3
[Idm b] tools databases 3[Idm b] tools databases 3
[Idm b] tools databases 3
Klaas Jan Mollema
 

More from Klaas Jan Mollema (20)

KNVI2016 Datavisualisatie en infographics
KNVI2016 Datavisualisatie en infographicsKNVI2016 Datavisualisatie en infographics
KNVI2016 Datavisualisatie en infographics
 
Open Data
Open DataOpen Data
Open Data
 
Workshop marketing business model canvas erfgoedsector
Workshop marketing business model canvas erfgoedsectorWorkshop marketing business model canvas erfgoedsector
Workshop marketing business model canvas erfgoedsector
 
[Idm h] computers, netwerken, it architectuur 3
[Idm h] computers, netwerken, it architectuur 3[Idm h] computers, netwerken, it architectuur 3
[Idm h] computers, netwerken, it architectuur 3
 
[Idm h] computers, netwerken, it architectuur 2
[Idm h] computers, netwerken, it architectuur 2[Idm h] computers, netwerken, it architectuur 2
[Idm h] computers, netwerken, it architectuur 2
 
[Idm h] computers, netwerken, it architectuur 1
[Idm h] computers, netwerken, it architectuur 1[Idm h] computers, netwerken, it architectuur 1
[Idm h] computers, netwerken, it architectuur 1
 
[Idm g] tools beeldbanken
[Idm g] tools beeldbanken[Idm g] tools beeldbanken
[Idm g] tools beeldbanken
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 4
[Idm g] iconografische analyse van afbeeldingsmateriaal 4[Idm g] iconografische analyse van afbeeldingsmateriaal 4
[Idm g] iconografische analyse van afbeeldingsmateriaal 4
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 3
[Idm g] iconografische analyse van afbeeldingsmateriaal 3[Idm g] iconografische analyse van afbeeldingsmateriaal 3
[Idm g] iconografische analyse van afbeeldingsmateriaal 3
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 2
[Idm g] iconografische analyse van afbeeldingsmateriaal 2[Idm g] iconografische analyse van afbeeldingsmateriaal 2
[Idm g] iconografische analyse van afbeeldingsmateriaal 2
 
[Idm g] iconografische analyse van afbeeldingsmateriaal 1
[Idm g] iconografische analyse van afbeeldingsmateriaal 1[Idm g] iconografische analyse van afbeeldingsmateriaal 1
[Idm g] iconografische analyse van afbeeldingsmateriaal 1
 
[Idm g] culturele organisaties
[Idm g] culturele organisaties[Idm g] culturele organisaties
[Idm g] culturele organisaties
 
[Idm e] informatievisualisatie 1
[Idm e] informatievisualisatie 1[Idm e] informatievisualisatie 1
[Idm e] informatievisualisatie 1
 
[Idm e] c&t - open data college 3
[Idm e] c&t - open data college 3[Idm e] c&t - open data college 3
[Idm e] c&t - open data college 3
 
[Idm e] c&t - open data college 2
[Idm e] c&t - open data college 2[Idm e] c&t - open data college 2
[Idm e] c&t - open data college 2
 
[Idm e] c&t - open data college 1
[Idm e] c&t - open data college 1[Idm e] c&t - open data college 1
[Idm e] c&t - open data college 1
 
[Idm c] tools college 3 sharepoint
[Idm c] tools college 3 sharepoint[Idm c] tools college 3 sharepoint
[Idm c] tools college 3 sharepoint
 
[Idm c] tools college 2 sharepoint
[Idm c] tools college 2 sharepoint[Idm c] tools college 2 sharepoint
[Idm c] tools college 2 sharepoint
 
[Idm c] tools college 1 sharepoint
[Idm c] tools college 1 sharepoint[Idm c] tools college 1 sharepoint
[Idm c] tools college 1 sharepoint
 
[Idm b] tools databases 3
[Idm b] tools databases 3[Idm b] tools databases 3
[Idm b] tools databases 3
 

[Idm e] informatievisualisatie 2