BT

Article: Colors and the UI

by Abel Avram on Nov 25, 2008 |

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.

 

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!

kuler.adobe.com/

:)

additional information by Jay Dowling

You might also be interested in the information at this site:
www.diycalculator.com/sp-cvision.shtml
Jay

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 ( www.vischeck.com/examples/ ). 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

Educational Content

General Feedback
Bugs
Advertising
Editorial
InfoQ.com and all content copyright © 2006-2014 C4Media Inc. InfoQ.com hosted at Contegix, the best ISP we've ever worked with.
Privacy policy
BT