46
HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Embed Size (px)

Citation preview

Page 1: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

HealthCare4MeWebsite Usability CritiqueDrew Brezinski & Deane Nettles

Page 2: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Overall• Home Page• Video• Registration• Health Library• Coaching Plan

Page 3: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Home Page

Page 4: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Interesting use of and richness of color

Page 5: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Good use of multi-ethnic images

Page 6: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Clear, colorful icons

Page 7: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Home Page Recommendations

Page 8: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Tabs that appear to work like buttons

Page 9: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Tabs that are tabs

Page 10: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Spanish flag for “Spanish,” both “Tell a Friend” and “Share”

Page 11: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Cleaned up links

Page 12: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Moving graphics attract attention away from actions

Page 13: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Eliminate distractions

Page 14: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Text small, difficult to read for those over 40 years old

Page 15: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Larger text

Page 16: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Multiple “Register” buttons in multiple styles

Page 17: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Single “Register” button

Page 18: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Rollout contains little info, operation fights Fitts’s Law

Page 19: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Rollout now just an a list (could be linked to library info)

Page 20: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Bottom buttons, two of which are videos, cover same info

Page 21: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

More interesting video prominent on home page

Page 22: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Video Recommendations

Page 23: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

When played, video greys screen. Text version link upper left

Page 24: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

(Video questions: Why both white? Why give them bad traits?)

Page 25: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Registration Recommendations

Page 26: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Registration page places reg below fold

Page 27: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Header is smaller. Emphasize benefits.Login and registration combined for ease of use, error

prevention

Page 28: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Form information fits on single page above fold

Page 29: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Health LibraryRecommendations

Page 30: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Lack of hierarchy (unclear links/headings)

Page 31: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Clear distinction between heading and links

Page 32: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Irrelevant logo

12

12

Page 33: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

New relevant graphic

12

12

Page 34: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

What card?

13

13

Page 35: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

New heading reflects content

13

13

Page 36: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Indicates required Register/Log In, but doesn’t indicate how to

14

14

Page 37: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Consistent Register/Log In button

14

14

Page 38: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Coaching Plan Recommendations

Page 39: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

15 Coaching plan landing page is vague and uninviting.

15

Page 40: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

15

15 New landing page begins with step 1 in process

Page 41: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Tabs confuses user on where they are 16

16

Page 42: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Eliminate tabs (& distractive graphic) from header16

16

Page 43: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Instructions are unclear about exactly how many to choose

17

17

Page 44: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Provide clear instructions for selection options and process

17

17

Page 45: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Radio buttons further confuse and limit selection process

18

18

Page 46: HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Selection boxes make multiple selections easy

18

18