Digital design has the power to permeate every moment in our lives. That power along with empathy, makes design a superpower. We have to make an effort: - Create awareness of our biases and challenge them - Make a conscious decision to learn about other realities - Develop and exercise our empathy - Ask ourselves: Who have I excluded in my design?

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. 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 Chicas
Chiques

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-
gender-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-
photos/
● https://www.byalicelee.com/wordpress
● https://medium.com/designing-atlassian/illustrating-
balanced-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