How are we going to use it? A few thoughts on inclusive design: Diversity, accesibility, gender representation

1. Springboard Rise 2019
Data & Design Summit
#springboardrise

2. Débora Edelberg, Product Designer
from Buenos Aires, Argentina.
Mentor at Springboard UXC + UX1
Digital nomad!
uxdeb.com | @deboraedelberg
Hola! I’m Deb

5. Confessions of a flawed designer

6. r
Digital design has the
power to permeate every
moment in our lives

7. Empathy
[noun] /ˈɛmpəθi/
The ability to share someone else's feelings
or experiences by imagining what it would
be like to be in that person's situation.

8. Power + Empathy

9. Design is a superpower
Power + Empathy

10. Diversity

11. New Zealand passport robot tells applicant of asian descent to open eyes

12. https://medium.com/@uxdiogenes/just-a-brown-hand-313db35230c5

13. Airbnb: “Normal” is Diverse

14. facebook handskit
tonl.co wocintechchat.com
broadlygenderphotos.vice.com
diverseui.com
Diverse photos

15. Diverse illustrations
humaaans.com avataaars.com

16. Different abilities

18. Microsoft’s Inclusive toolkit
Microsoft’s Inclusive Toolkit

19. Some guidelines for better accessibility
Ensure good contrast

20. Some guidelines for better accessibility
Ensure good contrast
Don’t use color as the only visual cue

21. Some guidelines for better accessibility
Ensure good contrast
Don’t use color as the only visual cue
Make links look like links

22. Some guidelines for better accessibility
Ensure good contrast
Don’t use color as the only visual cue
Make links look like links
Use labels and instructions on fields

23. Tools
Stark (plugin) Tanaguru contrast
getstark.co
contrast-finder.tanaguru.com
Check contrast and color
blindness simulator
Suggest safe colors
based on palette

24. Gender Representation

25. Chicos ChicasChiques

26. 81%Of 13-20 year-olds (“Gen Z”) believe that
gender did not define a person as much as it used to.
https://www.vice.com/en_us/article/kb4dvz/teens-these-days-are-queer-af-new-study-says

27. 1. Do I really need this information?
Gender in forms

28. 1. Do I really need this information?
2. Explain what you will use it for
Gender in forms

29. 1. Do I really need this information?
2. Explain what you will use it for
3. Consider an opt-out option
Gender in forms

30. 1. Do I really need this information?
2. Explain what you will use it for
3. Consider an opt-out option
4. Prefer to self-identify
Gender in forms

31. 1. Do I really need this information?
2. Explain what you will use it for
3. Consider an opt-out option
4. Prefer to self-identify
5. Use pronouns instead
Gender in forms

32. A journey outside of ourselves

33. We all have biases
● Being aware of our biases and challenging them
● Making a conscious decision to learn about other realities
● Developing and exercising our empathy
● Who have I excluded in my design?

34. Thank you!
Questions?
uxdeb.com | @deboraedelberg

35. Gender representation
● https://dscout.com/people-nerds/4-design-principles-for-gen
der-identity-inclusion-and-how-to-get-them-implemented
● https://43epnd.axshare.com/gender.html?source=post_page-
----a29f3be2257c----------------------
Diversity
● https://avataaars.com/
● https://www.humaaans.com/
● https://undraw.co/illustrations
● https://www.invisionapp.com/inside-design/diverse-stock-ph
otos/
● https://www.byalicelee.com/wordpress
● https://medium.com/designing-atlassian/illustrating-balanc
ed-and-inclusive-teams-c548166c7540
Accessibility
● https://webaim.org/standards/wcag/WCAG2Checklist.pdf
● https://wearecolorblind.com/examples/
● http://colorsafe.co/
● https://empathyprompts.net/
● http://maya-benari.com/empathy-maker/
Biases
● https://empathyprompts.net/
More resources