User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

In the question: Presenting options in tools where users can have two (or more) different roles Alex Ovi gives a great recommendation:

integrate some consistent "dividers" for different users, that will be stable idioms in the project.

It can be: color coding (every group has it's own colour of the background or buttons)

How can one effectivley teach the user a new colour code within the application and reduce the processing time (time taken by them to remember or figure out)?

share|improve this question
what is the context? – sree Aug 13 '12 at 7:21
If you implement the necessary backup system for users who are colour blind and that results in the new colour being labelled that should help a bit – TJH Aug 13 '12 at 8:59

Teaching colour coding is almost always hard, because colour codes are almost always arbitrary. That being said, there are a few instances where you can mitigate the problems:

Represent elements on a scale with a colour transition

If users see a transition of brightness, or between two primary colours, they can guess that each colour somehow represents a point on a linear scale. They won't guess which colour is 'high' or 'low', but they will quickly learn the meaning of colour once they're told the meaning of the two 'end' colours.

Repeat the colour coding and expose users to it as much as possible

Should be fairly self-evident, this one, but do try and fit iconography in wherever possible for the greatest chance of communicating the message.

Design legends well

Legends suck, but with colour coding, they're pretty unavoidable. At the very least, you can try and ameliorate them. Ensure legends obviously belong to the diagrams or items they refer to. Ensure icons on legends closely match the elements the point to - try to give icons the same size on both the UI and the legend, and increase the priority of display bugs in the legend space.

Add non-colour cues

Remember, a small but notable minority of users are red-green colourblind. That means they cannot easily differentiate shades of red, yellow and green. Use non-colour labels and text as a backup, but be warned that small shapes and details will be hard to make out against a blue background, thanks to the eye's poor blue acuity.

Finally, I strongly suggest reading Michael Zuschlag's post, 'Breaking the colour code', which provides an excellent introduction to the use of colour in UI.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.