Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DDVE design class. Information design

1591ee5da3f4480605ace6fcc0b8d43f?s=47 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.

1591ee5da3f4480605ace6fcc0b8d43f?s=128

Jaanus Kase

December 12, 2011
Tweet

Transcript

  1. Information design

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

  3. Bar chart Edward R. Tufte. Visual Explanations

  4. Visual representation Edward R. Tufte. Visual Explanations

  5. 1812 Napoleon’s March

  6. Multiple dimensions • Size of the army • Position of

    the army on map • Location on certain dates • Temperature along the retreat
  7. Types of software • Information software • Manipulation software •

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

  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
  10. Form: length Stephen Few. Now You See It

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

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

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

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

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

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

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

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

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

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

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

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

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

    position
  24. Bar chart 0 25 50 75 100 2007 2008 2009

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

    2010 Region 1 Region 2 Stephen Few. Now You See It
  26. Scatterplot 0 5 10 15 20 0 5 10 15

    20 2007 2008 Stephen Few. Now You See It