AKVIS Articles. Color Matters: Color and the World: Color and usability matters
 

  Customer Room  
   Photo Processing    Video Processing  Download   Purchase   Tutorial   Support   Company  
en  fr  de  es  pt  it  jp  ru  
 

Articles

Color Matters: The World: Color and usability matters

 

From small electronic objects to large airports, color plays a powerful role in helping you use a tool or navigate a space. Unfortunately, color is only beginning to gain recognition as a critical component in "usability." The following information presents a few of the many ways color can succeed or fail.

 

Think about the last time you were in a train station or airport. How easy was it to find your way? If you didn't speak English (or the native language), were there recognizable symbols to guide you?

The usability of a transportation center depends on how easily travelers can find a departure gate, a baggage claim area, phones, food and other necessities. Unfortunately, the directional signs in most airports fail miserably - especially those in the USA. By contrast, Shiphol Airport in Amsterdam is extremely successful. Bright yellow signs capture the attention of even the most weary traveler. Icons communicate where languages fail. The image below demonstrates how highly visible the yellow sign is. Notice that it has to compete with wide expanses of window and the strong natural light surrounding it.

Detail below

Color is the critical factor in the success of the visibility and readability of these signs.

 

The smaller the object, the more difficult it is to find the right way to use the device. Buttons, buttons everywhere. Which one for what?

A TV remote control, a radio, a car alarm and a food blender (minus the top). Each of these objects relies on a wide variety of button controls. Each device has a control panel. The issue is human interface design. Let's take a closer look at the object at the far right. It's the base of a food blender (as illustrated below).

If you're not familiar with this machine, a blender can chop onions, whip cream, grind bread into bread crumbs, make milkshakes and crush ice. At the base of the container are sharp blades which rotate at extremely fast speeds. Controlling the speed controls the consistency of the finished product.

 

Let's take a closer look at the food blender "control panel" in the photograph below.

There are three red buttons and seven white buttons. Why are there three red buttons? Are there three critical functions? The three red buttons definitely stand out from the rest. This certainly indicates that there's something more important for these three buttons than the other buttons.

Pause for a moment and ask what's the most important thing that you need to control in this appliance. Imagine that you've filled the blender with peanuts. You want to chop them into small pieces for cookies. You don't want them to turn to powder and you don't want peanut butter. Also, consider the fact that a hand can fit inside the container. Frequently you remove the lid and add things to the mixture as the blades are rotating. Think about it. The most critical function is.....................

OFF

You have to be able to turn the machine off - for safety as well as for the function. You need to stop the machine when the appropriate amount of chopping, whipping or mixing has been achieved. Do the three red buttons mean that this blender has three off buttons?

Let's zoom in and see what these red buttons are for.

The red is used for three of the slower speeds and the off button. Confusing? How would you redesign this?

 

What about a credit card machine with "Yes" and "No" buttons?

This machine is used at check out stands in stores.

After entering your credit card, you are prompted to verify if the total is correct. Yes or No.

The total purchase amount is almost always correct.Iin 99% of all transactions, a customer will want to press the "YES" button. Nevertheless, customers falter and fail to find "YES." You can easily see why in the image above. Obviously, the red button catches the eye... but this red button is the" NO" button.Pressing "No" means that the amount is wrong. This stops the charge process.

Let's take a closer look at the colors used on the buttons. First , you can argue a case for using red as an emergency color that symbolizes "stop." If this were a machine involved human safety, a red "NO"(stop) button would be a good color choice. If this machine were used in situations that required "NO" (stop) as often as "YES" (go), it would be suitable. But this machine rarely requires "NO" - that the process be stopped. By comparison, the "YES" button is a dark color that doesn't grab your attention and is completely lost in a sea of bland buttons. The entire "interface" of this machine is a color communication failure.

 

 

Consider for a moment the importance of the mundane trash receptacle. In some situations it should be highly visible to prevent littering. In other situations, such as a garden park, it shouldn't interfere with the natural landscape. The same considerations for usability apply. The examples below are from Amsterdam, The Netherlands.

Notice the well designed symbols which successfully communicate the intended usage. Not all trash cans are this sensitive to international communication. A case in point is the icon used for a trash can on computers. Metal trash cans with a lid are not used in every country in the world.

This points to another usability issue. In the world of computers, it's known as user-interface design. From the visual interface of the operating system to the software components and peripherals, colors and symbols help you find your way and get the job done. In the same way that color works in an international airport, color combined with shapes and symbols will mean the difference between successful computer-human interaction or confusion.

 

from www.colormatters.com
 
Articles Articles
Photo Tips for Beginners Photo Tips for Beginners
Digital Photo ABC Digital Photo ABC
   — Shooting in Various Conditions — Shooting in Various Conditions
   — Final Photo Processing — Final Photo Processing
   — Storing Photos — Storing Photos
   — More Experience! — More Experience!
The History of Photography The History of Photography
   — How It All Began… — How It All Began…
   — Niepce Pictures — Niepce Pictures
   — Talbott's Pictures — Talbott's Pictures
   — Daguerre Pictures — Daguerre Pictures
   — Development of Photography — Development of Photography
Monitor Calibration Monitor Calibration
   — Calibration Theory — Calibration Theory
   — Black Point — Black Point
   — White Point — White Point
   — Monitor Gamma — Monitor Gamma
Color Matters: Color and Brain Color Matters: Color and Brain
   — Color Effects of Cars — Color Effects of Cars
   — Color & Accident Matters — Color & Accident Matters
   — Color & Culture — Color & Culture
   — The Meaning of Color for Gender — The Meaning of Color for Gender
Color Matters: Color and Body Color Matters: Color and Body
   — Color and Food Matters — Color and Food Matters
   — Drunk Tank Pink — Drunk Tank Pink
Color Matters: Color and Vision Color Matters: Color and Vision
   — Color and Vision Matters — Color and Vision Matters
   — How the Eye Sees Color — How the Eye Sees Color
Color Matters: Color & Design - Art Color Matters: Color & Design - Art
   — Who Owns Hues? — Who Owns Hues?
   — Basic Color Theory — Basic Color Theory
   — Color for E-Commerce — Color for E-Commerce
   — True Color & Metamerism — True Color & Metamerism
   — Historical Color Matters — Historical Color Matters
   — Quirks of the Color Quest — Quirks of the Color Quest
   — Color & Art Education — Color & Art Education
Color Matters: Color and Science Color Matters: Color and Science
   — Color Systems — Color Systems
   — Electromagnetic Color — Electromagnetic Color
Color Matters: Color and the World Color Matters: Color and the World
   — Color and Usability Matters — Color and Usability Matters
   —  Color and Energy Matters —  Color and Energy Matters
Color Matters: Color and Computers Color Matters: Color and Computers
   — Computer Color Matters — Computer Color Matters
   — The Chameleon of the Web — The Chameleon of the Web
Color and Sound Therapy Color and Sound Therapy

 

 

back to top

 

Sign In   
Search 
  English  | Français  | Deutsch  | Español  | Português(Br)  | Italiano  | 日本語  | Pусский  |
Facebook | Twitter | YouTube | Forum
© 2004-2017 AKVIS. All Rights Reserved. 
Privacy Policy