Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early...
-
Upload
sharlene-griffith -
Category
Documents
-
view
222 -
download
0
Transcript of Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early...
![Page 1: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/1.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 1
Usability Testing
• Gould & Lewis: 3 Principles of design– Early focus on the user– Empirical measurement– Iterative design
• Usability Testing = empirical measurement
![Page 2: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/2.jpg)
Monday 2 Sept 2006 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
![Page 3: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/3.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 3
Gestalt Laws: Proximity
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.189.
![Page 4: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/4.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 4
Gestalt Laws: Similarity
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.190.
![Page 5: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/5.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 5
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.195 - 197
Gestalt Laws: Closure
![Page 6: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/6.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 6
Continuity
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.193.
![Page 7: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/7.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 7
Gestalt Laws: Symmetry
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.193.
![Page 8: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/8.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 8
Gestalt Laws: Relative Size
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.197.
![Page 9: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/9.jpg)
Monday 2 Sept 2006 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
![Page 10: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/10.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 10
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.198.
Gestalt Laws: Figure and Ground
![Page 11: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/11.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 11
Gestalt Laws: Common Fate
![Page 12: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/12.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 12
Gestalt Laws: Division
![Page 13: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/13.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 13
Gestalt Laws: Connectedness
Ware C. (2004). Information Visualization: Perception for Design: Elsevier Inc: San Francisco, CA, p.192.
![Page 14: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/14.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 14
![Page 15: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/15.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 15
![Page 16: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/16.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 16
![Page 17: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/17.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 17
![Page 18: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/18.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 18
![Page 19: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/19.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 19
![Page 20: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/20.jpg)
Monday 2 Sept 2006 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
![Page 21: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/21.jpg)
Monday 2 Sept 2006 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
![Page 22: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/22.jpg)
Monday 2 Sept 2006 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
![Page 23: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/23.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 23
Pie or Divided Graphs
• Emphasize the components of a whole
1st Qtr
2nd Qtr
3rd Qtr
4th Qtr0%
20%
40%
60%
80%
100%
1stQtr
2ndQtr
3rdQtr
4thQtr
North
West
East
![Page 24: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/24.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 24
Line Graphs
• Quantitative data• Good for Interval
Scales (Time,Temp,Money)
• Interactions
Winter tempatures
0
10
20
30
40
50
60
70
Dec Feb
Months
Deg
rees Seattle
SanFran
NewYork
![Page 25: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/25.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 25
Bar Graphs
• Quantitative data• Comparisons• Vertical vs.
Horizontal– When in doubt…use
vertical
• Side by side graphs – show comparisons
0
10
20
30
40
50
60
70
80
90
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
East
West
North
![Page 26: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/26.jpg)
Monday 2 Sept 2006 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
![Page 27: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/27.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 27
Scatter Plots
• Quantitative Data• Regression Lines
0
10
20
30
40
50
60
70
80
90
100
0 20 40 60 80 100
Scores
![Page 28: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/28.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 28
Stacked Bar
• Quantitative Data – nominal scale
• Many of the same properties of divided bar graphs…except overall height 0 50 100 150 200
East
West
North
1st Qtr
2nd Qtr
3rd Qtr
4th Qtr
![Page 29: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/29.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 29
Layer Graph
• Quantitative Data• Overall height
indicates cumulative total
• http://www.babynamewizard.com/namevoyager/lnv0105.html
0
20
40
60
80
100
120
140
160
180
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
North
West
East
![Page 30: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/30.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 30
![Page 31: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/31.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 31
![Page 32: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/32.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 32
![Page 33: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/33.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 33
![Page 34: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/34.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 34
![Page 35: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/35.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 35
![Page 36: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/36.jpg)
Monday 2 Sept 2006 TC 310 Fall 2006 36
![Page 37: Monday 2 Sept 2006TC 310 Fall 20061 Usability Testing Gould & Lewis: 3 Principles of design –Early focus on the user –Empirical measurement –Iterative.](https://reader035.fdocuments.in/reader035/viewer/2022062301/5697c00b1a28abf838cc7fc7/html5/thumbnails/37.jpg)
Monday 2 Sept 2006 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)