Watch

Segmented control 0:45

A 45-second explainer of Segmented control, narrated over the same demo you can try yourself.

The Segmented control explainer. Prefer to do it yourself? Try the interactive demo.

Try the interactive Segmented control demo

What this video covers

A segmented control is a row of two to about five mutually-exclusive options, all visible at once, where exactly one is selected. It's the inline alternative to a dropdown: for a small, stable set of choices it shows every option up front and switches in a single tap, rather than hiding them behind a menu.

As a segmented control every option sat in plain view and a choice was one tap. As a dropdown the same options vanished behind a menu - hidden until you opened it, two taps to switch, and impossible to compare at a glance. For three or four fixed choices, hiding them never helped anyone.

More UX term videos

All UX term videos