How to Design Inclusive User Experiences (UX) for People

1. Introduction : four out of five websites. Digital products don't work for people. They work against me by creating a mismatch between technology and the people they are meant to serve in how to design inclusive user experiences for people. We're going to change that by getting to know the very people we are designing for. Hi, I'm Carlos Erickson published an award winning, inclusive design originally from Finland, who has been on a decade long quest to make Web better not just for the people that it's easy for all right, from working government agencies, Cabinet office, country wide, reshaping projects like Heathrow and anxious to charities like the Internet Watch Foundation, Foreign and Flora International I educating stakeholders and team members on what happens when we exclude people on. Empowered to change that with each less, I will share stories of real people how they're affected by our bad design choices on what we can do to change. You'll learn how to design for people across the entire spectrum disability from permanent temporary situation, Whether you're a junior designer or a seasoned veteran, remember of a product t this class for you. You'll leave with eye opening statistics and a deeper understanding the circumstances. We can all find ourselves on a practical tips to apply every aspect your design process. So join me, follow my profile, post any questions or comments in each of video, But it started. 2. People with low vision: in today's lesson, we're getting to know people low vision people like hubby, 87 year old man from Nigeria with Type one diabetes who now diabetic retinopathy number one problem with websites they lack of contract. So whilst Hubble has his phone permanently set at the largest display and font size be, he still struggles to use most websites. About one in 51 people worldwide have diabetic retinopathy, a change in blood supply in the eye on one of the most common conditions caused by diabetes at 47 million people. That's 3/4 of the entire population of Nigeria. Diabetic retinopathy P one of the leading causes of impair division and described a priority I disease by the World Health Organization. But Habib, lucky because 2/3 of people in Africa are actually still undiagnosed. So how do we fix this? Don't make your tax color gray on gray. Make sure the contrast is high enough. Difference between the text and the background element is clear enough so that people can read your copy for your class project. I want you to find a website that fails to include people with low vision by using text that doesn't have enough color contrast, take a screenshot and explain how what you would do to fix it. 3. People with seizure disorders: in today's lesson. We're getting to know people with seizure disorder people like Natalia, a 65 year old woman from Russia who has epilepsy because of her epilepsy. She's not allowed to drive, so her son has been introducing her to shopping online for groceries, toiletries and other essentials. One in 125 people worldwide have epilepsy, a common condition which affects the brain and causes frequent seizures at 60 million. That's almost half the population of Russia. Meanwhile, one in 20 people will have a one off epileptic seizure at some point in their life, despite not having a Phillips at 376 million people, that is mawr than twice the entire population of Russia. So how do we fix this? Don't use unnecessary flashing or flickering or movements. Instead, use animation and motion sparingly and carefully to guide people on their user journey. For your class project, I want you to find a website that fails to include people see shirt his orders by using parallax or movement that adds no value, take a screenshot and explain how you would fix this 4. People with learning differences: in today's lesson, we're getting to know people with learning differences or cognitive limitations. People like Lee showing a 75 year old woman from mainland China with dyslexia three years ago when her granddaughter was diagnosed with dyslexia. Li Shu was also diagnosed. Having spent most of her life struggling to read on right. She needs the help from her family members to deal with male and official documents. One in five people have dyslexia, a form of learning difference or neuro dive urgency that makes it difficult to read on right at 1.5 billion people that is mawr than the entire population of China. You probably know more than one person who has dyslexia, So how do we fix? Don't underline words unless they are links Avoid? I tell it. Don't use capitals. Instead, he's bold and sizes to distinguish the hierarchy of your content on a line, the texts to the writing direction you're designing for so for English on mainland Mandiri let right for Arabic, it be right to left. We all have circumstances when we are less able to read from dyslexia, toe having a flu being intoxicate when we design a solution that works for one group of people. That solution can be extended to all groups of people. For your class project, I want you to find a website that fails to include people with dyslexia by making the content mawr difficult to read than it needs to be. Take a screenshot, tell me how and what you would do to fix it. 5. People with color vision deficiency: in today's lesson, we're getting to know people who have color vision deficiency. People like James, 47 year old man from the UK who had do tour anomaly, a reduced sensitivity to green light on the most common four of color vision deficiency a better name than color blindness, which could be misleading as monochromatic vision is actually quite rare. James struggles with most dashboards Onda handheld devices where color alone is used to signal different warnings or states of being charged. One and 12 men on one in 200 women worldwide have some degree off color vision divisions at 300 million people. That is 4.5 times entire population of the UK. You probably know someone who has color vision deficiency. So how do we fix this? Don't rely on color alone to express your message. Instead, use a combination of color shape on text because despite recent innovations in spectacles and lenses that filter out spectrums of light and help people, there is no cure for color which divisions for your class project. I want you to find a website that fails to include people color vision deficiency by using color alone, state status or a message. Take a screenshot and tell me how and what you would do to fix this 6. People with speech disorders: in today's lesson, we're getting to know people with speech disorders people like Samira, 26 year old woman from Morocco who has a stutter bullied childhood, now an adult. Her anxiety prevents her from ordering at restaurants or presenting her research. One in 100 people worldwide have a stutter, a speech disorder characterized by a repetition of syllable sounds and words. At 70 million, that is twice the entire population of Morocco. So how do we fix this? Don't write walls and text. Don't use figures of speech or idioms. Instead, bright in the simplest form your language allows, whether that's English or in Samir's case, Arabic, because the reality is that we all have circumstances when our speech is impaired, whether that's someone who's non verbal or someone who has laryngitis or someone who is speaking a language that is not their first. The solutions we create for one group of people could be extended to help all groups of all people. For your class project, I want to find a website fails to include people with speech disorders by using language in a complicated way. Take a screenshot and tell me how what you would do to fix it. 7. People who are blind: in today's lesson, we're getting to know people who are blind People like Fernanda, 16 year old girl was born with less than 2200 vision, even after corrective help Andi, legally blind as part of the one Laptop per child program, Fernando was given a free laptop on By using a screen reader, she's able to do her homework and navigate a few website, I say a few because she struggles as four up six websites on their most common issues prevent Fernando from navigating any of their content, Which means Fernandez messed with meaningless you. RL's where there should be image texts. About one in 200 people worldwide are legally blind 36 million people that is mawr than the entire population of pedal for nine days from. So how do we fix this? Don't show information using only images. Describe them as well. Make sure, but the way you build them includes the text that describes them. And when you do, make sure that it's contextually relevant so that instead of saying, I heart I can you it says, I love you because that's what you're trying to say. Don't write uninformative link descriptions such as breed mawr or worse, leave it blank using only and I can instead right, meaningful in descriptively texts that are understandable outside of the context of the surrounding content, like contact US form or information. We all have circumstances when we are less able. We exist on a spectrum, from permanent blind to cataracts to a distracted driver. When we fix the problem for one group of people, we can extend that solution to all groups of all people. For your class project, find a website that fails to include people who are blind by using meaningless link texts, take a screenshot and explain how and what you would do to fix it. 8. People who are deaf or hard-of-hearing: in today's lesson. We're getting to know people who are deaf or hard of hearing people like Mohammed, a 38 year old man from Pakistan who lost most of his hearing in a road accident two years ago. Now you can't talk to people on the phone anymore On talking to people in groups is very difficult. One in 19 people worldwide have some form of hearing loss. At 466 million people, that is more than twice the entire population of Pakistan. You probably know someone who is deaf or hard of hearing. So how do we fix this? Don't put content in audio or video on Lee. Instead, use, captures or provide transcripts for media way. All have circumstances. You're less able from those who are deaf or hard of hearing to someone having in a year infection or being in a bar where it's really loud or a library quiet. And it would be inconsiderate to play loud sounds when we fix for one group of people, that solution can be extended to help all groups of all people. For your class project. I want you to find a website that fails to include people who are deaf or hard of hearing by using audio or video without captions. Take a screenshot and explain how and what you would do. Fix this. 9. People who use keyboards: in today's lesson, we're getting to know people who use keyboards. People like Young Young, a nine year old boy from Hong Kong who was born with cerebral policy and uses a large keyboard attached to his wheelchair to do his own work for house websites, one in 440 people worldwide. I have cerebral pulses, a name used to group a number of mobility impairments that appear in early childhood at 17 million people. That's more than twice the entire population of Hong Kong. How do we fix this? Don't use nonlinear layouts, require precise gestures. Instead, match the visual order to the source and focus, order and design interactions that could be used using only keyboards or speech? Because when we talk about people who use keyboards, we are talking about a large, diverse group who don't use pointing device like a mouse, but instead use different devices for different reasons. For your class project, I want you to find a website that fails to include people who use keyboards by taking away their ability to tab through a website, take a screenshot and explain how and what you would do to fix it. 10. People with mobility impairments: in today's lesson, we're getting to know people with mobility impairments. People like Susan, 54 year old woman with osteoarthritis. Susan struggles to pay her bills online as websites often time out, preventing her from completing the check out forms. One in 21 people worldwide have some form of arthritis and name for a group of diseases that causes joint pains and stiffness. Osteoarthritis is the most common one, followed by rheumatoid arthritis at 350 million people. That is more than the entire population of the U. S. You probably know someone who has arthritis. So how do we fix this? Don't demand precision from people, don't group your interactions together or make dynamic content that requires a lot of mouse movement. Instead, make interactive elements large. Andi Easy to press because wiles arthritis is the leading cause of disability in the U. S. The reality is that we all have circumstances when we are less able from arthritis to a broken arm or a parent holding their child in their arms. When we fix it for one group of people, it helps all groups off all people for your class project. I want you to find a website that fails to include people with mobility impairments, take a screenshot and explain how and what you would do to fix it. 11. Conclusion : in our final lesson. We're getting to know people are you because weather American Chinese Indian rocket from any other country reality might have learned that you are only temporarily able right now, one in seven people worldwide, some form of permanent disability, one billion people, three times population of the address and you are only an injury or illness away from joy. And when you do, you will realize that disability is a complex direction between the world on the mismatch that that's why it's also difficult to measure. Sometimes it's why data we have isn't very good. We often described it's only one, only one social or help or education support. Really, what we should be doing is measuring how it restricts on limit the activity do because by recognizing exclusion on the mismatch created, we start designing. When we put people start with nine process, we can learn from diversity and adapt to the needs of the people we are designing for. This helps us create one solution for one person. We can extend benefit all members because you seven billion other people benefit inclusive user experience