Please enable JavaScript.
Coggle requires JavaScript to display documents.
Techniques & Tools for Using Color In Computer Interface Design -…
Techniques & Tools for Using Color In Computer Interface Design
Mental Models & the Effective Use of Color
Simplicity
important in the design of color interfaces
four physiologically primary colors are red, green, yellow and blue. These colors are easy to learn and remember
Keep the message simple. Do not overload the meaning of the color by attaching more than one concept to a color
Consistency
Consistency is vital when assigning meanings to colors.
The spectral and perceptual order red, green, yellow, blue can guide the order of the concepts attached to colors
Red is first in the spectral order and focuses in the foreground, green and yellow focus in the middle, while blue focuses in the background.
Color can be used to encode or chunk information items. This helps increase the number of items a user can retain in short term memory
Clarity
Clarity is also an important guideline for using color.
search time for finding an item is decreased if the color of the item is known ahead of time, and if the color only applies to that item
The clear, concise use of color can help users
find items more quickly and efficiently
Color has been shown superior to black and white
for effective processing time of information and for memory performance
The aesthetics and appeal of the interface are inherently increased
by using color
Language of Color
The language of color is important in the use of color
A legend showing the colors and how they are used should be
included for the interface.
Color coding on-line documentation for the
interface will reinforce concepts the designer wants the user to develop.
Color can have a significant effect (positive or negative) on
communicating ideas to a user
It is more difficult to use color effectively than it is to use it ineffectively.
Motivation
Color has a major impact on human-computer interaction: positive,negative.
Color can be a powerful tool to improve the usefulness of an information display in a wide variety of areas if color is used properly
the inappropriate use of color can seriously reduce the functionality of a display system
Color is a major component in
GUIs.
Appropriate color use can aid user memory and facilitate the formation of effective mental models
Fundamentals of Color
several color models that are organized into two basic divisions
perceptually-based models
known as HSV (hue, saturation, and value) and HLS (hue, light, and saturation).
Hue is the spectral wavelength composition of color that produces the colors we see, such as orange, blue, etc.
Saturation (chroma) is the relative purity of the color on a scale from gray to the most vibrant tone of the particular color.
Value is the strength or darkness of the color.
Lightness, also referred to as brightness, refers to the amount of light energy creating the color.
display-based
models.
The most common display-based models are RGB (red, green, blue) and YIQ/YUV
RGB is used for computer monitor display, and YIQ/YUV is used for TV broadcast.