Practical Tips For Designing Inclusive User Experiences<br />Kath Moonan<br />
Hello!<br />Vodafone Accessibility Lead (Contractor)<br />Accessibility Chair, Usability Professionals Assoc. UK<br />Work...
Contents<br />Accessibility for UX?<br />Persuasion – Increasing engagement<br />Users first <br />Find positives<br />Ali...
≠ Contents<br />(Almost) no screen readers<br />Wot no code!<br />
A note on language:Why diverse and not disabled?<br />Many users with diverse needs do not classify themselves as disabled...
Low take up of accessibility in UX?<br />Top reasons from Lisa Herrod’ssurvey<br />No budget? <br />I don’t know how to<br...
Cost of diverse user testing at beta or live<br />Cost<br />No. of changes<br />Accessibility<br />testing<br />Requiremen...
Where to start?<br />
WCAG 2.0 has little UX guidance<br />
http://www.uiaccess.com/accessucd<br />
http://wiki.fluidproject.org/<br />
Guerilla Diverse User Research<br />
Meet the users<br />Involving users in research is an exciting, persuasive way to include accessibility in a project <br /...
Involve users with mild impairments<br />Involving users with milder impairments is a great way to start<br />Many users m...
Don’t ask<br />What’s wrong with you?<br />
Do ask - Are you comfortable talking about your condition?<br />Your insights are incredibly helpful to us and will help u...
The user is expert & collaborator <br />Value their experience and opinion <br />(don’t ask for it for free)<br />Don’t ma...
Dealing with accessibility barriers<br />Be sensitive to the impact poor accessibility has on the participant<br />Partici...
Involve users with mild impairments<br />Involving users with milder impairments is a great way to start<br />Lots of thes...
Involve users with mild impairments<br />Dyslexia<br />Colour blindness<br />Mild vision impairments (i.e. age related sig...
What about other impairment types?<br />Use web resources<br />Use WCAG 2.0 <br />BS8878<br />Expert reviews and cognitive...
WAI – user stories<br />http://www.w3.org/WAI/intro/people-use-web/stories#onlinestudent<br />
Youtube<br />http://www.youtube.com/watch?v=SafNTEHJ0DM<br />
Yahoo – Victor Tsaran<br />http://www.yuiblog.com/blog/2007/05/14/video-intro-to-screenreaders/<br />
Persuasion<br />
Persuasion<br />Users + business case = persuasion<br />Listen to users<br />Business benefits<br />Design principles<br /...
Assets<br />User requirements<br />Resources based on interview<br />Fact sheets<br />Design principles<br />
User centred design<br />Avoid design decisions purely based on your vision* or the equipment you’re using <br />Gain insi...
Visual impairment - statistics<br />About 2,000,000 people in the UK have significant sight loss<br />364,615 people in th...
Partial sight simulations<br />Using colour to enhance accessibility<br />33<br />April 21, 2011<br />Age-related macular ...
Partial sight simulations<br />Using colour to enhance accessibility<br />34<br />April 21, 2011<br />Cataracts<br />http:...
Partial sight simulations<br />Using colour to enhance accessibility<br />35<br />April 21, 2011<br />Diabetic Retinopathy...
Stargardt’s Syndrome simulation<br />Using colour to enhance accessibility<br />36<br />April 21, 2011<br />
Walkthroughs<br />How would the participant navigate through your product?<br />Identify issues at prototype stage<br />Ex...
Publicise what works<br />Accessibility is often presented as what’s going wrong:<br />Checkpoint violations<br />Errors<b...
Align accessibility with business goals<br />SEO* - headers, page titles – will increase search engine ranking<br />Qualit...
Vodafone research<br />Colour contrast<br />Text size<br />Icons<br />Diverse users<br />Mainstream users<br />
Developing an iPhone app<br />iPhone is a revolutionary device for many disabled users<br />Great positive news story<br /...
User research<br />Involved diverse users from the beginning<br />Find out how users use their phones<br />Blind and parti...
Diverse user testing – phase one<br />Users who don’t require assistive technology<br />Severe motor impairment<br />Multi...
Summary<br />Meet your users<br />Users first – guidelines second<br />Align accessibility with business goals<br />Introd...
Upcoming SlideShare
Loading in …5
×

hcid2011 - Practial Tips for Designing for Inclusive UX: Kath Moonan

3,102 views

Published on

Published in: Health & Medicine, Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,102
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

hcid2011 - Practial Tips for Designing for Inclusive UX: Kath Moonan

  1. 1. Practical Tips For Designing Inclusive User Experiences<br />Kath Moonan<br />
  2. 2. Hello!<br />Vodafone Accessibility Lead (Contractor)<br />Accessibility Chair, Usability Professionals Assoc. UK<br />Worked in accessibility over 10 years<br />AbilityNet Senior Consultant 2006-2009<br />Accessibility 2.0 conference organiser<br />Strong interest in: <br />Inclusive design<br />Working with UX and visual designers<br />I like working with developers too!<br />
  3. 3. Contents<br />Accessibility for UX?<br />Persuasion – Increasing engagement<br />Users first <br />Find positives<br />Align accessibility with business project goals <br />Include users in research (as well as testing)<br />Practicalities<br />Interaction design principles<br />Work in progress<br />Involving diverse users in research and testing iPhone apps<br />
  4. 4. ≠ Contents<br />(Almost) no screen readers<br />Wot no code!<br />
  5. 5. A note on language:Why diverse and not disabled?<br />Many users with diverse needs do not classify themselves as disabled:<br />Dyslexic users<br />Deaf users<br />Mild impairments – mild vision, motor impairment<br />Temporary disability<br />Older users<br />
  6. 6. Low take up of accessibility in UX?<br />Top reasons from Lisa Herrod’ssurvey<br />No budget? <br />I don’t know how to<br />http://www.webdirections.org/resources/lisa-herrod/<br />Clients won’t pay<br />Recruitment<br />Lacking specialist skills<br />Stops creativity<br />“We’re not ready yet”<br />
  7. 7. Cost of diverse user testing at beta or live<br />Cost<br />No. of changes<br />Accessibility<br />testing<br />Requirements<br />Deployment<br />Development<br />
  8. 8. Where to start?<br />
  9. 9. WCAG 2.0 has little UX guidance<br />
  10. 10. http://www.uiaccess.com/accessucd<br />
  11. 11.
  12. 12. http://wiki.fluidproject.org/<br />
  13. 13. Guerilla Diverse User Research<br />
  14. 14. Meet the users<br />Involving users in research is an exciting, persuasive way to include accessibility in a project <br />User requirements shouldn’t be exclusive to mainstream non-disabled users<br />Diverse users have requirements too<br />Learn from the people then apply the guidelines<br />not<br />Learn from the guidelines – never meet the people<br />
  15. 15. Involve users with mild impairments<br />Involving users with milder impairments is a great way to start<br />Many users may already be involved in standard user testing but not screened for their impairment<br />No specialist equipment needed<br />Adapt skills you already have<br />Be sensitive to the user <br />
  16. 16. Don’t ask<br />What’s wrong with you?<br />
  17. 17. Do ask - Are you comfortable talking about your condition?<br />Your insights are incredibly helpful to us and will help us improve the accessibility of our product <br />You don’t have to answer all of my questions<br />If I’ve missed anything please tell me<br />Permission to show video educationally<br />
  18. 18. The user is expert & collaborator <br />Value their experience and opinion <br />(don’t ask for it for free)<br />Don’t make assumptions<br />Gaining individual insight – everyone is different<br />Users with impairments could be a target or new market<br />
  19. 19. Dealing with accessibility barriers<br />Be sensitive to the impact poor accessibility has on the participant<br />Participants may think they have done something wrong despite re-assurances<br />Take a break or stop if the participant gets stressed<br />Be open - discuss accessibility issues at the end of each task or the session<br />Round the session up with a reminder of the value of the user’s feedback<br />Send a thankyou email!<br />
  20. 20. Involve users with mild impairments<br />Involving users with milder impairments is a great way to start<br />Lots of these users involved in standard user testing but not screened for their impairment<br />No specialist equipment needed<br />Dyslexia<br />Colour blindness<br />Mild vision impairments (i.e. age related sight loss)<br />
  21. 21. Involve users with mild impairments<br />Dyslexia<br />Colour blindness<br />Mild vision impairments (i.e. age related sight loss)<br />RSI<br />Hard of hearing (especially for projects with video / audio content)<br />
  22. 22. What about other impairment types?<br />Use web resources<br />Use WCAG 2.0 <br />BS8878<br />Expert reviews and cognitive walkthroughs<br />Fluid UX accessibility review<br />Keyboard only<br />Functionality test:<br />NVDA or Voiceover Screen reader <br />Zoom magnifier on the mac / browser zoom<br />Collaborate with an expert<br />
  23. 23. WAI – user stories<br />http://www.w3.org/WAI/intro/people-use-web/stories#onlinestudent<br />
  24. 24. Youtube<br />http://www.youtube.com/watch?v=SafNTEHJ0DM<br />
  25. 25. Yahoo – Victor Tsaran<br />http://www.yuiblog.com/blog/2007/05/14/video-intro-to-screenreaders/<br />
  26. 26. Persuasion<br />
  27. 27. Persuasion<br />Users + business case = persuasion<br />Listen to users<br />Business benefits<br />Design principles<br />User requirements + problem solving = engagement<br />Quick wins<br />Creative solutions<br />
  28. 28. Assets<br />User requirements<br />Resources based on interview<br />Fact sheets<br />Design principles<br />
  29. 29.
  30. 30.
  31. 31. User centred design<br />Avoid design decisions purely based on your vision* or the equipment you’re using <br />Gain insight into the experience of people with low vision, colour blindness or dyslexia<br />Use simulations and heuristics in our toolkit to help you evaluate your design<br />Involve people with low vision, colour blindness or dyslexia in your design processes<br />*Unless you have a vision impairment!<br />Using colour to enhance accessibility<br />31<br />April 21, 2011<br />
  32. 32. Visual impairment - statistics<br />About 2,000,000 people in the UK have significant sight loss<br />364,615 people in the UK who were registered as severely sight impaired (blind) or sight impaired (partially sighted) <br />The vast majority of people with sight problems are older people, aged 65 and over <br />Seventy percent of blind and partially sighted adults have other disabilities or long term health problems in addition to their sight loss<br />Using colour to enhance accessibility<br />32<br />April 21, 2011<br />
  33. 33. Partial sight simulations<br />Using colour to enhance accessibility<br />33<br />April 21, 2011<br />Age-related macular degeneration (AMD)<br />http://www.lighthouse.org/about-low-vision-blindness/vision-disorders/age-related-macular-degeneration-amd/<br />
  34. 34. Partial sight simulations<br />Using colour to enhance accessibility<br />34<br />April 21, 2011<br />Cataracts<br />http://www.lighthouse.org/about-low-vision-blindness/vision-disorders/cataract/<br />
  35. 35. Partial sight simulations<br />Using colour to enhance accessibility<br />35<br />April 21, 2011<br />Diabetic Retinopathy<br />http://www.lighthouse.org/about-low-vision-blindness/vision-disorders/diabetic-retinopathy/<br />
  36. 36. Stargardt’s Syndrome simulation<br />Using colour to enhance accessibility<br />36<br />April 21, 2011<br />
  37. 37. Walkthroughs<br />How would the participant navigate through your product?<br />Identify issues at prototype stage<br />Exciting and engaging for the team<br />
  38. 38. Publicise what works<br />Accessibility is often presented as what’s going wrong:<br />Checkpoint violations<br />Errors<br />Missing / broken<br />Snag list is not compelling<br />Report what works first <br />What users like<br />Why<br />What lessons can be learnt<br />
  39. 39. Align accessibility with business goals<br />SEO* - headers, page titles – will increase search engine ranking<br />Quality coding – across a large organisation procedures are complex:<br />Third party agencies<br />Off shore development<br />Multi-agency project lifecycle<br />Accessibility helps alignment / leverage to fix poor coding <br />Accessibility used to iterate design<br />http://bunnyfoot.com/blog/author/veronika-jermolina/<br />
  40. 40. Vodafone research<br />Colour contrast<br />Text size<br />Icons<br />Diverse users<br />Mainstream users<br />
  41. 41. Developing an iPhone app<br />iPhone is a revolutionary device for many disabled users<br />Great positive news story<br />Perfect example of inclusive design<br />Team are excited by project<br />Showcases positivity <br />What I can do with my iPhone<br />I love my iPhone<br />“If I can do it on the iPhone I will”<br />
  42. 42. User research<br />Involved diverse users from the beginning<br />Find out how users use their phones<br />Blind and partially sighted expert users<br />
  43. 43. Diverse user testing – phase one<br />Users who don’t require assistive technology<br />Severe motor impairment<br />Multiple sclerosis<br />Dyslexia<br />Findings – overlapped significantly with mainstream users<br />Diverse users experience usability issue as a barrier<br />Gained buy-in from team – positive results<br />
  44. 44. Summary<br />Meet your users<br />Users first – guidelines second<br />Align accessibility with business goals<br />Introduce problems that require solutions<br />Re-purpose WCAG for increased engagement<br />Thanks<br />Stay in touch @ladymoonan!<br />Thanks to Vodafone<br />

×