colors used in indicating status...

29 Jun 2005 - 10:31am
9 years ago
1 reply
702 reads
Brent Shelkey
2005

I've been called into provide some advice on an application function that is having problems with readability.

I've helped previously with providing some more high contrast colors in this applciation that retain contrast when viewed through different filters that simulate the two major types of color blindness.

Here's the basics:
The screen in this application is representing the status of a given process for several organizations that a user has rights to see.
The screen has a legend that lists five statuses and the colors for each.
Some of the status colors provide poor readability and cannot be perceived well.
The colors themselves are present on a whole line. i.e.
RED TEXT
BLUE TEXT
GREEN TEXT
I have some other suggestions for laying out this information with a status column, or using a swatch of color next to each line instead of coloring the whole line.

In the short term though, I need to work in the constraints of the current application problem/solution.

I'm wondering what types of applications/examples currently exist that use this particularly metaphor well with high contrast colors. We've looked at the infamous homeland security threat bar, but I'm not sure this holds up well with color blindness.

Thanks in advance for some examples/ideas...
Brent

---------------------------------
Yahoo! Sports
Rekindle the Rivalries. Sign up for Fantasy Football

Comments

29 Jun 2005 - 2:37pm
Austin Govella
2004

On 6/29/05, Brent Shelkey <bshelkey at yahoo.com> wrote:
> I've been called into provide some advice on an application function that is having problems with readability.
>
> Here's the basics:
> The screen in this application is representing the status of a given process for several organizations that a user has rights to see.
> The screen has a legend that lists five statuses and the colors for each.
> Some of the status colors provide poor readability and cannot be perceived well.
> The colors themselves are present on a whole line. i.e.
> RED TEXT
> BLUE TEXT
> GREEN TEXT
> I have some other suggestions for laying out this information with a status column, or using a swatch of color next to each line instead of coloring the whole line.

I typically use teensy, colored, labeled icons. The color, image, and
text all combine to create one meaningful visual cue.

As a bonus, different people who process different ways are allowed to
key in on color, shape, or text, depending on their preference, and
with an alt tag, you now have an entirely text version of the
information available for other devices.

--
Austin Govella
Thinking & Making: IA, UX, and IxD
http://thinkingandmaking.com
austin.govella at gmail.com

Syndicate content Get the feed