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.

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