Tag Archives: color blind

108 million web users are color blind. Tips for designing keeping them in mind

Design, keeping everyone in mind

As designers, you pick up the best colors for the canvas and the most engaging content for your users, but often miss out on the color blind ones. Repeating the ever-repeated stats — 8% of the males and 0.5% of the females are color blind. Now that is a HUUUGE number if your user base is big. Ignoring these 8% and 0.5% of the society is no way acceptable. Here are few tip and tricks to help you design aligned with their needs as well-

Curated by (Lifekludger)
Read full article at Source: 108 million web users are color blind. Tips for designing keeping them in mind

Accessibility Design: Color Blindness – Alan Zucconi

This tutorial will teach you how to create and use post-processing effects which simulate how colour blind players might experience your Unity game. One of my most anticipated games is The Witness; since it uses so many vibrant colours, it will be used as an example in this tutorial.

Curated by (Lifekludger)
Read full article at Source: Accessibility Design: Color Blindness – Alan Zucconi

Designing a landing page for color-blind people – Elokenz Blog

One thing you should know about color-blind people, is that while most of them see blue they can’t distinguish green from red. So, having a blue logo is fine, while having a red or green logo is bad, because these colors are really different for color-blind people and they might be used by your partners or clients in a context that you don’t control.

Here you see that blue is not easily confused. This is the reason why hyperlinks are blue. I’ve also read a rumor stating that it is the reason Mark Zuckerberg plumped on blue for the dominant color in Facebook’s design because of his color blindness.

Now you understand why so many logos are blue-ish.3 Pro tips to enhance your designs for color-blind peopleUse tools to help youIf you ever want to design something for color-blind people, you should know that there is few software out there to simulate that on your own computer. Personally I used ColorOracle to get a quick feeling about my layouts. However, I discovered later that the option is available in Photoshop (under ‘view’ > ‘proof setup’ > ‘color blindness’). This allows professional designers to quickly check their work.

Curated by (Lifekludger)
Read full article at Source: Designing a landing page for color-blind people – Elokenz Blog

Designing For (and With) Color Blindness — INTREPID INSIGHTS — Medium

Every time someone finds out I’m color blind, I’m always hit with the same question: “So, what color is this?” 95% of the time I’ll answer correctly, which is always followed by, “Wait, so if you can tell this is {insert color}, then how are you color blind? What do you see?”.

This is where the joy of explaining how colorblindness works, and how it affects me comes into play.

As designers, we constantly worry about legibility, how engaging content is, whether hit targets are big enough, or if a user can navigate through a workflow. But we often forget about the one in ten people that are colorblind. Too many times have I downloaded an app or game only to realize that using it was a huge pain. I’m often unable to distinguish one object from another or determine how something is labeled.

If 1 out of every 10 users finds your app to be difficult or even impossible to use, your ratings and reviews will drop drastically. So, how do we test for this? How do we fix any issues? And how can we prevent issues from popping up to begin with?

Curated by (Lifekludger)
Read full article at Source: Designing For (and With) Color Blindness — INTREPID INSIGHTS — Medium