Chapter 8

Controls and Affordances

What makes functional applications work is their use of interface controls—everything from clickable buttons to custom-designed tools—that allow people to interact with data via a screen. The visual design of a control can strongly affect whether people understand what it is, what it does, and how to use it.

In application design, affordances are the properties people perceive about interface controls—whether buttons feel clickable, sliders draggable, and icons tappable. Controls and their affordances straddle the line between user experience and visual design. This chapter focuses on making decisions about how controls look as part of designing a visually usable application.

An affordance is an implication ...

Get Visual Usability now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.