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
[Idm e] informatievisualisatie 2
[Idm e] informatievisualisatie 2
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
[Idm e] informatievisualisatie 2
[Idm e] informatievisualisatie 2
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
[Idm e] informatievisualisatie 2
[Idm e] informatievisualisatie 2
[Idm e] informatievisualisatie 2
[Idm e] informatievisualisatie 2
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

PPTX
Vorming 'Jouw erfgoed op kaart'
PPTX
Ejercicios de tipografia
PPT
Gerlach instituut; jaar 2, les 5 argumenteren
PPT
Omgaan met tegenwerpingen in onderhandelingen
PPT
09. Argument mapping
PDF
Visual metaphors as cognitive scalpel: Cutting through the language disguise
PPT
Novakian mapping for argument work
PPTX
Marktonderzoek in rechte lijn deel 2 2014
Vorming 'Jouw erfgoed op kaart'
Ejercicios de tipografia
Gerlach instituut; jaar 2, les 5 argumenteren
Omgaan met tegenwerpingen in onderhandelingen
09. Argument mapping
Visual metaphors as cognitive scalpel: Cutting through the language disguise
Novakian mapping for argument work
Marktonderzoek in rechte lijn deel 2 2014

Viewers also liked (20)

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

More from Klaas Jan Mollema (20)

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

[Idm e] informatievisualisatie 2