1. Choose the Proper Screen-Based Controls Lecture-10
Step-7
Choose the Proper Screen-Based Controls
Lecture-10
Computer Systems Interface

2. Computer Systems Interface
Overview
Identifying the characteristics & capabilities of the various screen controls, including:
Buttons
Text entry / read-only controls
Selection controls
Combination entry / selection controls
Specialized operable controls
Custom controls
Presentation controls
Web controls
Selecting the proper controls for the user & tasks
Computer Systems Interface

3. Computer Systems Interface
Buttons
In Web page or application design
Use buttons to perform an action
Use links to show information
Three styles
Command buttons
Toolbar buttons w/o labels
Symbol buttons
Computer Systems Interface

4. Computer Systems Interface
Command buttons
Windows w/o Menu bar
Raised appearance
Single-word labels whenever possible
First letter capitalized
Regular system font, same size font
Label & border - 2 pix; height - 25 pix
Six or fewer
Location & layout
Web pages spanning more than one screen
Consistency across all screens
Computer Systems Interface

5. Computer Systems Interface
Toolbars
Meaningful & unique image icons
Button: 24x22, 32x30
Label: 16x16, 14x24
Customization
Computer Systems Interface

6. Computer Systems Interface
Captions or Labels
Entry/Modification & Display/Read Only text boxes
Single fields ?
Multiple occurrence fields
Long, fixed-length data field
Alphanumeric, short, variable in length
Numeric, variable in length
See p.464 (495)
Computer Systems Interface

7. Computer Systems Interface
Data fields
Segment long text boxes through
Incorporation of slashes (/), dashes (-), spaces, or other common delimiters
If fixed-length data, segment into logical boxes using auto-skip to move between
Computer Systems Interface

8. Computer Systems Interface
Radio buttons
To set an item from a small set of mutually excusive options (2 to 8)
Where adequate screen space is available
Alternatives are better understood when seen together & can be compared
Mnemonics
Do not use
For commands
Singly to indicate presence or absence of a state
See p.473 (504)
Computer Systems Interface

9. Computer Systems Interface
Tabs
Meaningful description of contents
Order of information use varies
Do not use for sequential steps
03 GROUPS
Computer Systems Interface

10. Computer Systems Interface
Examples
See p.552 (583)
04 groups
Computer Systems Interface