Click here to skip to main content.
Home Page
Introduction Human Factors Model Usability Visual Displays Non-Visual Displays Controls Environment Cognition Training Team Performance
Visual Diwplays Module navigation.
Module Introduction
Lesson Goals
Human Visual System
Contrast & Color
CIE Color Space
Color Choices
Pre-Attentive Processing
Text
Symbols
Module Summary
Take the quiz for this module
 
Visual Displays > Symbols - 3 of 4
 
 


Icons - Composition

An icon is comprised of several parts: a symbol, border, background, and text label. While by definition an icon must contain a graphic element or symbol, the other parts are optional. Each part selected for use should add to the icon meaning.

  • Borders - Borders can add consistency to a group of icons, help to clarify its meaning, and provides the icon a start and stop point, important for activation on a computer screen. However, the space available for icons is typically at a premium. Borders will require more space and may limit the image size that can be used, making the icon less distinct. The use of borders must be carefully considered in the overall design, particularly for use on computer screens.
  • Background - An appropriate background can emphasize the symbol/graphic to increase visibility and comprehension. Backgrounds can be used to group icons or to show an icon's state. Care must be taken, however, that the background does not overwhelm and conflict with the central image.
  • Text Label - If the meaning of an icon is not likely to be intuitively obvious to all users, a text label can be added. Studies have shown that a text label in addition to the graphic can facilitate comprehension, decrease activation time, and reduce errors.
Icon Composition
 
   
Home
Previous Page Next Page