Tuesday, September 13, 2011

Using Color to Convey and Simplify Information

October 28, 2010 by · Leave a Comment 

The point of most communication is to convey meaning. When faced with trying to convey simple or organized meaning from multi dimensional or dense information color can be a great aid in helping the reading grasp significance quickly.

Of course it can also be used to inflict pain in the wrong hands. In his brilliant book – Envisioning Information, Edward Tufte begins his discussion on the subject of color with this caution – “Above all, do no harm.”

consumer 560x264 Using Color to Convey and Simplify Information
See it larger

When using color to convey information I think it’s best to view it functionally rather than visually. There is no denying that blocks of black text on a white page are often the best way to convey large chunks of information and that careful use of colored text can help the reader meter how they consume the information.

Color used to convey information must have a purpose to be effective. With the advent of simple, low cost design tools we’ve all seen color used in a “look what I can make the font do” kind of way that, while perhaps attention getting, creates information pandemonium.

webtrend Using Color to Convey and Simplify Information
Image credit: ottonassar

Using color to convey information effectively must be done in a way that helps the reader understand the information more quickly while remaining aesthetically pleasing.

Consistent and intentional

The use of color to communicate inform and decorate suggests that you have reasons for using color a certain way throughout a text or to label a chart or graph and that use only tends to confuse when it’s done without thought and not carried through consistently.

12237.pic Using Color to Convey and Simplify Information

Creating an information color scheme using a tool like the ColorSchemer found here is a great way to lock in a set of standards and intentions for your entire organization.

“Noise is not music.” – Eduard Imhof

Hierarchy of importance

When using color to organize information you are automatically applying a scale, alerting the reader in a sort of outline, which is the most important information. If you use blue heading for your text, you are systematically pointing out the sections and hierarchy of the information, but if you simply choose a color to make something pop, you run the risk systematically confusing the reader.

12 step conversion rehab 560x320 Using Color to Convey and Simplify Information
Image credit: unbounce

Hue, or shades of a color, is often one of the best ways to create a system of communication for labeling information by measure. Maps use deepening shades of blue to communicate deeper water and darker shades of green to show denser forests. I think this is an underutilized visual cue in brochures and business data presentations.

Color deficient vision

Over 5% of adults suffer from some form of color deficient vision (CDV) or what my dad called colorblindness. The number is significant enough to consider how people with the various forms of CDV might actually view your color choices.

My father suffers from the most common form of red/green color blindness – meaning he can’t really distinguish between the two or between colors primarily made from the two.

oranges deut Using Color to Convey and Simplify Informationoranges small Using Color to Convey and Simplify Information
The image on the left is how a person with CDV might see a batch of fruit

He can however tell the difference in lightness and darkness or shades of a color in ways that make shades of black and white a really great option for him.

There is a handy (although not foolproof) tool called vischeck that allows you to view your web site through the lens of the different forms of CDV.

 Using Color to Convey and Simplify Information
Source: Color + Design Blog by COLOURlovers / Feed

Related Posts

  • Using Color to Increase Participation
    The effective use of color in design has a proven impact on readability, conversion and engagement both online and offline. Sometimes subtle changes in color for headlines and direct response cues can...
  • Using Color for Web Wayfinding
    I was first introduced to the term wayfinding from an architectural firm that hired me to help them get on the web years ago. In architectural terms wayfinding encompasses all of the ways in which peo...
  • Rooms with a Dash of Color Splash
    White rooms are completely versatile and can either create a modern sophisticated feeling of serenity or make a fun artistic impact on the energy of a space with a splash of color. The rooms featured ...
  • Website Color Trends: Blue-green
    Colors that fall on the spectrum between the edge of baby blue and verdigris, including cyan, aquamarine, Bondi blue and teal, have always been a popular choice for websites. Whether used as the ...
  • Color of the Year 2010: By The People [infographic]
    Experts have long been trying to predict what color will be en vogue in the years to come. For big businesses, by knowing what colors the consumer will want they can create their products to match the...

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!