Essentials of Interaction Design: Controls Overview

Types of controls

imperative – used to initiate a function
selection – used to select options or data
entry – used to enter data
display – used to directly manipulate the program visually

Imperative controls (commands immediate action)
– Buttons
– Butcons (icons as buttons)
– Hyperlinks

Selection controls (allows user to choose from a group of valid choices)
– checkboxes (can expand on butcon – latching button or toggle)
– flip flop buttons (may want to avoid)
– radio buttons (mutual, also radio butcon)
– combutcon – group of latching butcons that behave like a combo box
List controls (allows users to select from a finite set of text strings)
– list boxes or listviews
– dropdown
– earmarking (multiple checkboxes)

Entry controls (enable users to enter information into app)
– bounded and unbounded (use bounded controls for bounded input)
Bounded
– spinners (small edit field with 2 buttons attached, up/down arrows)
– dials and sliders
– thumbwheels
Unbounded (handle out of bounds data)
– text edit (validation – active/passive)
– clue boxes

Display controls (display and manage the visual presentation of info on screen)
– text controls
– scrollbars (thumb)
– splitters (think bootstrap with dividing screen into panes)
– drawers and levers

Advertisements