Tag Archives: colour

A Guide to Color, UX, and Conversion Rates

Color is one of the most powerful tools in the designer’s toolkit. You can use color to impact users’ emotions, draw their attention, and put them in the right frame of mind to make a purchase. It’s also one of the main factors in customers’ perception of a brand. With an infinite number of possible color combinations out there, it can be hard to decide what colors will make the biggest impact on your site or app. It would be impossible to test everything, but we’ve picked up a few tricks and trends about how color affects users’ attitudes and behavior.

In this article, we’ll cover basic color theory, psychology, accessibility issues, and impact on conversion rate. We’ll also share some of the findings from a recent 50-person study we ran to find out how men and women perceive color schemes differently and how color can attract attention and make a website memorable.

Curated by (Lifekludger)
Read full article at Source: A Guide to Color, UX, and Conversion Rates

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

Using Color Theory to Improve Website Accessibility

The very first step in creating a color blind-safe website is choosing legible and well-matching colors for your color palette. Your task is setting aside color meaning and psychology and focusing on good color combinations and contrasts for creating legible website pages with strong hierarchy and accents.You can use the following techniques and approaches to avoid possible pitfalls and have an accessible website design:

Curated by (Lifekludger)
Read full article at Source: Using Color Theory to Improve Website Accessibility