SIM workshop InformatieVisualisatie

111
KLAAS JAN MOLLEMA (IDM)

description

SIM workshop InformatieVisualisatie

Transcript of SIM workshop InformatieVisualisatie

Page 1: SIM workshop InformatieVisualisatie

KLAAS JAN MOLLEMA (IDM)

Page 2: SIM workshop InformatieVisualisatie

BeeldtheorieSoorten infographics

Timeline infographicsIngredienten infographic

jouw infographic

Page 3: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 4: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

wij twijfelen maar zelden aan onze ogen

Page 5: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

wij twijfelen maar zelden aan onze ogen

Page 6: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

heeft dus overtuigingskracht

Page 7: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

gestalt theorie:welke vormen horen allemaal bij een object

Page 8: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 9: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 10: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 11: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 12: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

lagen

Page 13: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 14: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 15: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

coderen < > decoderen

Page 16: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 17: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

zender < > ontvanger

Page 18: SIM workshop InformatieVisualisatie

beeldin de optica ontstaat op

de plaats waar de

lichtstralen samenvallen die van een voorwerp afkomstig zijn en door een lens of een spiegel

gebundeld zijn.

Page 19: SIM workshop InformatieVisualisatie

visualisatie

het

vertalenvan een

gedachtenaar een

beeld

Page 20: SIM workshop InformatieVisualisatie

visualisatieruimtelijk inzicht

Page 21: SIM workshop InformatieVisualisatie

visualisatiedatavisualisatie

Page 22: SIM workshop InformatieVisualisatie

beelddragersvoor visualisatie

Page 23: SIM workshop InformatieVisualisatie

visualisatie van technische informatie

diagramgrafiekinfographictopografische kaarttabeltechnische tekening

Page 24: SIM workshop InformatieVisualisatie

visualisatie van technische informatiediagram

Een diagram is een vereenvoudigde en gestructureerde visuele representatie van een concept, idee, constructie, relaties, statistische data, anatomie etc. Een diagram wordt gebruikt om sommige aspecten van onderwerpen te visualiseren en te verhelderen.

Een diagram is dus een afbeelding, die de structuur van een object weergeeft, en is eerder een uitleg dan een weergave.

Wat uitgelegd wordt, is hoe een object in elkaar zit, dat wil zeggen uit welke onderdelen het bestaat en welke relaties er tussen de onderdelen zijn. De onderdelen worden meestal met simpele geometrische figuren gerepresenteerd en hun onderlinge relaties met lijnverbindingen ertussen.

Page 25: SIM workshop InformatieVisualisatie

visualisatie van technische informatiediagram

Page 26: SIM workshop InformatieVisualisatie

visualisatie van technische informatiegrafiek

In de wiskunde is de meest gebruikelijke betekenis van een grafiek een visuele voorstelling in een plat vlak van een (reëelwaardige) functie (van één veranderlijke).

De functie f wordt voorgesteld door in een rechthoekig assenstelsel de punten (x,y) met y=f(x) uit te zetten. Gebruikelijk is het daarbij de x-as horizontaal en de y-as verticaal te tekenen, maar in voorkomende gevallen wordt daar wel van afgeweken.

Grafieken zijn een belangrijk hulpmiddel bij de analyse van wiskundige functies. Zij geven inzicht in het gedrag van de functie. Ook in de statistiek kan men door middel van grafieken een beeld krijgen van de data.

Page 27: SIM workshop InformatieVisualisatie

visualisatie van technische informatiegrafiek

Page 28: SIM workshop InformatieVisualisatie

visualisatie van technische informatieinfographic

Een infographic of informatieve illustratie geeft een informatieve weergave van verschillende objecten met een combinatie van tekst en beeld.

Dit kan voorkomen in de vorm van een kaart, grafiek, bord, instructieve tekening of een interactieve applicatie.

Ze is bedoeld voor het overgedragen van informatie, data en kennis.

Het wordt toegepast door journalisten in nieuws- en achtergrond artikelen, in financiële jaarverslagen, in openbaarvervoerssystemen als verklarend beeld, en voor wetenschappelijke of educatieve doeleinden.

Page 29: SIM workshop InformatieVisualisatie
Page 30: SIM workshop InformatieVisualisatie
Page 31: SIM workshop InformatieVisualisatie
Page 32: SIM workshop InformatieVisualisatie
Page 33: SIM workshop InformatieVisualisatie

visualisatie van technische informatietopografische kaart

Een kaart is een gemodelleerde weergave van het aardoppervlak; meestal een geografische weergave, soms schematisch. Betreft het een (cartografische) landkaart, dan wordt per definitie gebruikgemaakt van een schaal, zodat de weergave meegenomen kan worden of op een beeldscherm kan worden getoond (zie onder 'beeldschermkartografie').

De eerste landkaarten werden rond 3800 voor Christus gemaakt door de Babyloniërs. Claudius Ptolemaeus was een van de eersten die landkaarten maakte. Uit de Romeinse tijd hebben we de Tabula Peutingeriana.

Tegenwoordig zijn er zeer nauwkeurige en betrouwbare landkaarten, gebaseerd op luchtfoto's, onder andere ten behoeve van navigatiesystemen. Via GIS -applicaties kan dynamisch / online op geo-informatie (nodig voor digitale kaarten) worden ingezoomd.

Page 34: SIM workshop InformatieVisualisatie

visualisatie van technische informatietopografische kaart

onderverdelingen:

topografischthematisch

of

geografischschematisch

of

kleinschaliggrootschalig

Page 35: SIM workshop InformatieVisualisatie

visualisatie van technische informatietopografische kaart

Page 36: SIM workshop InformatieVisualisatie

visualisatie van technische informatiethematische kaarten

Een thematische kaart is een kaart waarop kenmerken (grootheden) van één of meerdere thema's zijn afgebeeld. Voorbeelden zijn bodem-, bevolkingsdichtheden-, klimaat- en grondgebruikkaarten

Page 37: SIM workshop InformatieVisualisatie

visualisatie van technische informatiegeografische kaart

Page 38: SIM workshop InformatieVisualisatie

visualisatie van technische informatiesystematische kaart

Page 39: SIM workshop InformatieVisualisatie
Page 40: SIM workshop InformatieVisualisatie
Page 41: SIM workshop InformatieVisualisatie
Page 42: SIM workshop InformatieVisualisatie
Page 43: SIM workshop InformatieVisualisatie
Page 44: SIM workshop InformatieVisualisatie
Page 45: SIM workshop InformatieVisualisatie
Page 46: SIM workshop InformatieVisualisatie
Page 47: SIM workshop InformatieVisualisatie
Page 48: SIM workshop InformatieVisualisatie
Page 49: SIM workshop InformatieVisualisatie
Page 50: SIM workshop InformatieVisualisatie
Page 51: SIM workshop InformatieVisualisatie

visualisatie van technische informatiekleinschalige kaart

Page 52: SIM workshop InformatieVisualisatie

visualisatie van technische informatiegrootschalige kaart

Page 53: SIM workshop InformatieVisualisatie

visualisatie van technische informatietabel

Een tabel is een uit rijen en kolommen opgebouwde matrix van kleine eenheden, cellen genaamd, die in veel gevallen bedoeld is om gegevens overzichtelijk te presenteren.

Ook lijsten vormen tabellen, zoals een adressenlijst. Op een rij staan dan bijvoorbeeld de voornaam van een contact, de achternaam, straat, huisnummer, postcode, woonplaats of nog andere gegevens vermeld.

Page 54: SIM workshop InformatieVisualisatie

visualisatie van technische informatietabel

Page 55: SIM workshop InformatieVisualisatie

visualisatie van technische informatietechnische tekening

Een technische tekening is een type van tekening, dat technisch van aard is, en oa. gebruikt wordt in de bouwkunde en werktuigbouwkunde om volgens vastgelegde conventies en standaarden de vorm, maat en andere eigenschappen van constructies in kaart te brengen en nader te specificeren. Technische tekeningen zijn vaak blauwdrukken.

Technisch tekenen is het ambacht van het maken van tekeningen volgens de geldende normen en voorschriften. Dit in tegenstelling tot het vrij tekenen, wat een kunstvorm is.Het uiteindelijke doel van technisch tekenen is het bouwen van het getekende ontwerp.Het ontwerpen gebeurt in de regel door grafisch ontwerpers, constructeurs, architecten technici als technisch tekenaars.

Page 56: SIM workshop InformatieVisualisatie

visualisatie van technische informatietechnische tekening

Page 57: SIM workshop InformatieVisualisatie
Page 58: SIM workshop InformatieVisualisatie
Page 59: SIM workshop InformatieVisualisatie
Page 60: SIM workshop InformatieVisualisatie
Page 61: SIM workshop InformatieVisualisatie
Page 62: SIM workshop InformatieVisualisatie
Page 63: SIM workshop InformatieVisualisatie
Page 64: SIM workshop InformatieVisualisatie
Page 65: SIM workshop InformatieVisualisatie

information isonly useful

when it can beunderstood

Page 66: SIM workshop InformatieVisualisatie

Een infographic of informatieve illustratie

geeft een

informatieve weergave

bestaande uitverschillende objecten

met eencombinatie van tekst en beeld.

Page 67: SIM workshop InformatieVisualisatie

Een infographic is een

informatieve illustratie

een afbeelding dieinformatie uitbeeldt en verklaart.

Een infographic is een combinatie van tekst en beeld.

Page 68: SIM workshop InformatieVisualisatie

conceptueelgrafisch

Page 69: SIM workshop InformatieVisualisatie

infographics

de geschiedenis

Page 70: SIM workshop InformatieVisualisatie

rotstekeningen

Page 71: SIM workshop InformatieVisualisatie

landkaarten

Page 72: SIM workshop InformatieVisualisatie

William PlayfairThe commercial and political atlas (1786)

Page 73: SIM workshop InformatieVisualisatie

Charles Joseph MinardNapoleon’s invasion of Russia (1861)

Page 74: SIM workshop InformatieVisualisatie

Otto NeurathPictogrammen, isotypes, stick figures (1936)

Page 75: SIM workshop InformatieVisualisatie

Otto NeurathPictogrammen, isotypes, stick figures (1936)

Page 76: SIM workshop InformatieVisualisatie

Stephen Toulminargument theory - models (1958)

Page 77: SIM workshop InformatieVisualisatie

Otl Aicherpictogrammenset Olympische spelen Munchen (1972)

Page 78: SIM workshop InformatieVisualisatie

Otl Aichergrid system pictogrammenset Olympische spelen Munchen (1972)

Page 79: SIM workshop InformatieVisualisatie

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

Page 80: SIM workshop InformatieVisualisatie

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 81: SIM workshop InformatieVisualisatie

infographics

ingrediënten

Page 82: SIM workshop InformatieVisualisatie

ingrediëntenvan een infographic

Page 83: SIM workshop InformatieVisualisatie

databronnen en betrouwbaarheid

Page 84: SIM workshop InformatieVisualisatie

doelgroepgebruiker centraal

Page 85: SIM workshop InformatieVisualisatie

structuurlogische volgorde voor het leesproces

Page 86: SIM workshop InformatieVisualisatie

opbouwwaar komt welk element te staan?

Page 87: SIM workshop InformatieVisualisatie

vormgevinghoe spreek je de doelgroep aan?

Page 88: SIM workshop InformatieVisualisatie

storytellingvertel je verhaal

Page 89: SIM workshop InformatieVisualisatie

emotie en belevingspreek aan op emoties

Page 90: SIM workshop InformatieVisualisatie

humorvertel je verhaal

Page 91: SIM workshop InformatieVisualisatie

testenkoppel de graphic terug naar de gebruiker

Page 92: SIM workshop InformatieVisualisatie

infographics

soorten

Page 93: SIM workshop InformatieVisualisatie

statischinformatie in één oogopslag duidelijk

Page 94: SIM workshop InformatieVisualisatie
Page 95: SIM workshop InformatieVisualisatie
Page 96: SIM workshop InformatieVisualisatie

geanimeerdinformatie in een lineaire sequence gepresenteerd

Page 97: SIM workshop InformatieVisualisatie

interactiefinformatie gepresenteerd op selectie van gebruiker

Page 98: SIM workshop InformatieVisualisatie
Page 99: SIM workshop InformatieVisualisatie

abstract of figuratief

Page 100: SIM workshop InformatieVisualisatie

abstract of figuratief

Page 101: SIM workshop InformatieVisualisatie
Page 102: SIM workshop InformatieVisualisatie
Page 103: SIM workshop InformatieVisualisatie
Page 104: SIM workshop InformatieVisualisatie

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 105: SIM workshop InformatieVisualisatie
Page 106: SIM workshop InformatieVisualisatie
Page 107: SIM workshop InformatieVisualisatie
Page 108: SIM workshop InformatieVisualisatie
Page 109: SIM workshop InformatieVisualisatie

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

ml

tools

Page 110: SIM workshop InformatieVisualisatie

studies

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

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

Page 111: SIM workshop InformatieVisualisatie

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/