HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles.

46
HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles

Transcript of HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles.

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