USER INTERFACE
DESIGN
PRESENTATION ON :
PRESENTATION CONTROLS
Akshay s
Gahan
Presentation Controls
Presentation Controls are purely informational.
Provide details about other screen elements or
controls.
Common presentation controls are
Static text fields
Group boxes Column headings
Tool Tips
Balloon Tips
Progress Indicators
Sample Box
Static text fields
Include a colon (:) as part of the caption.—
Include a mnemonic for keyboard access
Group boxes
A rectangular frame that surrounds a control or group
of controls. An optional caption may be included in
the frame’s upper-left corner To visually relate the
elements of a control. To visually relate a group of
related controls. To provide a border around radio
button or check box controls. To provide a border
around two or more functionally related controls
Tool Tips
A small pop-up window containing descriptive text
that appears when a pointer is moved over a control
or element either:
• Not possessing a label.
• In need of additional descriptive or status
information
.Purpose:— To provide descriptive information about a
control or screen element.
ToolTip Guidelines
• Display after a short time-out.
• For toolbars, provide a brief word as a label.Use
mixed case in the headline style of presentation with
no ending punctuation
Column headings
Read-only textual information that serves as
a heading above columns of text or
numbers.
Can be divided into two or more parts.
Purpose:— To identify a column of
information contained in a table.
Proper usage:— To display a heading above a
column of information contained in a table
Balloon
Tips
A small pop-up window that contains information
in a word balloon.
Components can include:• Title.• Body text.
• Message Icons.
Appear adjacent to the item to which they
apply, generally above or to left.
Only one tip, the last posted, is visible at any
time.
Tips are removed after a specified time period.
Purpose:— To provide additional descriptive or
status information about a screen element.
Progress Indicators
A rectangular bar that fills as a process is being
performed, indicating the percentage of the process that
has been completed.
Purpose:— To provide feedback concerning the
completion of a lengthy operation.
Proper usage:— To provide an indication of the
proportion of a process completed.
Progress Indicator Guidelines
• When filling the indicator:— If horizontally arrayed, fill
it from left to right.— If vertically arrayed, fill it from
bottom to top.
• Fill it with a color or a shade of gray.
• Include descriptive text for the process, as necessary.•
Place text outside of the control
Sample Box
— A box illustrating what will show up on the
screen based upon the parameter or parameters
selected.— May include text, graphics, or both.
• Purpose:— To provide a representation of
actual screen content based upon the parameter
or parameters selected.
• Guidelines:— Include a brief label.— Use
mixed case in the headline style.— Locate it
adjacent to the controls upon which it is
dependent.
Scrolling
ticker
Scrolling tickersText that scrolls horizontally
through a container window.
Advantages:Consume less screen space
than full text.
Disadvantages:— Hard to read.— Time-
consuming to interpret.— Distracting.
Guideline:— Do not use
