Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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. “ What Is Colorblindness? Actually Dude, “colorblindness” is not the

    preferred nomenclature. “Color vision deficiency,” please.
  2. Colorblindness Is Not the Same for Everyone • A Spectrum

    from Mild to Severe • Different Types of Colorblindness
  3. 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
  4. 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
  5. 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
  6. Genetics! Grandmother (XX carrier) + Grandfather (XY colorblind) Mother (XX

    colorblind) + Father (XY not colorblind) Me (XY colorblind)
  7. How to Design for Colorblindness 1. Avoid bad color combinations.

    2. Use simple color palettes. 3. Use contrast.
  8. How to Design for Colorblindness 1. Avoid bad color combinations.

    2. Use simple color palettes. 3. Use contrast. 4. Use symbols with colors.
  9. 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.
  10. 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.
  11. 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.
  12. 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.
  13. 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.