1 design discovery. 2 interface hall of shame or fame?
Post on 22-Dec-2015
225 views
TRANSCRIPT
![Page 1: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/1.jpg)
1
Design Discovery
![Page 2: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/2.jpg)
2
Interface Hall of Shame or Fame?
![Page 3: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/3.jpg)
3
Interface Hall of Shame
?
![Page 4: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/4.jpg)
4
Interface Hall of Shame
? Requires recall over
recognition want recognition over
recall
![Page 5: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/5.jpg)
5
Outline
Usability Customer-centered design Design process Involving the customer Administrivia Task Analysis
![Page 6: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/6.jpg)
6
Usability Metrics ?
Ease of learning faster the second time and so on...
Recall remember how from one session to the next
Productivity perform tasks quickly and efficiently
Minimal error rates if they occur, good feedback so user can recover
High user satisfaction confident of success
![Page 7: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/7.jpg)
7
Customer-centered Iterative Design
Developers working with target customers Think of the world in customers terms Understanding work process Not technology-centered/feature driven Iterate at every stage
Design
Prototype
Evaluate
![Page 8: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/8.jpg)
8
Waterfall Model (Soft. Eng.)
Application Description
RequirementsSpecification
SystemDesign
Product
Initiation
Analysis
Design
Implementation
?
![Page 9: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/9.jpg)
9
Waterfall vs. Iterative Customer-Centered Design Focus differs
WF lacks customer’s perspective
customer is the “client”
WF has no feedback high cost of fixing errors
increases by factor of 10 at each stage
iterative design finds these earlier
Application Description
RequirementsSpecification
SystemDesign
Product
Initiation
Analysis
Design
Implement
DesignPrototype
Evaluate
![Page 10: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/10.jpg)
10
Why Do It? Nearly 25% of all applications projects fail.
Why? overrun budgets & management pulls the plug others complete, but are too hard to learn/use
Solution is customer-centered design. Why? easier to learn & use products sell better can help keep a product on/ahead of schedule training costs reduced
![Page 11: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/11.jpg)
11
Design
Design is driven by requirements what the artifact is for not how it is to be implemented
Write essay start word processor write outline fill out outlineStart word processor find word processor icon double click on iconWrite outline write down high-level ideas
.
.
.
A design represents the artifact for UIs these include (?)
screen sketches or storyboards flow diagrams/outline showing task structure executable prototypes
representations simplify
![Page 12: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/12.jpg)
12
Web Design Representations
Designers create representations of sites at multiple levels of detail
Web sites are iteratively refined at all levels of detail
Site Maps Storyboards Schematics Mock-ups
![Page 13: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/13.jpg)
13
Design Process
Production
Design Refinement
Design Exploration
Discovery
![Page 14: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/14.jpg)
14
Design Process: Discovery
Assess needs understand client’s
expectations determine scope of
project characteristics of
customers evaluate existing
interface and/or competition
Production
Design Refinement
Design Exploration
Discovery
![Page 15: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/15.jpg)
15
Understanding the Customer
How do your customers work? task analysis, interviews, & observation
How do your customers think? understand human cognition observe users performing tasks
How do your customers interact with UIs? observe!
![Page 16: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/16.jpg)
16
Example of Design Failure
BART “Charge-a-Ticket” Machines allow riders to buy BART tickets or add fare takes ATM cards, credit cards, & cash
![Page 17: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/17.jpg)
![Page 18: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/18.jpg)
![Page 19: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/19.jpg)
19
Example of Design Failure
BART “Charge-a-Ticket” Machines allow riders to buy BART tickets or add fare takes ATM cards, credit cards, & cash
Problems (?)
one “path” of operation ticket type -> payment type -> payment -> ticket
BART Plus has minimum of $28, no indication of this until after inserting >= $1 can’t switch to regular BART ticket
order of payment / card insertion non-standard large dismiss transaction button does nothing
![Page 20: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/20.jpg)
20
Lessons from the BART machine
Failure to create convenient machine Did the designers understand/care
range of customers using the machine what tasks they would want to carry out some would find the behavior of the machine
disconcerting How can we avoid similar results?
“What is required to perform the customer’s task?”
![Page 21: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/21.jpg)
21
Task Analysis
Find out who the intended customers are what tasks they need to perform
Observe existing work practices Create scenarios of actual use Try-out new ideas before building software
![Page 22: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/22.jpg)
22
Why Task Analysis?
System will fail if it does not do what the customer needs is inappropriate to the customer
“the system must match the customers’ tasks”
Why not define “good” interfaces? infinite variety of tasks & customers guidelines are usually too vague
e.g.,“give adequate feedback”
![Page 23: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/23.jpg)
23
TaskAnalysisQuestions
Who is going to use system? What tasks do they now perform? What tasks are desired? How are the tasks learned? Where are the tasks performed? What’s the relationship between user & data?
![Page 24: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/24.jpg)
24
Questions (cont.)
What other tools does the customer have? How do customers communicate with each
other? How often are the tasks performed? What are the time constraints on the tasks? What happens when things go wrong?
![Page 25: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/25.jpg)
25
Who?
Identity? in-house or specific customer is easy need several typical customers for broad product
Background Skills Work habits and preferences Physical characteristics
height?
![Page 26: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/26.jpg)
26
Who (BART)?
Identity? people who ride BART
business people, students, disabled, elderly, etc. Background
have an ATM or credit card use BART fare machines
Skills know how to put cards into ATM know how to buy BART tickets
![Page 27: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/27.jpg)
27
Who (BART cont.)?
Work habits and preferences not applicable
Physical characteristics varying heights don’t make it too high or too
low!
![Page 28: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/28.jpg)
28
Talk to Them
Find some real customers Talk to them
find out what they do how would your system fit in
Are they too busy? buy their time
t-shirts, coffee mugs, etc.
![Page 29: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/29.jpg)
29
What Tasks?
Important for both automation & new functionality Relative importance of tasks? Observe customers
on-line billing example small dentists office had billing automated assistants were unhappy with new system old forms contained hand-written margin notes
e.g., patient A’s insurance takes longer than most, etc.
![Page 30: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/30.jpg)
30
What Tasks (BART)?
Old tasks? cash to buy new ticket cash to add fare to existing ticket cash or credit to buy a BART Plus at window
New tasks? cash, credit, or ATM card to
buy new ticket add fare to existing ticket buy a BART Plus ticket
Level of detail can vary
![Page 31: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/31.jpg)
31
How are Tasks Learned?
What does the customer need to know? Do they need training?
academic general knowledge / skills special instruction / training
![Page 32: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/32.jpg)
32
How are Tasks Learned (BART)?
Walk up & use system (?)
can’t assume much background/training Training?
too time consuming Must be simple & similar to existing systems
BART machines ATM machines
![Page 33: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/33.jpg)
33
Where is the Task Performed?
Office, laboratory, point of sale?
Effects of environment on customers?
Customers under stress?
Confidentiality required?
Do they have wet, dirty, or slippery hands?
Soft drinks? Lighting? Noise?
![Page 34: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/34.jpg)
34
Where (BART)? Train Station
Loud dependence on voice I/O not a good idea
Others looking over your shoulder not private PIN input must be confidential
don’t confirm with sound
Lighting is dim make sure messages are readable
![Page 35: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/35.jpg)
35
What is the Relationship Between Customers & Data?
Personal data always accessed at same machine? do customers move between machines?
Common data used concurrently? passed sequentially between customers?
Remote access required? Access to data restricted?
![Page 36: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/36.jpg)
36
Data Relationships (BART)
Personal data customers may use any machine store info on BART card
Common data (?)
fare rules (e.g., how much for BART Plus) used concurrently
Access to data restricted? only you can use your ATM or credit card
No need for remote access
![Page 37: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/37.jpg)
37
What Other Tools Does the Customer Have?
More than just compatibility How customer works with collection of tools
example: automating lab data collection how is data collected now? by what instruments and manual procedures? how is the information analyzed? are the results transcribed for records or publication? what media/forms are used and how are they handled?
![Page 38: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/38.jpg)
38
How do Customers Communicate With Each Other? Who communicates with whom? About what? Follow lines of the organization? Against it? Example: assistant to manager
installation of computers changes communication between them
people would rather change their computer usage than their relationship [Hersh82]
![Page 39: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/39.jpg)
39
A Better Subway Machine: Hong Kong
![Page 40: 1 Design Discovery. 2 Interface Hall of Shame or Fame?](https://reader036.vdocuments.net/reader036/viewer/2022062421/56649d795503460f94a5d2da/html5/thumbnails/40.jpg)
40
Summary
Customer-centered design is different than traditional methodologies leads to solving problems up front (cheaper)
Know thy customer & involve them in design answer questions before designing
who, what, where, when, how often? relationship between customers & data? what other tools do customers have? what happens when things go wrong?