1 / 37

Usability Testing

Usability Testing. Gould & Lewis: 3 Principles of design Early focus on the user Empirical measurement Iterative design Usability Testing = empirical measurement. Informing your design decisions. Gestalt Laws – one source of information Proximity Similarity Closure Continuity Symmetry

zenda
Download Presentation

Usability Testing

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 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 TC 310 Fall 2006

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

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

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

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

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

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

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

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

  11. Gestalt Laws: Common Fate TC 310 Fall 2006

  12. Gestalt Laws: Division TC 310 Fall 2006

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

  14. TC 310 Fall 2006

  15. TC 310 Fall 2006

  16. TC 310 Fall 2006

  17. TC 310 Fall 2006

  18. TC 310 Fall 2006

  19. TC 310 Fall 2006

  20. 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 TC 310 Fall 2006

  21. 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 TC 310 Fall 2006

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

  23. Pie or Divided Graphs • Emphasize the components of a whole TC 310 Fall 2006

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

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

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

  27. Scatter Plots • Quantitative Data • Regression Lines TC 310 Fall 2006

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

  29. Layer Graph • Quantitative Data • Overall height indicates cumulative total • http://www.babynamewizard.com/namevoyager/lnv0105.html TC 310 Fall 2006

  30. TC 310 Fall 2006

  31. TC 310 Fall 2006

  32. TC 310 Fall 2006

  33. TC 310 Fall 2006

  34. TC 310 Fall 2006

  35. TC 310 Fall 2006

  36. TC 310 Fall 2006

  37. 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) TC 310 Fall 2006

More Related