Navigation Graphics (continued)
Navigation systems may also rely on buttons, boxes, icons, or switches
Screen Placement
placed within the learning screen when the navigation requirement is
uniquely tied to the content matter on the screen (i.e., drag and drop
buttons). These buttons/icons should be placed to avoid conflict with any
text, graphics, or other content matter on the screen. They are usually
placed toward the bottom of the screen for navigation.
Navigation Buttons/Icons
Appearance
Use subdued colors (typically gray, beige, or a light contrasting color to
the screen). Button size should be large enough to accommodate a
practical size touch area (where you place the mouse) that does not
overwhelm the other screen elements. Icons, buttons, or boxes should
look three dimensional to differentiate them from text boxes. Use bevels,
shading, contrasts, or color to create a three dimensional look. Labels are
typically placed on or next to the button and if placed on the button,
should be of contrasting color to the button (i.e., don't use light green text
on a dark green button).
Button shape, color, and function may be selected based on the lesson
Buttons as
content's context, theme, and level of interactivity. The buttons and
Metaphors
navigation system serve to act as supporting elements to the instruction or
tap into popular/common meanings held by the typical student. Examples
include using a book as a symbol for accessing a technical manual, an
open door for an exit, or using a ship's bridge environment for a
navigation training module.
Navigation graphics should change in appearance (color or dimension) to
Action
indicate that the student has made an input. Button text should change
with the button between modes.
Inactive navigation buttons (i.e., a "back" button disabled during a test)
Inactivity
should have a color or shading change to indicate their status.
33
Previous Page
