Presentation is loading. Please wait.

Presentation is loading. Please wait.

WorldDoc 24/7 Website Redesign Shawn Lein Senior UX Designer.

Similar presentations


Presentation on theme: "WorldDoc 24/7 Website Redesign Shawn Lein Senior UX Designer."— Presentation transcript:

1 WorldDoc 24/7 Website Redesign Shawn Lein Senior UX Designer

2 Copyright © 2009 WorldDoc All Rights Reserved 2 Summary Goals for Website Redesign Information Architecture & Usability Testing Getting a Version A and Version B User Survey Results Version A prime Getting a Version C Testing A-prime vs. Version C Revisions, Usability testing, more revisions, more Usability testing, and so on…

3 Copyright © 2009 WorldDoc All Rights Reserved 3 Overarching Goals More contemporary and engaging More friendly/fuzzy yet credible Easy to use Stickiness Customization/branding by client/group Personalization to user Review Information Architecture

4 Copyright © 2009 WorldDoc All Rights Reserved 4 Information Architecture Information Power. Knowledge = Power Created Website Map Rethink structure – organization, duplication, confusing navigation Analyze Usage Prioritize Features

5 Copyright © 2009 WorldDoc All Rights Reserved 5 Usability Testing Created list of 10 scenarios Asked users to perform scenarios and think aloud Videotaped sessions Modified Wireframe Re-ran test with 21 users Created basic wireframe prototype 28 person focus group

6 Copyright © 2009 WorldDoc All Rights Reserved 6 Getting a Version A Began skinning the wireframe

7 Copyright © 2009 WorldDoc All Rights Reserved 7 Getting a Version A Realized we needed some outside help.

8 Copyright © 2009 WorldDoc All Rights Reserved 8 Getting a Version A PROS: Good Look and Feel Interactive More intuitive CONS: Still cluttered Did not accomplish usability requirements Did not satisfy business requirements

9 Copyright © 2009 WorldDoc All Rights Reserved 9 Getting a Version A Combined previous two comps into one

10 Copyright © 2009 WorldDoc All Rights Reserved 10 Getting a Version B Online Designer Contest

11 Copyright © 2009 WorldDoc All Rights Reserved 11 User Survey Virtual Focus Group: 548 Users – 260 responses Sent online survey showing A & B designs Asked 6 simple questions and offered free text feedback Most responses were not overwhelming Most responses echoed our feelings…

12 Copyright © 2009 WorldDoc All Rights Reserved 12 User Survey Which design looks more organized? Which design looks easier to use? 40% 60%

13 Copyright © 2009 WorldDoc All Rights Reserved 13 User Survey Which design would you trust for health information…? Which…for storing personal health information…? 60% 40%

14 Copyright © 2009 WorldDoc All Rights Reserved 14 User Survey Overall, which site design do you prefer? 56% 44%

15 Copyright © 2009 WorldDoc All Rights Reserved 15 Version A prime

16 Copyright © 2009 WorldDoc All Rights Reserved 16 Getting a Version C Again we ask for outside help

17 Copyright © 2009 WorldDoc All Rights Reserved 17 User Survey #2 Virtual Focus Group: 548 Users – 260 responses Sent same online survey showing A-prime & Version C designs Asked 6 simple questions and offered free text feedback All responses were close to 70% in favor of Version C

18 Copyright © 2009 WorldDoc All Rights Reserved 18 Revisions to Version C Solidified navigation schema Changed overall width and widths of navigation and content columns Added WorldDoc- specific tools and features

19 Copyright © 2009 WorldDoc All Rights Reserved 19 Heatmap of Version C 5 separate passes over Healthy-Do List Path starts and ends on Healthy-Do List Passes over login and feature boxes Hotspots on all feature titles, buttons, & major text Jerky and scattered flow

20 Copyright © 2009 WorldDoc All Rights Reserved 20 Usability Testing Created clickable prototype of design 6 person internal group Created list of 7 scenarios for click-testing and 8 feedback questions Asked users to perform scenarios and think aloud Recorded screens and audio from sessions Modified Design/Prototype Re-running test with 5 more internal people

21 Copyright © 2009 WorldDoc All Rights Reserved 21 Revisions based on Testing Navigation, branding and some elements moved for better flow and space usage Some navigation rearranged or renamed Sub nav changed from horizontal to vertical Healthy-Do reworded and items changed Colors in feature boxes changed to make items stand out from each other Page tools redesigned, added Settings and Help icons and dropdowns

22 Copyright © 2009 WorldDoc All Rights Reserved 22 External Usability Testing, round 1 Updated clickable prototype of design Used same tasks and questions as previous usability tests 4 additional open-ended questions for feedback 10 person external group with no previous WorldDoc experience – 4 Men & 6 Women – Ages 30-55 – Living in United States – Yearly Household Income of $40K - $100K – Expertise with computers & the web: Intermediate

23 Copyright © 2009 WorldDoc All Rights Reserved 23 Findings of External Usability Testing, round 1 Design tested very well, no big surprises or negative reactions 7 Goal-oriented click tests: – 5 tests performed with 10 users passing – 2 test performed with 8 users passing Feedback questions resulting in mostly positive responses – Reflected our design goals – Most suggestions regarded wording of navigation, titles

24 Copyright © 2009 WorldDoc All Rights Reserved 24 Revisions based on External Testing, round 1 Some Navigation names changed to be more specific Some linked changed to be more action- oriented Symptom Evaluator feature box changed to include See a doctor? language Added more people of color in photos Added pages to address data security in plain English

25 Copyright © 2009 WorldDoc All Rights Reserved 25 External Usability Testing, round 2 Updated clickable prototype of design Used same tasks and questions as previous usability tests 4 additional open-ended questions for feedback 10 person external group with no previous WorldDoc experience: – 10 Women (by chance) – Ages 30-55 – Living in United States – Yearly Household Income of $40K - $100K – Expertise with computers & the web: 8 Beginner, 2 Intermediate

26 Copyright © 2009 WorldDoc All Rights Reserved 26 Findings of External Usability Testing, round 2 Design, again, tested very well. Some Beginner users had difficulty with the test (not the design) 7 Goal-oriented click tests: – 2 tests performed with 10 users passing – 3 tests performed with 8 users passing – 1 test performed with 7 users passing – 1 test performed with 6 users passing Feedback questions resulting in mostly positive responses

27 Copyright © 2009 WorldDoc All Rights Reserved 27 Revisions based on External Testing, round 1 Added language to manage time expectations in Healthy-Do list Added pages to address privacy concerns and portability (to data security page) in plain English Yes! There were THAT few changes to make!

28 Copyright © 2009 WorldDoc All Rights Reserved 28 Final Design

29 Copyright © 2009 WorldDoc All Rights Reserved 29 Sample interior page HRA Results Page

30 Copyright © 2009 WorldDoc All Rights Reserved 30 Heatmap of Final Design Multiple over Healthy-Do List More attention on Healthy-Do List title & text Passes over welcome and feature boxes Major hotspots on all feature images or buttons Hotspots on left nav

31 Copyright © 2009 WorldDoc All Rights Reserved 31 Next Steps Production of homepage and framework templates in OutSystems Creation of an admin tool to control: – Branding, look & feel – Features, menu items – Homepage content Production! Porting over current tools/features into new framework


Download ppt "WorldDoc 24/7 Website Redesign Shawn Lein Senior UX Designer."

Similar presentations


Ads by Google