Slide 1

Slide 1 text

UX Y’ALL 2023 UNVEILING BIASES AND REVOLUTIONIZING INCLUSION DECOLONIZING YOUR DESIGN SYSTEM MICHELLE CHIN DESIGN ADVOCATE @SOYSAUCECHIN

Slide 2

Slide 2 text

CONTENT WARNING: • Some topics may be triggering (slavery, racism, genocide, white supremacy). • Please take the time and space you need to take care of yourself. • I’m available to talk; find me at the conference

Slide 3

Slide 3 text

WHITE SUPREMACY: THE BELIEF THAT WHITE PEOPLE CONSTITUTE A SUPERIOR RACE AND SHOULD THEREFORE DOMINATE SOCIETY, TYPICALLY TO THE EXCLUSION AND DETRIMENT OF OTHER RACIAL AND ETHNIC GROUPS. IT WAS A KEY JUSTIFICATION FOR EUROPEAN COLONIALISM. OXFORD DICTIONARY; WIKIPEDIA

Slide 4

Slide 4 text

WHITE SUPREMACY: ENSLAVEMENT OF PEOPLE

Slide 5

Slide 5 text

WHITE SUPREMACY: ACTS OF LEGISLATION

Slide 6

Slide 6 text

WHITE SUPREMACY: CULTURAL GENOCIDE

Slide 7

Slide 7 text

Oh hello! You must be the new owners! Wow! He’s thinks I might be the gardener! Oh hello! Do you live here? WHITE SUPREMACY: FUELS IMPLICIT BIASES

Slide 8

Slide 8 text

CENTURIES OF WHITE SUPREMACY NORMALIZED SYSTEMIC RACISM AND IMPLICIT BIASES.

Slide 9

Slide 9 text

IT’S JUST A BUTTON, RIGHT? It’s not racist. Don’t be dramatic Everyone needs buttons!

Slide 10

Slide 10 text

UI ELEMENTS • For the most part, they work for everyone. • So it’s not a big deal, right?

Slide 11

Slide 11 text

WHO MADE OUR UI GUIDELINES? Atomic Design Brad Frost Apple’s Human Interface Guidelines Bruce Tognazzini 10 Usability Heuristics for UI Design Jakob Nielsen Material Design Jon Wiley

Slide 12

Slide 12 text

• Over half of respondents were from Western ethnicities. • Less than half was everyone else. WHO’S ON YOUR DESIGN SYSTEM TEAM? 62% 38% How We Document Report

Slide 13

Slide 13 text

TEAMS DON’T REFLECT THE WORLD 62% 38% How We Document Report World population 83% 17% Everyone else Westerners

Slide 14

Slide 14 text

WE ARE MISSING CULTURAL CONSIDERATIONS FROM A MAJORITY OF THE WORLD. BUT IT’S NOT ALWAYS INTENTIONAL.

Slide 15

Slide 15 text

WHITE SUPREMACY IS SO COMMON PLACE Hmm… this never occurred to me. I never thought about this.

Slide 16

Slide 16 text

• Design system teams create the foundations that products are built from. • If there’s cultural context missing from the foundations, it will be missing from products. • Designers carry a huge responsibility to serve our users. WHY DOES THIS MATTER? Everyone should read this book

Slide 17

Slide 17 text

OMG… MY DESIGN SYSTEM MIGHT BE RACIST… BUT HOW DO YOU DECOLONIZE A BUTTON?…

Slide 18

Slide 18 text

SPOILER: IT’S NOT ALWAYS IN THE COMPONENTS IT’S IN THE PATTERNS

Slide 19

Slide 19 text

PATTERNS: MODELS FOR MAKING THINGS. IN DESIGN SYSTEMS, THEY CAN HAVE PRESCRIPTIVE ELEMENTS BUT ALSO GUIDELINES THAT ALLOW FOR SITUATIONAL FLEXIBILITY AND DECISION-MAKING BY THE DESIGNER. THIS IS WHERE CULTURAL CONTEXT COMES INTO PLAY.

Slide 20

Slide 20 text

JAPA N EGYP T U.S . More info Right to left design

Slide 21

Slide 21 text

HOW DO I DECOLONIZE MY DESIGN SYSTEM?

Slide 22

Slide 22 text

HOW DO I DECOLONIZE MY DESIGN SYSTEM? HIR E LEAR N CONTRIBUT E

Slide 23

Slide 23 text

HIRE What do you think? I like it! I like it! I like it! I like it! I like it! What do you think? Well… Question… Something to consider This could work I’m concerned…

Slide 24

Slide 24 text

• Means going out of your way - meetups, outreach events, working with universities • Be OK with being inconvenienced to make a better team • Hiring systems in place aren’t always accessible to everyone HIRE

Slide 25

Slide 25 text

• See the rest of the world! • Observe not just the “what” but the “how” and “why” people are doing what they’re doing. LEARN: TRAVEL + OBSERVE

Slide 26

Slide 26 text

• What: People are waiting for their train • How: The floor is marked very obviously for each line. People are standing in the appropriate line. • Why: Are train lines confusing? Do they want to ensure no one makes a mistake? Does a lot of info ensure confidence for people? OBSERVATIONS

Slide 27

Slide 27 text

• You can still learn so much without leaving your home • Read travel books, memoirs and think about the “how” and “why” • Watch videos on YouTube - travel videos, “a day in the life” videos, and more! LEARN: COUCH TRAVEL

Slide 28

Slide 28 text

• Talk with people who are unlike you at conferences and events • Usability test with a variety of people - especially those not represented in your design team. • Speak with translation teams for insight LEARN: MEET PEOPLE

Slide 29

Slide 29 text

I heard Americans love big trucks, is that true? • Be patient and respectful. • Rather, “Where are you from, like really from?” Ask, “Have you always lived in London?” • Avoid stating assumptions in your questions; focus on questions. TIPS FOR ENGAGING IN CONVERSATION What’s transportation in the U.S. like compared to here?

Slide 30

Slide 30 text

CONTRIBUTE: CREATE PATTERNS Pattern that favors minimalism Pattern that favors more context

Slide 31

Slide 31 text

CONTRIBUTE: CREATE PATTERNS We’re barely able to get our components figured out. Patterns are confusing; this is even more work. Our focus is only in the US. We don’t need patterns for multiple countries just yet.

Slide 32

Slide 32 text

EXCUSES !

Slide 33

Slide 33 text

I NEVER SAID THIS WOULD BE EASY. BUT IT ’S WORTH IT.

Slide 34

Slide 34 text

WE’RE UNDOING CENTURIES OF WHITE SUPREMACY.

Slide 35

Slide 35 text

WE DON’T HAVE TO DO THIS ALONE.

Slide 36

Slide 36 text

CONTRIBUTE: GLOBAL DESIGN SYSTEM

Slide 37

Slide 37 text

• A UI pattern library that considers cultural contexts • Cultural “sketches” to help provide context • An opportunity to leverage design tokens! • Come join me in making this happen CONTRIBUTE: GLOBAL PATTERN LIBRARY

Slide 38

Slide 38 text

Underrepresented people: • Only contribute if you’d like to • Don’t feel obligated to undo white supremacy Represented people: • Use this as your motivation to learn • Use this as your way of showing active allyship • Unburden us by carrying the weight CONTRIBUTE: CALL FOR CONTRIBUTORS

Slide 39

Slide 39 text

THANK YOU! Let’s talk! • Come find me during UX Y’all • LinkedIn: michelletchin • @soysaucechin bit.ly/decolonize-your-design-system