$30 off During Our Annual Pro Sale. View Details »

Jacob Geib-Rosch_Colorblindness for the Colorsighted_UX Y'all 2022

UX Y'all
September 27, 2022

Jacob Geib-Rosch_Colorblindness for the Colorsighted_UX Y'all 2022

UX Y'all

September 27, 2022
Tweet

More Decks by UX Y'all

Other Decks in Design

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.