Visual Storytelling

B 5

Tekst & Beeld

Huiswerkopdracht

Verhaal

Visualisatie

BeeldTekst

FunctioneelInhoudelijk

2 Het gebruik van tekstinhoudelijk

Kop

inleiding Bericht

Toelichting Artikel

Samenvatting Conclusie

Historische voorbeelden1812 Wat er overb leef van Napoleons leger

1854 Waar Engelse so ldaten aan dood gingen

1765 Hoe de were ld werd wat hi j i s

KOP – met conclusie

Uitleg over manier

waarop je grafiek

moet lezen

Annotatie (verklarendeaantekening

Beschrijving

Legenda

Label

legenda

annotatie

kop

Multi-messaging

Begeleidende berichten

Herhaling van kop

legenda

annotatie

begeleidende artikelen

IntroductieKop

Kop

Intro

Begeleidende berichten

Lineaire leesvolgorde

Nieuwe vormen van tekst-beeld integratie

Mist hier iets?

http://www.google.com/imgres?imgurl=http://thumbnails.visually.netdna-cdn.com/missions-to-mars_50290aa620def_w1500.jpg&imgrefurl=http://visual.ly/missions-mars&h=2000&w=1500&sz=656&tbnid=zfaXfKlvboCcZM:&tbnh=90&tbnw=68&zoom=1&usg=__Rrzcu2pFsIdgd2yWOTJ4xOr8pfc=&docid=a_OxCKHHyQizNM&sa=X&ei=3WWoUqHhDs-10QXy1oGIBA&ved=0CG8Q9QEwBg

Voice over

http://www.vizualism.com/infographics/interactive

http://www.imedge.biz/demos/narration

Gebruik van tekstfunctioneel

Navigatie

Instructie

Intuitie

Initiatie

SymbolenWel of geen uitleg

Dimensies Wel of geen uitleg

Meer uitleg nodig voor navigatie?Meer uitleg nodig voor gekozen

dimensies?

Wat valt op aan deze kop?

Wat betekent dat voor de

ordening?

Wat betekent dit symbool?

Is het duidelijk hoe je dit moet

gebruiken?

Navigatie-instructie

Navigatie

Overzicht

Zoom & Filter

Details naar keuze

Overzicht

Zoom

Details

Vormen van specificatie

Filteren (dit wel en dat niet)

Beperken of vergroten van hoeveelheid informatie

Sorteren (op deze manier presenteren)

Mogelijkheid om voor alternatieve

presentatievormen te kiezen

Selecteren (specifiek soort

informatie)

Specifieke combinaties presenteren

Filteren - widgets 2

selectievakjeskeuzerondjes

Bereik schuif (?)

Zoom tekens

Filteren - widgets

tabbladen

Sorteren

0%

20%

40%

60%

80%

100%

Reeks 3

Reeks 2

Reeks 1 0

2

4

6

8

10

12

14

Categorie 1 Categorie 2 Categorie 3 Categorie 4

Series3

Series2

Series1

Reeks 1

Categorie 1

Categorie 2

Categorie 3

Categorie 4

Voorbeeld van keuze voor sorteren van grafieken in Excel

Sorteren 2

Selecterentechnieken slepen

klikken

gebied selecteren

Aanraken

Stem

http://www.nytimes.com/newsgraphics/2013/11/30/football-conferences/

Selecteren

Selecteren

Selecteren: Aanwijzen met muis

Lesopdracht

• Bedenk een schema van Overzicht/Zoom/Detail voor:

1. De Uithof

2. Populaire muziek

3. Je carrière

Inhoud

Kwantitatief Kwalitatief Mix

Verantwoording

Een beetje meer kan geen kwaad

Zo kan het ook

Of zo

Huiswerk

• Geef een voorbeeld van een infographic waarbij veel tekst

wordt gebruikt, en een met weinig of geen tekst. Geef voor

ieder aan waar meer of minder tekst wenselijk is.

• Geef een voorbeeld van een nuttige en een zinloze

functionele toelichting.

• Zoek een voorbeeld van een interactieve graphic waarbij

het principe van overzicht, filteren en detail goed is

toegepast, en een waarbij dat niet of slecht is toegepast.

• Geef telkens twee voorbeelden van interactieve graphics

waarbij sprake is van filteren, sorteren en selecteren.