Inclusive design to improve products and services Hej! Chris Bush - PowerPoint PPT Presentation

Inclusive design to improve products and services

Hej! Chris Bush Molly Watt Head of Experience Design Accessibility and Usability Consultant @suthen @mollywatttalks wearesigma.com @wearesigma

Thinking about inclusion wearesigma.com @wearesigma

1 billion People with long-term disability worldwide 1 in 7 wearesigma.com @wearesigma

11.2 million 20% People in the UK have some form of disability wearesigma.com @wearesigma

Why inclusion matters wearesigma.com @wearesigma

My story wearesigma.com @wearesigma

Usher syndrome = Deafness + Retinitis Pigmentosa RP is the second most common cause of blindness after aging wearesigma.com @wearesigma

Acquiring a disability ≠ being born with a disability wearesigma.com @wearesigma

My life revolves around technology wearesigma.com @wearesigma

However, technology doesn’t fully compensate wearesigma.com @wearesigma

Anyone can have challenges ‣ Disability is more common than you may think ‣ We will all experience disability at some point ‣ By the age of 45 most of us will need glasses ‣ Yet many websites do not support dynamic text ‣ Many on iPhone use 'Large Text,’ a lot of apps aren’t compatible. wearesigma.com @wearesigma

Who here has blue eyes? wearesigma.com @wearesigma

Accessibility should not be considered as an afterthought, or as ‘help’ but as reasonable built-in adjustments for all... wearesigma.com @wearesigma

What is the best way to design for inclusion? wearesigma.com @wearesigma

The best examples of inclusive design are formed from user needs, not just compliance wearesigma.com @wearesigma

What’s wrong with this picture? wearesigma.com @wearesigma

Designing for extremes wearesigma.com @wearesigma

wearesigma.com @wearesigma

Types of impairment Vision Hearing Motor Cognitive Ability to interact Ability to see, or Ability to hear, or Ability in mentally with a device process visual process acoustic demanding areas; accurately and information information reading, memory, quickly attention, complex concepts or language wearesigma.com @wearesigma

Types of impairment – long term Vision Hearing Motor Cognitive Dyspraxia, Down’s syndrome, Blindness, Hearing loss RSI, arthritis Asperger’s and low vision & and dyslexia, learning colour blindness cerebral palsy difficulties wearesigma.com @wearesigma

Types of impairment – temporary & situational Vision Hearing Motor Cognitive Temporary injury, Medication, Forgot my glasses Communication such as a broken in a noisy wrist tiredness, stress, Glare when using a environment device in bright Carrying a child hangover :D sunlight wearesigma.com @wearesigma

Let’s normalise inclusive design wearesigma.com @wearesigma

Because, when we get it right, it becomes invisible wearesigma.com @wearesigma

Because, when we get it right it becomes invisible wearesigma.com @wearesigma

Video captions wearesigma.com @wearesigma

The different types of assistive technologies wearesigma.com @wearesigma

wearesigma.com @wearesigma

How Molly uses technology wearesigma.com @wearesigma

Your turn ‣ How to enable your phone ‣ How to browse using voiceover (gestures and rotor) ‣ Browsing BBC Sport ‣ What time is today’s Arsenal game? ‣ Try one of your sites (or a personal favourite) and a typical task? ‣ What did you find? wearesigma.com @wearesigma

NVDA wearesigma.com @wearesigma

Your turn ‣ How to browse using NVDA ‣ Browsing BBC Sport ‣ What time is today’s Arsenal game? ‣ Try one of your sites (or a personal favourite) and a typical task? ‣ What did you find? wearesigma.com @wearesigma

What can we do to be more inclusive? wearesigma.com @wearesigma

Often when we think about different devices, we think about the screen-size first wearesigma.com @wearesigma

Input Pointing Voice Touch devices devices & gestures But the ways in which we interact can be wearesigma.com @wearesigma very different

Design for comfort iPhone 4 wearesigma.com @wearesigma

Design for comfort wearesigma.com @wearesigma iPhone 4 iPhone 5 iPhone 6 iPhone 6+

Navigation systems on Design for comfort larger screens can be uncomfortable to use wearesigma.com @wearesigma iPhone 4 iPhone 5 iPhone 6 iPhone 6+

Design hit areas to be easy to click or tap Provide 3-5mm Standard inactive space touch size of around 7-10mm elements wearesigma.com @wearesigma

Help users fix errors Show What the error is Where the error is How to fix it wearesigma.com @wearesigma

Think carefully before using custom controls or very Custom prohibitive controls can be very empowering wearesigma.com @wearesigma

. Design for the full spectrum of your users wearesigma.com @wearesigma

. Can you find any black holes? Content can be hidden if you do not use A tags for actions wearesigma.com @wearesigma

. Don’t force users to remember things they don’t need to Flybe asks you to enter details the system already knows about you (when logged in) wearesigma.com @wearesigma

. Sometimes people want or need a human Being a digital service doesn’t mean you should make it harder for people to engage with a real person. When we run inclusive usability sessions we frequently hear requests for systems to include chat interfaces along with other contact methods (email,phone, etc). wearesigma.com @wearesigma Chat interfaces often provide a valuable way for users who can’t use, or dislike using a phone to get essential support

. Run mixed ability usability sessions for greater depth and alignment of insights wearesigma.com @wearesigma

. Everyone will experience a real need for inclusive services at least once in their lives Consider everyone's journey wearesigma.com @wearesigma

Thank you. Questions? For copies of the slides, handouts, and a set of useful resources (or if you want help or have more questions) Chris.bush@sigma.se - @suthen Molly.watt@sigma.se - @Mollywatttalks