Infographics Dag 2: Van informatie naar infographics
twitter @graphichunters facebook /GraphicHunters.nl linkedin https://nl.linkedin.com/in/ goof-van-de-winkel-aa584a3 email info@graphichunters.nl twitter @studiolakmoes instagram @studiolakmoes facebook /studiolakmoes linkedin http://nl.linkedin.com/in/pijnappels email marjolein@studiolakmoes.nl
http://studiolakmoes.nl/16npo
Oefening 5: Voorwerk eigen infographic 1. Hoofdvraag 2. Doel en doelgroep 3. Data 4. Vorm
6. Infographics in het nieuws
Il Sole 24
Il Sole 24
The New York Times
Washington Post
rtl nieuws
Oefening 6: Infographic checklist van eigen werk
7. Je brein en infographics
Onze hersenen zien verbanden zelfs als die er niet zijn
Veel informatie verwerk je onbewust bits per seconde ogen huid 10 miljoen 1 miljoen oren 100.000 geur 100.000 smaak 1.000 Met ons bewuste brein kunnen we slechts 50 bits per seconde verwerken
Je korte termijn geheugen kan 7 items vasthouden
Ons brein kan lengtes goed vergelijken, oppervlaktes kosten meer moeite
Je brein snapt 3D niet
Oefening 7.1: Ontwikkel je eigen infographic Blauwdruk/structuur
Stappenplan 1. Analyseer en structureer de data 2. Bedenk een hoofdvraag 3. Verzamel eventueel aanvullende data 4. Ontwikkel een blauwdruk 5. Visualiseer de informatie in een infographic
Stap 1 Analyseer en structureer de data Verken de data en informatie en bepaal de structuur Noteer de titel, kopjes en tussenkopjes Formuleer een zin die het hele artikel samenvat Probeer de zin in één woord samen te vatten Probeer het onderwerp te formuleren en eventueel een hoofdgedachte
Stap 2 Bedenk een hoofdvraag Hoe verhoudt dit zich tot iets anders? Hoe werkt dit? Wat is het probleem? Wat is er uniek of bijzonder? De outlyer? Wat is de trend? Wat zijn de oplossingen? Waarom is dit zo?
Stap 3 Verzamel aanvullende data
Stap 4 Ontwikkel een blauwdruk Kop Bron Midden Staart
Stap 5 Visualiseer in een infographic!
8. Zo visualiseer je data
Data typologieën Kwalitatieve, nominale data Namen, steden, kleuren Kwalitatieve, ordinale data Pijnbeleving: weinig > veel Kwantitatieve interval data Datums, GPS-data Kwantitatieve rationele data Geld, temperatuur.
Data visualiseren
Vergelijken
Verhouding
via: informaatiomuotoilu.fi
Verandering/trend
Studio Lakmoes
Proces
Relaties / hiërarchie
Washington Post
Structuur
Phil Ellis in Wired Italia
Let op de buitenbeentjes!
9. Ontwerpen en evalueren
Simplicity of design
Charles Minard, 1812
Kleur
Liegen met data
danspira.com
Metaforen en symbolen
5 regels voor datadesign 1. Gebruik nooit 3D om cijferdata te visualiseren 2. Zet labels daar waar ze logisch zijn 3. Verwijder overbodige elementen 4. Breng structuur en hiërarchie aan 5. Pas kleur toe om data te verhelderen - wees matig 6. Gebruik typografie om informatie te verhelderen - wees matig
Oefening 7.2: Ontwerp je infographic
Oefening 7.3: Presenteer infographic
10. Ontwerpen onder tijdsdruk
Bereid je voor Zorg dat je connecties hebt bij jouw informatiebronnen Zorg dat je weet hoe je de juiste data uit databases krijgt Zorg dat je vantevoren templates klaar hebt staan Leg een iconenbibliotheek aan
Stel kleine vragen
Verdeel de taken
Stem alleen af over de inhoud Door vantevoren templates etc. af te stemmen voorkom je discussie over de vorm Zorg dat afstemming alleen gaat over de inhoud: jij bent verantwoordelijk voor de vorm Stel de juiste vragen als je om feedback vraagt en geef ook aan welke feedback je niet kunt verwerken
11. Tools
Gratis tools Voordelen Nadelen Gratis! Watermerken/logo s Gemakkelijk te gebruiken Niet voor drukwerk Standaard templates Beperkte mogelijkheden Geen eigendomsrechten Vooral voor intern gebruik
Betaalde programma s Voordelen Helemaal naar eigen wens ontwerpen Nadelen Kost geld Je hebt alle eigendomsrechten Investeren in het leren gebruiken van de programma s Geen watermerken/logo s Vooral voor extern gebruik
Tools voor grafieken
Google charts Gratis Eenvoudig programmeren Interactieve grafieken Weergeven online Grote bibliotheek Uitgebreid netwerk voor ondersteuning
JS charts Interactieve grafieken Gebruiksvriendelijk Gratis (met watermerk)
D3 Gratis Programmeren Uitgebreid netwerk voor online ondersteuning Stijle leercurve Datavisualisatie Tulp Interactive
Fusion charts Vanaf $199 Grafieken ontwikkelen Online verspreiden Werkt ook in IE6 Exports in.png,.pdf en.jpg
Tools voor infographics
Adobe illustrator Betaald Vectorbestanden exporteren als PDF of.png Uitgebreide illustratiemogelijkheden Alles zelf ontwerpen
Infogr.am Gratis Zelf een infographic ontwikkelen Eigen data invoeren Foto s, kaarten, etc. invoeren Geen programmeerskills nodig Betalen om PDF of.png te downloaden
Piktochart Gratis (met watermerk) Infographics maken Uitgebreide template library Download.png en.jpg
easel.ly Gratis Ontwerpen zonder in te loggen Downloaden als.pdf Processen visualiseren
Venngage Gratis Uitgebreide library met templates Ook posters ontwerpen Data invoegen
Tableau Betaald Zelf dashboard ontwikkelen Online publiceren Geen programmeerskills nodig Big data Spreadsheets importeren
Local focus Interactieve kaarten Clean en gebruiksvriendelijk 150/maand/gebruiker
Resources
Flaticon Gratis iconen met bronvermelding Betaalbaar iconen aankopen (bronvermelding niet nodig).png en.eps
Tools voor online stories
Timetoast Online tijdlijnen maken Interactief Afbeeldingen uploaden
Storify Combineren van diverse social media Samenwerken aan online verhalen Embedden op websites Live event reporting
Thinklink Interactieve afbeeldingen en video s Vanaf $8/maand Online ontsluiten
Graphic Hunters info@graphichunters.nl 06-2838 3150 Studio Lakmoes Statenlaan 8 6828 WE Arnhem info@studiolakmoes.nl 026-20 26 001