[Idm e] informatievisualisatie 2

47
visualisatie van informatie klaas jan mollema

Transcript of [Idm e] informatievisualisatie 2

Page 1: [Idm e] informatievisualisatie 2

visualisatie van informatieklaas jan mollema

Page 2: [Idm e] informatievisualisatie 2

information isonly useful

when it can beunderstood

Page 3: [Idm e] informatievisualisatie 2

Een infographic of informatieve illustratie

geeft een

informatieve weergave

bestaande uitverschillende objecten

met eencombinatie van tekst en beeld.

Page 4: [Idm e] informatievisualisatie 2

Een infographic is een

informatieve illustratie

een afbeelding dieinformatie uitbeeldt en verklaart.

Een infographic is een combinatie van tekst en beeld.

Page 5: [Idm e] informatievisualisatie 2

conceptueelgrafisch

Page 6: [Idm e] informatievisualisatie 2

infographics

de geschiedenis

Page 7: [Idm e] informatievisualisatie 2

rotstekeningen

Page 8: [Idm e] informatievisualisatie 2

landkaarten

Page 9: [Idm e] informatievisualisatie 2

William PlayfairThe commercial and political atlas (1786)

Page 10: [Idm e] informatievisualisatie 2

Charles Joseph MinardNapoleon’s invasion of Russia (1861)

Page 11: [Idm e] informatievisualisatie 2

Otto NeurathPictogrammen, isotypes, stick figures (1936)

Page 12: [Idm e] informatievisualisatie 2

Otto NeurathPictogrammen, isotypes, stick figures (1936)

Page 13: [Idm e] informatievisualisatie 2

Stephen Toulminargument theory - models (1958)

Page 14: [Idm e] informatievisualisatie 2

Otl Aicherpictogrammenset Olympische spelen Munchen (1972)

Page 15: [Idm e] informatievisualisatie 2

Otl Aichergrid system pictogrammenset Olympische spelen Munchen (1972)

Page 16: [Idm e] informatievisualisatie 2

pioneer plaque (1972)gouden plaat met info over de herkomst van het ruimtevaartuig

Page 17: [Idm e] informatievisualisatie 2

nusterke 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

Page 18: [Idm e] informatievisualisatie 2

infographics

ingrediënten

Page 19: [Idm e] informatievisualisatie 2

ingrediëntenvan een infographic

Page 20: [Idm e] informatievisualisatie 2

databronnen en betrouwbaarheid

Page 21: [Idm e] informatievisualisatie 2

doelgroepgebruiker centraal

Page 22: [Idm e] informatievisualisatie 2

structuurlogische volgorde voor het leesproces

Page 23: [Idm e] informatievisualisatie 2

opbouwwaar komt welk element te staan?

Page 24: [Idm e] informatievisualisatie 2

vormgevinghoe spreek je de doelgroep aan?

Page 25: [Idm e] informatievisualisatie 2

storytellingvertel je verhaal

Page 26: [Idm e] informatievisualisatie 2

emotie en belevingspreek aan op emoties

Page 27: [Idm e] informatievisualisatie 2

humorvertel je verhaal

Page 28: [Idm e] informatievisualisatie 2

testenkoppel de graphic terug naar de gebruiker

Page 29: [Idm e] informatievisualisatie 2

infographics

soorten

Page 30: [Idm e] informatievisualisatie 2

statischinformatie in één oogopslag duidelijk

Page 31: [Idm e] informatievisualisatie 2
Page 32: [Idm e] informatievisualisatie 2
Page 33: [Idm e] informatievisualisatie 2

geanimeerdinformatie in een lineaire sequence gepresenteerd

Page 34: [Idm e] informatievisualisatie 2

interactiefinformatie gepresenteerd op selectie van gebruiker

Page 35: [Idm e] informatievisualisatie 2

http://www.ted.com/talks/mike_matas.html?utm_source=newsletter_weekly_2011-05-03

Page 36: [Idm e] informatievisualisatie 2

abstract of figuratief

Page 37: [Idm e] informatievisualisatie 2

abstract of figuratief

Page 38: [Idm e] informatievisualisatie 2
Page 39: [Idm e] informatievisualisatie 2
Page 40: [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

Page 41: [Idm e] informatievisualisatie 2
Page 42: [Idm e] informatievisualisatie 2
Page 43: [Idm e] informatievisualisatie 2
Page 44: [Idm e] informatievisualisatie 2
Page 45: [Idm e] informatievisualisatie 2

http://www.ted.com/talks/gary_flake_is_pivot_a_turning_point_for_web_exploration.ht

ml

tools

Page 46: [Idm e] informatievisualisatie 2

studies

• http://www.designacademy.nl/MasterCourse/MasterDepartments/InformationDesign.aspx

• http://www.hdm-stuttgart.de/idb

Page 47: [Idm e] informatievisualisatie 2

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/