SlideShare ist ein Scribd-Unternehmen logo
1 von 47
Downloaden Sie, um offline zu lesen
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/

Weitere ähnliche Inhalte

Andere mochten auch

HISTORISCH DENKEN EN REDENEREN
HISTORISCH DENKEN EN REDENERENHISTORISCH DENKEN EN REDENEREN
HISTORISCH DENKEN EN REDENERENJos Meuwissen
 
Argmenterenles1 3
Argmenterenles1 3Argmenterenles1 3
Argmenterenles1 3AnoukLebeau
 
Otl aicher presentation
Otl aicher presentationOtl aicher presentation
Otl aicher presentationLilyusher17
 
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_nlvri
 
Activerende werkvormen in de praktijk
Activerende werkvormen in de praktijkActiverende werkvormen in de praktijk
Activerende werkvormen in de praktijkeTwinning & CLIL
 
Cause & effect analysis part 2
Cause & effect analysis part 2Cause & effect analysis part 2
Cause & effect analysis part 2Stephen Parsons
 
Cause & effect analysis part 1
Cause & effect analysis part 1Cause & effect analysis part 1
Cause & effect analysis part 1Stephen Parsons
 
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 ClassroomJennifer Jones
 
Critical Thinking Ppt Week 1
Critical Thinking Ppt Week 1Critical Thinking Ppt Week 1
Critical Thinking Ppt Week 1ronsears
 
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 LearnersJennifer Jones
 
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 analysisBhagya Silva
 
Critical thinking powerpoint
Critical thinking powerpointCritical thinking powerpoint
Critical thinking powerpointBarbara 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
 

Andere mochten auch (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
 

Mehr von Klaas Jan Mollema

KNVI2016 Datavisualisatie en infographics
KNVI2016 Datavisualisatie en infographicsKNVI2016 Datavisualisatie en infographics
KNVI2016 Datavisualisatie en infographicsKlaas Jan Mollema
 
Workshop marketing business model canvas erfgoedsector
Workshop marketing business model canvas erfgoedsectorWorkshop marketing business model canvas erfgoedsector
Workshop marketing business model canvas erfgoedsectorKlaas 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 3Klaas 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 2Klaas 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 1Klaas 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 4Klaas 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 3Klaas 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 2Klaas 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 1Klaas Jan Mollema
 
[Idm g] culturele organisaties
[Idm g] culturele organisaties[Idm g] culturele organisaties
[Idm g] culturele organisatiesKlaas Jan Mollema
 
[Idm e] informatievisualisatie 1
[Idm e] informatievisualisatie 1[Idm e] informatievisualisatie 1
[Idm e] informatievisualisatie 1Klaas 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 3Klaas 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 2Klaas 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 1Klaas 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 sharepointKlaas 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 sharepointKlaas 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 sharepointKlaas Jan Mollema
 

Mehr von 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