Jacob Geib-Rosch_Colorblindness for the Colorsighted_UX Y'all 2022

Transcript

1. for the Colorblindness Colorsighted
2. “ What Is Colorblindness? Actually Dude, “colorblindness” is not the preferred nomenclature. “Color vision deficiency,” please.
3. What Color Is This?
4. So what is it like to be colorblind anyway? What Color Is This?
5. • A Spectrum from Mild to Severe Colorblindness Is Not the Same for Everyone
6. Colorblindness Is Not the Same for Everyone • A Spectrum from Mild to Severe • Different Types of Colorblindness
7. Source: Enchroma: What Do Color Blind People See?
8. Source: ye olde Wikipedia,
9. Cones and channels S cones M cones L cones Harvard University: From Kansas to Oz: How new glasses could change the way the colorblind see the world
10. Cones and channels S cones M cones L cones Harvard University: From Kansas to Oz: How new glasses could change the way the colorblind see the world
11. Cones and channels S cones M cones L cones Harvard University: From Kansas to Oz: How new glasses could change the way the colorblind see the world
12. Why has the universe cursed me with this affliction?
13. Genetics! Grandmother (XX carrier) + Grandfather (XY colorblind) Mother (XX colorblind) + Father (XY not colorblind) Me (XY colorblind)
14. Disease can also cause colorblindness.
15. How to Design for Colorblindness 1. Avoid bad color combinations.
16. 1. Avoid bad color combinations. 2. Use simple color palettes. How to Design for Colorblindness
17. How to Design for Colorblindness 1. Avoid bad color combinations. 2. Use simple color palettes. 3. Use contrast.
18. How to Design for Colorblindness 1. Avoid bad color combinations. 2. Use simple color palettes. 3. Use contrast. 4. Use symbols with colors.
19. How to Design for Colorblindness 1. Avoid bad color combinations. 2. Use simple color palettes. 3. Use contrast. 4. Use symbols with colors. 5. Label colors with names.
20. How to Design for Colorblindness 1. Avoid bad color combinations. 2. Use simple color palettes. 3. Use contrast. 4. Use symbols with colors. 5. Label colors with names. 6. Heck, just use labels.
21. How to Design for Colorblindness 1. Avoid bad color combinations. 2. Use simple color palettes. 3. Use contrast. 4. Use symbols with colors. 5. Label colors with names. 6. Heck, just use labels. 7. Use patterns and textures.
22. How to Design for Colorblindness 1. Avoid bad color combinations. 2. Use simple color palettes. 3. Use contrast. 4. Use symbols with colors. 5. Label colors with names. 6. Heck, just use labels. 7. Use patterns and textures. 8. Use chunky lines and letters.
23. Thank you. @JacobGeibRosch
24. Credit where credit is due. • 8 Ways to Design a Color Blind Friendly Website, https://www.audioeye.com/post/8-ways-to-design-a-color-blind- friendly-website/ • Encrhoma, What do Colorblind People See? https://enchroma.com/blogs/beyond-color/how-color-blind-see • Wikipedia, https://en.wikipedia.org/wiki/Color_blindness • Harvard University, From Kansas to Oz: How new glasses could change the way the colorblind see the world, https://sitn.hms.harvard.edu/flash/2015/from-kansas-to-oz-how- new-glasses-could-change-the-way-the-colorblind-see-the-world/ • Theme based on ‘Puck’ by SlidesCarnival.