Usability Testing

1
Usability Testing

• Gould Lewis 3 Principles of design
• Early focus on the user
• Empirical measurement
• Iterative design
• Usability Testing empirical measurement

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

3
Gestalt Laws Proximity

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.189.

4
Gestalt Laws Similarity

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.190.

5
Gestalt Laws Closure

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.195 - 197

6
Continuity

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.193.

7
Gestalt Laws Symmetry

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.193.

8
Gestalt Laws Relative Size
Ware C. (2004). Information Visualization
Perception for Design Elsevier Inc San
Francisco, CA, p.197.
9
Gestalt Laws Figure and Ground

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.198.

10
Gestalt Laws Figure and Ground
Ware C. (2004). Information Visualization
Perception for Design Elsevier Inc San
Francisco, CA, p.198.
11
Gestalt Laws Common Fate
12
Gestalt Laws Division
13
Gestalt Laws Connectedness

• Ware C. (2004). Information Visualization
  Perception for Design Elsevier Inc San
  Francisco, CA, p.192.

14
(No Transcript)
15
(No Transcript)
16
(No Transcript)
17
(No Transcript)
18
(No Transcript)
19
(No Transcript)
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

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

22
When to use a Graph

• Illustrate relations among measures
• Not for absolute measures
• Considersations
• Relevance
• Appropriate Knowledge
• Know your audience

23
Pie or Divided Graphs

• Emphasize the components of a whole

24
Line Graphs

• Quantitative data
• Good for Interval Scales (Time,Temp,Money)
• Interactions

25
Bar Graphs

• Quantitative data
• Comparisons
• Vertical vs. Horizontal
• When in doubtuse vertical
• Side by side graphs show comparisons

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

27
Scatter Plots

• Quantitative Data
• Regression Lines

28
Stacked Bar

• Quantitative Data nominal scale
• Many of the same properties of divided bar
  graphsexcept overall height

29
Layer Graph

• Quantitative Data
• Overall height indicates cumulative total
• http//www.babynamewizard.com/namevoyager/lnv0105.
  html

30
(No Transcript)
31
(No Transcript)
32
(No Transcript)
33
(No Transcript)
34
(No Transcript)
35
(No Transcript)
36
(No Transcript)
37
Assignment 1

• Software Microsoft PowerPoint
• Genre Poster (20 x 30)
• Purpose To support a speaker from your
  company/organization when talking about the
  companys products.
• Users
• The speaker
• One of three different audiences (focus each
  poster on only one audience)