1. Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative design Usability Testing = empirical measurement

2. Monday 2 Sept 2006TC 310 Fall 20062 Informing your design decisions Gestalt Laws – one source of information Proximity Similarity Closure Continuity Symmetry Relative size Figure and Ground Common fate –Later Additions Division (Kostelnick and Roberts, 1998) Connectedness (Palmer and Rock, 1995) Empirical Studies

3. Monday 2 Sept 2006TC 310 Fall 20063 Gestalt Laws: Proximity Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.189.

4. Monday 2 Sept 2006TC 310 Fall 20064 Gestalt Laws: Similarity Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.190.

5. Monday 2 Sept 2006TC 310 Fall 20065 Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.195 - 197 Gestalt Laws: Closure

6. Monday 2 Sept 2006TC 310 Fall 20066 Continuity Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.193.

7. Monday 2 Sept 2006TC 310 Fall 20067 Gestalt Laws: Symmetry Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.193.

8. Monday 2 Sept 2006TC 310 Fall 20068 Gestalt Laws: Relative Size Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.197.

9. Monday 2 Sept 2006TC 310 Fall 20069 Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.198. Gestalt Laws: Figure and Ground

10. Monday 2 Sept 2006TC 310 Fall 200610 Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.198. Gestalt Laws: Figure and Ground

11. Monday 2 Sept 2006TC 310 Fall 200611 Gestalt Laws: Common Fate

12. Monday 2 Sept 2006TC 310 Fall 200612 Gestalt Laws: Division

13. Monday 2 Sept 2006TC 310 Fall 200613 Gestalt Laws: Connectedness Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.192.

14. Monday 2 Sept 2006TC 310 Fall 200614

15. Monday 2 Sept 2006TC 310 Fall 200615

16. Monday 2 Sept 2006TC 310 Fall 200616

17. Monday 2 Sept 2006TC 310 Fall 200617

18. Monday 2 Sept 2006TC 310 Fall 200618

19. Monday 2 Sept 2006TC 310 Fall 200619

20. Monday 2 Sept 2006TC 310 Fall 200620 Empirical Studies Miles Tinker –Readability research Stone and Glock –Studies in how visuals effect procedural instructions Kosslyn –Studies in understanding perception of charts and graphs Design Research can address/help: –How to solve design issues –How to provide a design rationale

21. Monday 2 Sept 2006TC 310 Fall 200621 Charts, Graphs, Diagrams and Maps Graph –Quantitative measures –Some Maps if they lay-out distance Charts and Diagrams –Qualitative –Specifies relationships –Diagrams = schematic pictures of objects or events Maps –Spatial layout

22. Monday 2 Sept 2006TC 310 Fall 200622 When to use a Graph Illustrate relations among measures Not for absolute measures Considersations –Relevance –Appropriate Knowledge Know your audience

23. Monday 2 Sept 2006TC 310 Fall 200623 Pie or Divided Graphs Emphasize the components of a whole

24. Monday 2 Sept 2006TC 310 Fall 200624 Line Graphs Quantitative data Good for Interval Scales (Time,Temp,Money) Interactions

25. Monday 2 Sept 2006TC 310 Fall 200625 Bar Graphs Quantitative data Comparisons Vertical vs. Horizontal –When in doubt…use vertical Side by side graphs – show comparisons

26. Monday 2 Sept 2006TC 310 Fall 200626 Step Graphs Quantitative Data Illustrate trends among >2 members of a nominal or ordinal scale Use a line graph if the values vary continuously

27. Monday 2 Sept 2006TC 310 Fall 200627 Scatter Plots Quantitative Data Regression Lines

28. Monday 2 Sept 2006TC 310 Fall 200628 Stacked Bar Quantitative Data – nominal scale Many of the same properties of divided bar graphs…except overall height

29. Monday 2 Sept 2006TC 310 Fall 200629 Layer Graph Quantitative Data Overall height indicates cumulative total http://www.babynam ewizard.com/namev oyager/lnv0105.htmlhttp://www.babynam ewizard.com/namev oyager/lnv0105.html

30. Monday 2 Sept 2006TC 310 Fall 200630

31. Monday 2 Sept 2006TC 310 Fall 200631

32. Monday 2 Sept 2006TC 310 Fall 200632

33. Monday 2 Sept 2006TC 310 Fall 200633

34. Monday 2 Sept 2006TC 310 Fall 200634

35. Monday 2 Sept 2006TC 310 Fall 200635

36. Monday 2 Sept 2006TC 310 Fall 200636

37. Monday 2 Sept 2006TC 310 Fall 200637 Assignment 1 Software: Microsoft PowerPoint Genre: Poster (20” x 30”) Purpose: To support a speaker from your company/organization when talking about the company’s products. Users: –The speaker –One of three different audiences (focus each poster on only one audience)