User Interface
Design and Testing
for
UPMC Pharmacy
Vigor
1
Qi Zhen
Song Cui
Wei Wang
Ying Li
Thomas Lombardi
Vinod Vemuru
Results
from
Contextual Inquiry
2
Breakdown 1:
Misspelling the Name of the Drug
3
Improvement 1:
Provide Type-ahead Function
4
Breakdown 2:
User Cannot Register for an Account
5
Improvement 2:
Put the Register Button near the Sign-In Field
6
Breakdown 3:
Not Enough Format Requirements
7
Improvement 3:
State All the Requirements Clearly
Provide Input Validation
8
Results
from
Heuristic Analysis
9
Heuristic Feedback 1:
No Instant Error Notifications & Suggestions
10
Improvement 1 – Error Prevention :
Add Error Correction Suggestions
11
Heuristic Feedback 2:
No Breadcrumbs
12
Improvement 2 – Visibility of System Status:
Add Breadcrumbs
13
Heuristic Feedback 3:
Location of Update Button
Quantity Limitation
14
Improvement 3 –
Flexibility and Efficiency of Use
User Control and Freedom
• Change the location of the update button
• Use text field for quantity
15
Heuristic Feedback 4:
Terms of use Radio Button
Improvement 4 – User Control and Freedom:
Change it to Checkbox
16
Heuristic Feedback 5:
User may get confused if he does not have a
Promotion Code
Improvement 5 – Help and Documentation:
Add “help” button beside “Apply” button
17
Heuristic Feedback 6:
The Top Bar is Not Visible
Improvement 6:
Change the Color of the Top Bar
18
Results
from
User Testing
19
User Testing Result 1:
Cannot See Who Writes Comments
20
Improvement 1:
Add Names and Time
21
User Testing Result 2:
Username is Not Consistent with Registration
22
Improvement 2:
Change “Username” to “Email”
23
Q&A
Thank You!
24