[UX Oxford] accessibility
•
1 j'aime•66 vues
Crafting experiences, aiming at including everyone; regardless of their impairments, cultural backgrounds or environments. This talk discusses inclusive design, including localisation and environmental design factors, as well as impairments.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à [UX Oxford] accessibility
Similaire à [UX Oxford] accessibility (20)
Plus de Elizabeth Chesters
Dernier
Dernier (20)
[UX Oxford] accessibility
- 1. Accessibility Elizabeth Chesters @EChesters | UX Specialist, Mendeley @EChesters
- 2. Accessibility Elizabeth Chesters @EChesters | UX Specialist, Mendeley @EChesters
- 3. Accessibility Inclusive Design Elizabeth Chesters @EChesters | UX Specialist, Mendeley
- 4. Currently a UX Specialist Championing accessibility on design team Former life as a developer Intern/Grad at ThoughtWorks working globally on accessibility
- 5. Inclusive Design What is it? Crafting experiences, aiming at including everyone; regardless of their impairments, cultural backgrounds or environments. @EChesters
- 7. Four Elements of Inclusive Design Impairments Catering for people’s impairments like a limited attention span or visual impairments
- 8. What do these icons mean?
- 9. Four Elements of Inclusive Design Impairments Culture Catering for people’s impairments like a limited attention span or visual impairments Providing consistency with what our audience considers to be normal, like data formats and language
- 10. Call me… while we’re driving...
- 11. Four Elements of Inclusive Design Impairments Culture Catering for people’s impairments like a limited attention span or visual impairments Providing consistency with what our audience considers to be normal, like data formats and language Situational Offering solutions to people in different situations and places like on the Tube or abroad
- 12. Speak to Alexa with laryngitis...
- 13. Four Elements of Inclusive Design Impairments Culture Catering for people’s impairments like a limited attention span or visual impairments Providing consistency with what our audience considers to be normal, like data formats and language Situational Offering solutions to people in different situations and places like on the Tube, or abroad Temporary Providing affordances to those with temporary illnesses like loss of sight after an eye test
- 15. Integrate as early as possible Outsource where necessary Get team buy in Prioritise knowledge sharing
- 16. How to sell inclusive design Speak the business language Improved product for everyone Bigger audience with more spending It’s the right thing to do. Over 11 million people with a disability living in the UK Their spending power is in excess of £100bn Over 300 languages are spoken in London schools alone Only 13% of Europe speaks English as a first language
- 17. How not to sell inclusive design Laws are the first thing which make people defensive Don’t become the ‘accessibility police’ Don’t do it just out of self-interest “It’s a legal requirement, we have to make it accessible.” “I’m not done with you yet.”
- 18. Crafting inclusivity Quality Assurance UX UI Holistically test the end product, to ensure UX, UI and development meet requirements Experiences considering the abnormal normal situations Aesthetics ensuring visibility and meaning Development Code tailored to help assistive technologies
- 19. User Experience Understanding limitations Variety of resources Readability levels Alternative routes Simple mental models Accommodating forms
- 20. Mobile Travel App Cultural ● Tourists/diverse populations may not understand the native language Permanent ● Information needs to be delivered via audio and text for visual and hearing impaired Situational ● Audio information, like being told where to alight, may not be heard in noisy environments Temporary ● Passengers with suitcases may struggle to use their phone on the go when checking directions
- 21. Academic Note-Taking Software Cultural ● Academia is largely in English, but non-native English speakers note-take in their own language Permanent ● Screen readers need to read user generated content, which may include figures and multiple languages Situational ● Academics work in-field, labs, commuting between universities and institutions which are unfamiliar and unpredictable Temporary ● Deadlines can increase the pressure and cause tunnel vision and limit thinking
- 22. Design to be flexible Users have their workarounds Building for every possible situation is impossible Designs and systems need to be flexible to handle different needs and assistive technologies Dyslexics override fonts in browsers Users translate websites and content into the language they understand Users need to be able to zoom in to websites to enlarge content
- 23. User Interface Test premade palettes yourself - visibility and meaning Test branding under high contrast and outside Use two indicators - colour and pattern Style, define and differentiate state and location What do aesthetics need to consider
- 25. Development Specific methods and packages tailored for accessibility ARIA for site elements for what should be hidden or used for screen readers Good attitude towards code reflects a good experience Don’t hardcode values or use absolute values What does code need to consider?
- 27. Desk Testing Connection throttling Screen reader Readability Website checkers Simulating impairments and situations Chrome developer tools Voice Over & Fangs (Firefox) Hemingway & The Readability test tool WAVE Keyboard/Mouse only/Mute laptop
- 28. Usability Testing Recruit people from different backgrounds Test with different kinds of impairments Ensure where you test is accessible Be more direct when testing with non-natives Take to someone and adapt your tasks to increase emotional investment
- 29. Continuous Testing No testing is a one time thing Usability testing should include people with accessible needs Test product under different circumstances Continuous testing tools Automated accessibility testing
- 31. What it means to people Empowering Independence Equal Opportunities
- 32. TechVision
- 34. To take away... Inclusive design caters for culture, environment, permanent and temporary impairments Integrate as early as possible - Business - UX - Design - Dev - QA Share everything you learn with everyone Building it into a product needs to be in the business mindset Responsibility of experience comes from the whole team Methods to build it, personas to craft for, aesthetics to design with
- 36. Thank you! Obrigado Gracias Shukria Tack Mulțumesc Dziękuje Xie xie Shokran Dankeschön Stay in touch! @EChesters