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 zeroheight stand.

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 GEONOCIDE

Slide 7

Slide 7 text

WHITE SUPREMACY: FUELS IMPLICIT BIASES Oh hello! You must be the new owners!

Slide 8

Slide 8 text

WHITE SUPREMACY: FUELS IMPLICIT BIASES Oh hello! You must be the new owners! Oh hello! Do you live here?

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

CENTURIES OF WHITE SUPREMACY NORMALIZED SYSTEMIC RACISM AND IMPLICIT BIASES.

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 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 14

Slide 14 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 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 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 19

Slide 19 text

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

Slide 20

Slide 20 text

SPOILER: IT’S NOT ALWAYS IN THE COMPONENTS

Slide 21

Slide 21 text

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

Slide 22

Slide 22 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 23

Slide 23 text

JAPAN ARABIC WESTERN More info Right to left design

Slide 24

Slide 24 text

HOW DO I DECOLONIZE MY DESIGN SYSTEM?

Slide 25

Slide 25 text

HOW DO I DECOLONIZE MY DESIGN SYSTEM? HIRE LEARN CONTRIBUTE

Slide 26

Slide 26 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 27

Slide 27 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 28

Slide 28 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 29

Slide 29 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 30

Slide 30 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 31

Slide 31 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 32

Slide 32 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

Slide 33

Slide 33 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 34

Slide 34 text

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

Slide 35

Slide 35 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 36

Slide 36 text

EXCUSES!

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

WE’RE UNDOING CENTURIES OF WHITE SUPREMACY.

Slide 39

Slide 39 text

WE DON’T HAVE TO DO THIS ALONE.

Slide 40

Slide 40 text

CONTRIBUTE: GLOBAL DESIGN SYSTEM

Slide 41

Slide 41 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 42

Slide 42 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 43

Slide 43 text

THANK YOU! Let’s talk! - zeroheight stand - LinkedIn: michelletchin - @soysaucechin bit.ly/decolonize-your-design-system