1
User Interface Design and Testing
for UPMC Pharmacy
Qi Zhen Song CuiWei Wang Ying LiThomas LombardiVinod Vemuru
Vigor
2
Results from
Contextual Inquiry
3
Breakdown 1: Misspelling the Name of the Drug
4
Improvement 1: Provide Type-ahead Function
5
Breakdown 2: User Cannot Register for an Account
6
Improvement 2: Put the Register Button near the Sign-In Field
7
Breakdown 3: Not Enough Format Requirements
8
Improvement 3: State All the Requirements Clearly
Provide Input Validation
9
Resultsfrom
Heuristic Analysis
10
Heuristic Feedback 1: No Instant Error Notifications &
Suggestions
11
Improvement 1 – Error Prevention : Add Error Correction Suggestions
12
Heuristic Feedback 2: No Breadcrumbs
13
Improvement 2 – Visibility of System Status: Add Breadcrumbs
14
Heuristic Feedback 3:Location of Update Button
Quantity Limitation
15
Improvement 3 – Flexibility and Efficiency of Use
User Control and Freedom
• Change the location of the update button
• Use text field for quantity
16
Heuristic Feedback 4: Terms of use Radio Button
Improvement 4 – User Control and Freedom: Change it to Checkbox
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
18
Heuristic Feedback 6: The Top Bar is Not Visible
Improvement 6: Change the Color of the Top Bar
19
Resultsfrom
User Testing
20
User Testing Result 1: Cannot See Who Writes Comments
2121
Improvement 1: Add Names and Time
22
User Testing Result 2: Username is Not Consistent with Registration
23
Improvement 2: Change “Username” to “Email”
24
Q & A
Thank You!