![Page 1: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/1.jpg)
What to do when: Informing design at every phase
Dana Chisnell
Web Design World SeattleJuly 2009
1
![Page 2: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/2.jpg)
The team did a great job.
2
Something is wrong.But what?
![Page 3: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/3.jpg)
...
Input from users.
Check.
IT constraints.
Check.
Business requirements.
3
![Page 4: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/4.jpg)
How do you fit user research into the process?
4
![Page 5: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/5.jpg)
There are simple things you can do to inform design decisions:
5
![Page 6: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/6.jpg)
Observe and listen to users through 3 key questions
6
http://www.flickr.com/photos/roby72/3345955051/
![Page 7: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/7.jpg)
These phases
Requirements gathering
Design & test
Launch
7
![Page 8: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/8.jpg)
Map to these questions
What should the design do?
How should it do it?
Does it do what we want it to do?
8
![Page 9: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/9.jpg)
Does it do what we wanted it to do?
How should it do it?
What should the design do?
What does that look like?
9
![Page 10: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/10.jpg)
10
![Page 11: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/11.jpg)
What should the design do?
11
![Page 12: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/12.jpg)
12
![Page 13: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/13.jpg)
Learn who the users are
13
![Page 14: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/14.jpg)
14
Brokers or administrators?
![Page 15: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/15.jpg)
15
Doctors or patients?
![Page 16: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/16.jpg)
16
Road warriors or vacationers?
![Page 17: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/17.jpg)
๏Who are the users?
๏What are they like?
๏How are they reaching task goals?
17
![Page 18: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/18.jpg)
Knowing user goals ensures
the design will be successful
18
![Page 19: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/19.jpg)
Surveys
Focus groups
19
Ask, listen
![Page 20: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/20.jpg)
Observe related tasksUsability test previous release
Ethnographic methods
Field usability tests
20
![Page 21: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/21.jpg)
Learn what is useful to users
21
![Page 22: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/22.jpg)
22
Benefit
Value
Usefulness
![Page 23: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/23.jpg)
If benefits aren’t clear, uptake will be a struggle
23
![Page 24: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/24.jpg)
Test competitors
24
![Page 25: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/25.jpg)
Current users
rave or complain
interview-based tasks
25
Test inherent value
![Page 26: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/26.jpg)
New users
tasks from current users
verbalize benefits
26
Test inherent value
![Page 27: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/27.jpg)
Analyze
current and new users match?
anyone match Marketing?
27
Test inherent value
![Page 28: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/28.jpg)
28
BobAdvisor
![Page 29: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/29.jpg)
Proofthe concept
29
![Page 30: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/30.jpg)
30
Qualitative data validating ideas
![Page 31: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/31.jpg)
Reality checkpoint: translating research to requirements
31
![Page 32: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/32.jpg)
Focus groups
Participatory design sessions
32
Show early designs
![Page 33: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/33.jpg)
Test against benchmarksGoals
Previous performance
33
![Page 34: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/34.jpg)
How should the design work?
34
![Page 35: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/35.jpg)
35
![Page 36: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/36.jpg)
Prototype
36
![Page 37: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/37.jpg)
37
Flow
Steps
Information architecture
Interaction
![Page 38: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/38.jpg)
Minimize design risks, experiment with ideas
38
![Page 39: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/39.jpg)
Paper and pencil drawings
Wireframes
39
Low fidelity
![Page 40: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/40.jpg)
High fidelityComps
Real data
Realistic look
Realistic interaction
40
![Page 41: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/41.jpg)
Iterate(rapidly)
41
![Page 42: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/42.jpg)
42
Experimenting = options, refinements
![Page 43: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/43.jpg)
Engage the team in design,shorten time to market
43
![Page 44: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/44.jpg)
Rapid
Iterative
Testing
Evaluation
44
RITE
![Page 45: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/45.jpg)
45
BobAdvisor
![Page 46: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/46.jpg)
46
BobStarBobStar*
As part of our ongoing commitment to provide first class performance reporting for our most valuable clients, we have enhanced our Quarterly Performance Statements for our managed accounts and enrolled full service accounts. The enhancements, which include a new design and expanded content will e introduced to our clients with their 4th quarter 2009 Quarterly Performance Statements this january 2010. Read more
Learn more
BobStar*
- Quick Market Update: Two charts, one table, and a bullet point - Quarterly conference to be held on March 30- 140 BobStar* mutual funds to be removed 3/14- Order BobStar* CSA accepted
![Page 47: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/47.jpg)
Compare designsTough questions
Contentious decisions
* Must be radically different
47
http://www.flickr.com/photos/8666121@N02/2405646718
![Page 48: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/48.jpg)
Testin context
48
![Page 49: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/49.jpg)
49
Insights beyond the lab
![Page 50: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/50.jpg)
Environmental factors
Holistic view of task goals
50
![Page 51: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/51.jpg)
Narrow scope
Narrow task
User-documented data
Informal or formal
51
Go to users
![Page 52: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/52.jpg)
Does it do what we want it to do?
52
![Page 53: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/53.jpg)
53
![Page 54: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/54.jpg)
Follow upon previous releases
54
BTO
![Page 55: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/55.jpg)
55
Error rates
Hard-to-solve problems
Remedies for next release
![Page 56: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/56.jpg)
Start somewhere
56
![Page 57: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/57.jpg)
Holistic and summative
OR
Examine localized problems
57
Classic usability test
![Page 58: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/58.jpg)
Compareto benchmarks
58
![Page 59: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/59.jpg)
59
Compare, contrast quantitative data
![Page 60: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/60.jpg)
Measure improvement
60
![Page 61: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/61.jpg)
Against benchmarks
Defining benchmarks
Summative
61
Classic usability test
![Page 62: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/62.jpg)
Verifyand validate
62
![Page 63: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/63.jpg)
63
Quantitative data about success measures
![Page 64: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/64.jpg)
Ensure goals are being met
Set priorities
64
![Page 65: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/65.jpg)
End-to-end
Refining tasks
How usable is the design
65
Classic usability test
![Page 66: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/66.jpg)
66
BobStarBobStar*
As part of our ongoing commitment to provide first class performance reporting for our most valuable clients, we have enhanced our Quarterly Performance Statements for our managed accounts and enrolled full service accounts. The enhancements, which include a new design and expanded content will e introduced to our clients with their 4th quarter 2009 Quarterly Performance Statements this january 2010. Read more
Learn more
BobStar*
- Quick Market Update: Two charts, one table, and a bullet point - Quarterly conference to be held on March 30- 140 BobStar* mutual funds to be removed 3/14- Order BobStar* CSA accepted
![Page 67: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/67.jpg)
67
TextLogo Division name
Duane Chisnell shares his thoughts on investment management and trust.
![Page 68: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/68.jpg)
What to do when
68
![Page 69: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/69.jpg)
How do you fit user research into the process?
69
![Page 70: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/70.jpg)
There are simple things you can do to inform design decisions
70
![Page 71: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/71.jpg)
Observe and listen to users through 3 key questions
71
![Page 72: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/72.jpg)
72
Take-awaysWhat should the design do?
observe and listen to users
test value
proof the concept
set benchmarks and goals
How should it work?
prototype and iterate design
test in context
Does it do what we want it to do?
compare to benchmarks
validate against usability goals
![Page 73: What To Do When: Informing design at every phase](https://reader036.vdocuments.mx/reader036/viewer/2022081602/54c7c5e14a79595a768b45dd/html5/thumbnails/73.jpg)
Where to learn more
73
Dana’s blog: http://usabilitytestinghowto.blogspot.com/
Download templates, examples, and links to other resources from www.wiley.com/go/usabilitytesting