top of page

INCLUSIVE DESIGN

What if instead of designing for the “average” person (who doesn’t actually exist), you designed for the beautiful diversity of REAL people?

CORE CONCEPT

IMPORTANCE OF INCLUSIVE DESIGN

KEY KNOWLEDGE

1

Inclusive design = considering the full range of human diversity from the beginning of the creative process

freepik__a-photographer-walks-the-same-street-every-day-and__98027.jpeg

REAL WORLD EXAMPLE

When you create a poster for a school event, do all the illustrated students look the same? Same skin tone, same body type, same hairstyle? That’s accidental exclusion. Inclusive design means thinking about diversity BEFORE you start — not adding it as an afterthought when someone points out everyone looks identical.

2

It goes beyond physical accessibility to include culture, language, gender, age, economic background, and lived experience

freepik__a-south-asian-woman-with-a-thoughtful-expression-w__98035.jpeg

REAL WORLD EXAMPLE

Accessibility asks: “Can a person in a wheelchair enter this building?” Inclusive design asks more: “Does a student who can’t afford a smartphone feel included in our digital project? Does a student who speaks Hindi at home feel comfortable reading our English-only content? Does a shy student feel welcome in our loud classroom?” Inclusion is wider than ability alone.

3

Exclusion can be unintentional: designs that only show one body type, one skin colour, one language, or one cultural perspective exclude people without meaning to

Idol Painting

REAL WORLD EXAMPLE

A fitness app that only shows thin, light-skinned models doing exercises doesn’t mean to exclude anyone. But a student with a different body type opens it and thinks: “This isn’t for people like me.” Unintentional exclusion still hurts. The designer didn’t plan it — they just didn’t THINK about it. And that’s the point: inclusion requires active thinking.

4

The key question: “Who might feel left out or unrepresented by this design?”

Shopping Woman Smiling

REAL WORLD EXAMPLE

Before you submit any creative work, look at it through one question: who might feel invisible? If your brand illustration shows only boys playing sports, girls are invisible. If your school website is only in English, Hindi-speaking parents are invisible. If your event poster uses tiny text, people with poor eyesight are invisible. One question catches a hundred oversights.

5

Inclusive imagery: showing diverse people in marketing, UI, and content — people should see themselves reflected in the designs that serve them

REAL WORLD EXAMPLE

When emoji skin tones were introduced, millions of people could finally send a thumbs-up that looked like THEIR thumb. It sounds small, but representation matters. When you see someone who looks like you in an app, a poster, or a brand, you feel: “This was made for me too.” When you never see yourself, you feel: “This world wasn’t built with me in mind.”

Photography

6

Inclusive language: using words that welcome everyone, avoiding assumptions about gender, ability, or background

REAL WORLD EXAMPLE

A form that says “Father’s name” assumes every student has a father. A form that says “Parent/Guardian name” welcomes everyone. A game that says “Hey guys!” assumes everyone identifies as male. “Hey everyone!” includes all. Small word changes, huge difference in who feels welcome.

Homemade Products

7

Inclusive design isn’t about being “politically correct” — it’s about being genuinely welcoming and creating work that connects with the widest possible audience

Lake With Pier

REAL WORLD EXAMPLE

This isn’t about following rules to avoid getting in trouble. It’s about genuinely wanting your creative work to reach the most people. A clothing brand that shows diverse models isn’t being “politically correct” — it’s being smart, because their customers ARE diverse. Inclusion isn’t a chore. It’s good design that happens to also be kind.

8

What if your creative work made someone who usually feels invisible feel seen? That’s the power of inclusive design

Eyeglasses on Magazine

REAL WORLD EXAMPLE

Imagine a student who uses a wheelchair seeing, for the first time, a video game character in a wheelchair. Imagine a student with curly hair seeing an ad where the model has hair that looks like theirs. That moment of “That’s ME!” is what inclusive design creates. You have the power to give someone that feeling. Use it.

Pro Connection

Brand guidelines now routinely include diversity and inclusion standards for imagery and language. UX teams conduct “inclusion audits” on products. When a creative director says “we need more diverse representation,” they’re implementing inclusive design. Companies increasingly recognise that inclusive design isn’t just ethical — it’s good business, because it reaches more people.

CHECK OUT SOME GREAT OBSERVERS

PROFESSIONAL TERMINOLOGY

CLICK TO REVEAL and CLICK TO COVER

Designing with human diversity in mind from the very beginning — ensuring no one feels excluded or invisible

What is

INCLUSIVE DESIGN

Showing diverse people in creative work so that everyone can see themselves reflected

What is

REPRESENTATION

An unconscious tendency to favour one group or perspective over others — can creep into design without awareness

What is

BIAS

Being aware that symbols, colours, words, and images carry different meanings in different cultures

What is

CULTURAL SENSITIVITY

Designing so that everyone gets what they need to have an equally good experience — not the same thing for everyone, but fair for everyone

What is

EQUITY

THE ACCESSIBILITY AUDIT

One app. Three tests. Can you read it? Can you hear it? Can you use it one-handed? Professional audit complete.

what TO DO

  • Pick any app or website.

  • Test it for accessibility by trying these 3 things:

  • Test 1 (Visual): Can you read all the text comfortably? Is the contrast high enough? Is the text large enough?

  • Test 2 (Audio): Mute the sound completely. Can you still understand everything? Are there subtitles or visual cues for anything audio?

  • Test 3 (Motor): Try using the app with one hand only — can you reach all the important buttons? Is anything awkwardly placed?

  • Write what works and what doesn't for each test. Then write one improvement idea for the weakest test result.

what TO SUBMIT

Screenshot

One screenshot of the app or website you audited.

Text

Results for all 3 tests — what works and what doesn't for each. One improvement idea for the weakest test result.


CHALLENGE

DISCOVERY

You can use these SOFTWARES for this Discovery Challenge

FREE SOFTWARE : Phone Screenshot, Instagram, Google Keep, Chrome Browser

PAID SOFTWARE : Notion, GoodNotes 6

bottom of page