Introduction to Inclusive Design — Everyone is Different VLADIMIR KONČAR @koncarovski 25. Sep 2018

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

menti.com 12 22 48 What is Inclusive Design? WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity

RIGHTEOUS ADAPTABLE HONEST NOTICEABLE INFORMATIVE PREVENTIVE TOLERANT FRIENDLY CONSISTENT ACCESSABLE What is Inclusive Design? WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity

Inclusive Design doesn’t mean you’re designing one thing for all people. You’re designing a diversity of ways to participate so everyone has a sense of belonging. —Susan Goltsman, Founding Principal of MIG, Inc., co-author of Play for All Guidelines and The Inclusive City. “

WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://uxdesign.cc/inclusion-in-design-843f99b5d1c8

WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://www.microsoft.com/design/inclusive/

What is the difference between inclusive design and accessibility? WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://a11yproject.com/resources

Inclusive design is a methodology. Accessibility is one of the core objectives. WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://www.interaction-design.org/literature/article/accessibility-usability-for-all

WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity Permanent Temporary Situational Touch One arm Arm injury New parent See Blind Cataract Distracted driver Hear Deaf Ear infection Bartender Speak Non-verbal Laryngitis Heavy accent SOURCE: https://www.microsoft.com/design/inclusive/

WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity Context

WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://speakerdeck.com/kevincannon/ergonomics-for-ux-designers

SOURCE: https://www.microsoft.com/design/inclusive/

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

Learn how people adapt to the world around them. Bring that into your design practice. — Tim Allen “

WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 SOURCE: https://airbnb.design/anotherlens/ BALANCE YOUR BIAS CONSIDER THE OPPOSITE EMBRACE A GROWTH MINDSET WHY WE SHOULD DO IT? 3 Learn from diversity

Discover. WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity

Get to know the people you design for. Discover. WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity

Do your homework before your fieldwork Try the technologies on yourself Develop empathy by observing and being open-minded Be humble: Admit your ignorance and break assumptions Choose a variety of participants and technology Test for your target users and beyond WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://design.google/library/designers-guide-accessibility-research/

Do your homework before your fieldwork Try the technologies on yourself Develop empathy by observing and being open-minded Be humble: Admit your ignorance and break assumptions Choose a variety of participants and technology Test for your target users and beyond WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://design.google/library/designers-guide-accessibility-research/

empathy WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity SOURCE: https://design.google/library/designers-guide-accessibility-research/

SOURCE: https://www.microsoft.com/design/inclusive/

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

SOURCE: https://www.ted.com/talks/joy_buolamwini_how_i_m_fighting_bias_in_algorithms

We as designers disable people when we don’t get it right. — Jamie Knight “

WHAT IS INCLUSIVE DESIGN? Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity 1 One billion people, or 15% of the world’s population, experience some form of disability. SOURCE: https://www.worldbank.org/en/topic/disability

WHAT IS INCLUSIVE DESIGN? Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity 1 In Croatia there are 511850 disabled people. SOURCE: https://www.hzjz.hr/periodicne-publikacije/izvjesce-o-osobama-s-invaliditetom-u-hrvatskoj-2015/ 14.03.2017.

WHAT IS INCLUSIVE DESIGN? Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity 1 At least one of ten residents of each country, is to a certain extent impaired.

Our technology feels like a century ahead of us, while our behaviours are reflective of decades before us. WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 WHY WE SHOULD DO IT? 3 Learn from diversity

Keep innovating, keep thinking about new ways for people to access information. — Jamie Knight “ WHAT IS INCLUSIVE DESIGN? 1 Recognise exclusion

Recognise exclusion WHAT IS INCLUSIVE DESIGN? 1 Solve for one, extend to many HOW DO WE DESIGN FOR DIVERSITY AND INCLUSIVENESS? 2 Learn from diversity WHY WE SHOULD DO IT? 3

SOURCE: https://www.apple.com/accessibility/

Design for all of us begins with design for each of us.

Everyone is Different Design for all of us begins with design for each of us. VLADIMIR KONČAR @koncarovski

Resources — https://www.youtube.com/watch?v=wfiFA8s4iHY&feature=youtu.be — https://www.microsoft.com/design/inclusive/ — https://uxmastery.com/15-inspiring-talks-on-inclusive-design/ — https://www.fastcompany.com/3047545/googles-guide-to-designing-with-empathy — https://design.google/library/designers-guide-accessibility-research/ — https://www.apple.com/accessibility/
 — https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/accessibility/ — https://material.io/design/usability/accessibility.html — https://ownyourcontent.wordpress.com/2018/02/01/john-maeda-kat-holmes-on-designing-for-inclusiveness/ — https://mismatch.design/ — https://creativemornings.com/talks/tim-allen/1 — https://www.audioeye.com/haben-girma-wwdc-2016/ — https://www.shopify.com/partners/blog/inclusive-design — https://www.smashingmagazine.com/printed-books/inclusive-front-end-design-patterns/ — https://inclusivedesignprinciples.org/ — https://airbnb.design/anotherlens/ — https://medium.com/simple-human/designing-inclusively-5442ca2850ba — https://github.com/Heydon/inclusive-design-checklist — https://inclusive-components.design/ — https://empathyprompts.net/#blindness — https://a11yproject.com/resources — https://www.w3.org/TR/WCAG20/ — http://interactions.acm.org/archive/view/november-december-2015/writing-about-accessibility