0
Visual Storytelling
B5
Tekst & Beeld
Huiswerkopdracht
Visualisatie

Verhaal

Tekst

Inhoudelijk

Beeld

Functioneel
2 Het gebruik van tekst
inhoudelijk

Kop

Toelichting

Artikel

inleiding

Bericht

Samenvatting

Conclusie
Historische voorbeelden
1 8 1 2 Wat e r o ve r b l e ef va n N a p o l e o n s l e ge r
1 8 5 4 Wa a r E n ge l s e s o l d ate n a a n d o o d g i n ge n
1 7 6 5 H o e d e w e re l d w e rd wa t h i j i s
KOP – met
conclusie

Beschrijving

Annotatie (verklarende
aantekening

Legenda

Label

Uitleg over
manier
waarop je
grafie...
kop

annotatie

legenda
Multi-messaging

Herhaling van
kop

Begeleidende berichten
legenda

annotatie
Kop

begeleidende
artikelen

Introductie
Kop
Intro

Begeleidende
berichten

Lineaire
leesvolgorde
Nieuwe vormen van tekst-beeld
integratie
Mist hier iets?
Voice over
Gebruik van tekst
functioneel
Instructie
Navigatie

Intuitie
Initiatie

Wel of geen uitleg

Symbolen

Dimensies

Wel of ge...
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
g...
Navigatie

Zoom &
Filter
Overzicht

Details
naar
keuze
Overzicht
Zoom
Details
Vormen van specificatie

Filteren (dit wel
en dat niet)
Beperken of
vergroten van
hoeveelheid
informatie

Sorteren (op
dez...
Filteren - widgets 2
Zoom tekens

Bereik schuif (?)

keuzerondjes

selectievakjes
Filteren - widgets
tabbladen
Sorteren
100%
80%
60%
40%
20%
0%

14
12
10
8

Reeks 3

Reeks 2
Reeks 1

Series3

6

Series2

4

Series1

2
0
Categorie 1

...
Sorteren 2
Selecteren
technieken

slepen

klikken

gebied selecteren

Aanraken

Stem
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...
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
EMD Les B5 Tekst en Beeld
Upcoming SlideShare
Loading in...5
×

EMD Les B5 Tekst en Beeld

117

Published on

Over de combinatie van tekst en beeld in interactieve informatie visualisaties

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
117
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • ----- Meeting Notes (12/12/13 12:12) -----
  • Transcript of "EMD Les B5 Tekst en Beeld "

    1. 1. Visual Storytelling B5 Tekst & Beeld
    2. 2. Huiswerkopdracht
    3. 3. Visualisatie Verhaal Tekst Inhoudelijk Beeld Functioneel
    4. 4. 2 Het gebruik van tekst inhoudelijk Kop Toelichting Artikel inleiding Bericht Samenvatting Conclusie
    5. 5. Historische voorbeelden 1 8 1 2 Wat e r o ve r b l e ef va n N a p o l e o n s l e ge r
    6. 6. 1 8 5 4 Wa a r E n ge l s e s o l d ate n a a n d o o d g i n ge n
    7. 7. 1 7 6 5 H o e d e w e re l d w e rd wa t h i j i s
    8. 8. KOP – met conclusie Beschrijving Annotatie (verklarende aantekening Legenda Label Uitleg over manier waarop je grafiek moet lezen
    9. 9. kop annotatie legenda
    10. 10. Multi-messaging Herhaling van kop Begeleidende berichten
    11. 11. legenda annotatie
    12. 12. Kop begeleidende artikelen Introductie
    13. 13. Kop Intro Begeleidende berichten Lineaire leesvolgorde
    14. 14. Nieuwe vormen van tekst-beeld integratie
    15. 15. Mist hier iets?
    16. 16. Voice over
    17. 17. Gebruik van tekst functioneel Instructie Navigatie Intuitie Initiatie Wel of geen uitleg Symbolen Dimensies Wel of geen uitleg
    18. 18. Meer uitleg nodig voor navigatie? Meer uitleg nodig voor gekozen dimensies?
    19. 19. Wat valt op aan deze kop? Wat betekent dat voor de ordening? Wat betekent dit symbool? Is het duidelijk hoe je dit moet gebruiken? Navigatieinstructie
    20. 20. Navigatie Zoom & Filter Overzicht Details naar keuze
    21. 21. Overzicht
    22. 22. Zoom
    23. 23. Details
    24. 24. 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
    25. 25. Filteren - widgets 2 Zoom tekens Bereik schuif (?) keuzerondjes selectievakjes
    26. 26. Filteren - widgets tabbladen
    27. 27. Sorteren 100% 80% 60% 40% 20% 0% 14 12 10 8 Reeks 3 Reeks 2 Reeks 1 Series3 6 Series2 4 Series1 2 0 Categorie 1 Categorie 2 Categorie 3 Categorie 4 Reeks 1 Categorie 1 Categorie 2 Categorie 3 Categorie 4 Voorbeeld van keuze voor sorteren van grafieken in Excel
    28. 28. Sorteren 2
    29. 29. Selecteren technieken slepen klikken gebied selecteren Aanraken Stem
    30. 30. Selecteren
    31. 31. Selecteren
    32. 32. Selecteren: Aanwijzen met muis
    33. 33. Lesopdracht • Bedenk een schema van Overzicht/Zoom/Detail voor: 1. De Uithof 2. Populaire muziek 3. Je carrière
    34. 34. Inhoud Kwantitatief Kwalitatief Mix
    35. 35. Verantwoording Een beetje meer kan geen kwaad
    36. 36. Zo kan het ook Of zo
    37. 37. 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.
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×