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)
– 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


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s