Article: Colors and the UI

| by Abel Avram Follow 5 Followers on Nov 25, 2008. Estimated reading time: less than one minute |

A note to our readers: You asked so we have developed a set of features that allow you to reduce the noise: you can get email and web notifications for topics you are interested in. Learn more about our new features.

In this article, Dr. Tobias Komischke explains how colors used in a GUI can influence our interaction with a computer and offers advice on using the appropriate colors for the interface.

Read: Colors and the UI


As the name suggests, GUIs (Graphical User Interfaces) present their features and functions visually. The human-computer interaction is heavily based on seeing things, looking for things and interacting with graphical UI elements. Color is a main characteristic of any visual scene, not only on computer screens, but in any situation where we see something. Because most of what we see and interact with in our everyday life is colored (as opposed to shades of white-gray-black), we are very familiar with colors – maybe so much that we don’t think about them a lot. On the other hand, it does bother us when we need to read a dark-gray label on a black button. So colors have the potential to boost or wreck the user experience. This article will introduce the concept of user experience and highlight some aspects of colors and color perception together with recommendations for UI design.


Rate this Article

Adoption Stage

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

usabilty is important! by Kevin E. Schlabach

From the mouth of an expert! Thanks Tobias for this great article. Reminds me of some of the other stuff you discussed when we worked together in the past.

For everyone else, this is yet another example of why having usability in software development is important and we have to figure out how to embed usability roles into the agile process.

Kuler by Christopher Brind

Nice one, this will make more sense to me now!


additional information by Jay Dowling

You might also be interested in the information at this site:

Nice article. by Chris Matts

This is a really nice summary of this subject.

I have been using colour more and more. On one project the sponsor was colour deficient. So we checked all the screens using a colour deficiency filter. This is the one we used ( ). I filtered a picture of an orange rose. The results were amazing. To some it looks pink and to others blue.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

4 Discuss

Login to InfoQ to interact with what matters most to you.

Recover your password...


Follow your favorite topics and editors

Quick overview of most important highlights in the industry and on the site.


More signal, less noise

Build your own feed by choosing topics you want to read about and editors you want to hear from.


Stay up-to-date

Set up your notifications and don't miss out on content that matters to you