Color-blind people are using your apps. 1 in 12 men is color blind. And for women, this is 1 in 200. Building apps that work well for color blind people is not difficult. Some simple techniques help us with the design of our interface. And some tools help us see what color blind people see. In this talk, Maarten Arts of Avisi will look at common varieties of color blindness. We will look at apps through the eyes of a color-blind person. And we will discover what color-blind people struggle with. Regardless of whether you're a designer or developer, this talk will equip you with the skills and the tools you need to make sure that your app works for color-blind people.

1. MAARTEN ARTS | DESIGNER | AVISI | @MUURTEGEL
Building Apps With Color
Blind Users in Mind

2. Photo by bady qb on Unsplash

3. What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda

4. What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda

5. Photo by Sharon Pittaway on Unsplash

6. Photo by Sharon Pittaway on Unsplash

7. Photo by Sharon Pittaway on Unsplash

8. Photo by Sharon Pittaway on Unsplash

9. Normal Deuteranopia
Protanopia Tritanopia
Photo by Sharon Pittaway on Unsplash

10. Protanopia Protanomaly
Photo by Sharon Pittaway on Unsplash

11. What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda

12. Photo by bady qb on Unsplash

13. Photo by bady qb on Unsplash

15. Photo by Harshal Desai on Unsplash

16. John Doe
Mary Cook
Kevin Carroll
Hi, what’s up Maarten? 8:12
23:11
19:53
Sure, see you then!
Ok perfect

18. How about apps in the
Atlassian Marketplace?

31. What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda

32. www.archclimbingwall.com

36. Don’t rely on color
Use patterns, icons, text and other visual cues

46. Test your apps

47. Sim Daltonism
Mac / iOS

49. Color Oracle
Mac / Windows / Linux

52. If you have to use color
Use a color palette adapted for color blindness.
Test your apps
With one of the many color blindness simulators.
Don’t rely on color
Use patterns, icons, text and other visual cues.
Recap

53. MAARTEN ARTS | DESIGNER | AVISI | @MUURTEGEL
Thank you!