A beginner’s guide to inclusive UX design

Trina Moore Pervall on 2022-05-29

What it is, why it matters and lots of resources

Photo by Aleks, Adobe Stock

🆕 Updated resource list: Feb 5, 2023 With the Internet, and the emerging metaverse, anyone can produce content and products that instantly have global reach. With that power comes responsibility to ensure products are inclusive and respectful of their global audience‘s diverse social identities.

People approach products and technology believing that a team of experts have implemented checks and balances to ensure the product was designed with them in mind. People expect to have experiences that have taken into account their product-relevant social identities — their disability, race, gender, skin color, age, size, language.

Skeptical that inclusivity matters that much? Here are some statistics:

UX, accessibility, inclusion, oh my!

UX design is research-based with the goal of creating optimal user experiences. Historically, UX pioneers and 1st wave thought leaders have not emphasized designing for a diverse range of user identities. So, UX design is often taught with little-to-no mention of inclusive design practices.

Accessible UX design minimizes barriers so that content and features can be accessed and used regardless of one’s permanent, situational or temporary disabilities in the areas: hearing, motor, vision, speech, and cognition. Since disability is only one aspect of identity, accessibility is one aspect of inclusive design.

Inclusive UX design minimizes alienating any product-relevant social identity: disability, race/ethnicity, gender, skin color, age, size, sexual orientation, language, etc. Inclusive design commits to the due diligence of learning about your users to ensure designs not only meet business requirements but also respect the needs and expectations of the diverse range of users the product serves.

When talking exclusively about accessibility, call it accessible design, not inclusive design. A product can be accessible and still alienate other product-relevant identities making the product ableist, mysogynistic, racist, heteronormative, cisnormative, xenophobic, ageist, body shaming, skin-tone biased, etc. Inclusive design is intersectional, a term coined by Kimberlé Crenshaw.

Why inclusion matters

When a design doesn’t account for a diverse audience, overlooked groups will encounter an alienating experience. Here are just a few examples:

Gender stereotyping

Screenshots of sample software engineer and receptionist job descriptions on Monster.com

The imagery used in marketing and advertisements is often the start of the users’ experience with a company or product. Showing two males for a software engineer job and a woman for a receptionist job reinforces societal stereotypes of gender roles.

Racial insensitivity

Screenshot of Nivea’s ad for their “Invisible” deodorant

This ad for deodorant with a White woman sitting on a bed in a white robe and text reading, “White is purity. Keep it clean. Keep it bright. Don’t let anything ruin it” screams racial bigotry. Colorism and racial oppression are known problems, worldwide, so there’s truly no justification for this type of design negligence.

Accessibility barriers

Screenshot of Zara.com homepage with accessibility overlay icon

When accessibility is an afterthought, businesses often resort to using accessibility overlays as a fallback plan. That little accessibility button in the bottom-right corner, it’s an accessibility overlay — a third-party tool that is supposed to improve accessibility. While it’s a noble attempt, a quick Internet search for “accessibility overlays” reveals how they are “deceptive,” “problematic,” and “can make access worse.”

Corporate cultural appropriation

Walmart’s Celebration Edition ice cream: Pride and Juneteenth (Photo by Laine Doss)

Companies sometimes try to present themselves as being inclusive by designing products to celebrate diverse identities. Walmart’s Celebration Edition ice cream is a perfect example of this anti-pattern. They released a Juneteenth flavor to “Share and celebrate African-American culture, emancipation and enduring hope” and a Pride flavor as “A sweet celebration of pride and the freedom to enjoy together.” This is what happens when companies commercialize cultures and design for, and not with, the people whom they are trying to reach.

If you’re designing a product, ensure it’s at least tested… and considered in the context of someone as different from you as possible.

— Florence Okoye

Inclusive UX Design Resources

As UX professionals, our design choices can inspire, motivate, connect, empower, and support goal achievement. They can also alienate, offend, marginalize, misrepresent, and create barriers, which obviously is not a good user experience.

Questions to ask ourselves

It’s long overdue for UX thought leaders to normalize inclusive design as foundational to UX work instead of the occasional mention of it as a niche topic.

Since most UX education, industry leaders, and content creators tend to overlook inclusive design, here’s a list of resources for learning how to design inclusive experiences.

Inclusive Research Articles

Inclusive Design Articles

Inclusive Writing Articles

Blogs & Vlogs

Video Talks

Online Resources

Courses

Books

Podcasts

Browser Add-ons

Stock Images

Design Communities

People to Follow on Social Media

Conferences

Final Thoughts

How can we design great experiences if we rely on our assumptions about people or we only engage with people who look, think and navigate the world like us?

Recognizing that our actual audience may be broader than our target audience and our assumptions about them are likely wrong, is a great first step in inclusive UX design.

Let’s stay curious, think broadly and design responsibly.

Thank you

If you found this helpful, subscribe to get email alerts when I post new articles and consider signing up to become a Medium member to have unlimited access to all Medium articles.

You can also follow me on Instagram and Twitter.