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!