$30 off During Our Annual Pro Sale. View Details »

DDVE design class. Information design

Jaanus Kase
December 12, 2011

DDVE design class. Information design

I presented this material with my colleague Priidu Zilmer as part of a two-day design workshop for Tartu University’s Design and Development of Virtual Environments Master’s program. See www.ddve.ee for more info.

Jaanus Kase

December 12, 2011
Tweet

More Decks by Jaanus Kase

Other Decks in Design

Transcript

  1. Information design

    View Slide

  2. 1854 London cholera
    Dr. John Snow
    Father of modern
    epidemiology

    View Slide

  3. Bar chart
    Edward R. Tufte. Visual Explanations

    View Slide

  4. Visual representation
    Edward R. Tufte. Visual Explanations

    View Slide

  5. 1812 Napoleon’s March

    View Slide

  6. Multiple dimensions
    • Size of the army
    • Position of the army on map
    • Location on certain dates
    • Temperature along the retreat

    View Slide

  7. Types of software
    • Information software
    • Manipulation software
    • Communication software
    Bret Victor. Magic Ink

    View Slide

  8. Information software design
    is graphic design
    Bret Victor. Magic Ink

    View Slide

  9. Pre-attentive attributes
    We perceive several basic attributes of visual
    images prior to and without the need for
    conscious awareness.
    Stephen Few. Now You See It

    View Slide

  10. Form: length
    Stephen Few. Now You See It

    View Slide

  11. Form: width
    Stephen Few. Now You See It

    View Slide

  12. Form: orientation
    Stephen Few. Now You See It

    View Slide

  13. Form: size
    Stephen Few. Now You See It

    View Slide

  14. Form: shape
    Stephen Few. Now You See It

    View Slide

  15. Form: curvature
    Stephen Few. Now You See It

    View Slide

  16. Form: enclosure
    Stephen Few. Now You See It

    View Slide

  17. Form: blur
    Stephen Few. Now You See It

    View Slide

  18. Color: hue
    Stephen Few. Now You See It

    View Slide

  19. Color: intensity
    Stephen Few. Now You See It

    View Slide

  20. Spatial position: 2-D
    Stephen Few. Now You See It

    View Slide

  21. Spatial position: grouping
    Stephen Few. Now You See It

    View Slide

  22. Motion: direction
    Stephen Few. Now You See It

    View Slide

  23. Precise perception
    Stephen Few. Now You See It
    Length 2-D position

    View Slide

  24. Bar chart
    0
    25
    50
    75
    100
    2007 2008 2009 2010
    Region 1 Region 2
    Stephen Few. Now You See It

    View Slide

  25. Line chart
    0
    25
    50
    75
    100
    2007 2008 2009 2010
    Region 1 Region 2
    Stephen Few. Now You See It

    View Slide

  26. Scatterplot
    0
    5
    10
    15
    20
    0 5 10 15 20
    2007 2008
    Stephen Few. Now You See It

    View Slide