Segmented control vs tabs?

Tabs move between different content areas; segments change views or options of the same content.

Two to four on mobile, at most about five; beyond that consider a dropdown or chips.

Segmented Control

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated October 27, 2026 Views 6

A segmented control is a mobile UI control of several adjoining button segments, where selecting one immediately switches a view or option.

Contents

1. What it is for
2. Number and width
3. Selected state and accessibility
4. FAQ
5. References

What it is for

Segmented controls suit viewing the same content differently, such as 'Day / Week / Month' or 'List / Map'. Apple (n.d.) focuses on view switching; Material (Google, n.d.) describes two-to-five-segment single or multi-select buttons. All options are visible and switch in one tap, faster than dropdowns. Per Kendrick (2018), a single on/off setting suits a toggle switch, and form choices suit radio buttons.

Number and width

More options slow choice (Hick's law; Hick, 1952), but width is the bigger issue: more segments mean narrower targets, harder to hit per Fitts's law (Fitts, 1954). Thumb target sizes (Parhi et al., 2006) usually cap mobile at two to four segments. Shorten long labels or choose another control.

Selected state and accessibility

The selected segment must be obvious. Combine fill, bold text and a check icon, not colour alone (WCAG 2.2 1.4.1; W3C, 2023), with 3:1 contrast (1.4.11). On the web, use tablist for view switching or a radio group or aria-pressed buttons for options, so screen readers announce '2 of 3, selected'.

FAQ

Segmented control vs tabs?: Tabs move between different content areas; segments change views or options of the same content.
How many segments?: Two to four on mobile, at most about five; beyond that consider a dropdown or chips.

Sources reviewed: 2026-10-27

References

Google. (n.d.). Segmented buttons. Material Design 3. Single and multi-select segments, two to five options.
Apple. (n.d.). Segmented controls. Human Interface Guidelines. iOS guidance on view switching and segment count.
Kendrick, A. (2018, July 29). Toggle-switch guidelines. Nielsen Norman Group. Choosing among toggles, checkboxes and radios.
Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. More options, slower choice.
Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. Smaller, farther targets are harder.
Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. Minimum segment width for thumbs.
World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 1.4.1 and 1.4.11 for selected state.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '세그먼트 컨트롤' on CampusDown →

Toggle SwitchA toggle switch flips a setting between on and off instantly. Covers differences from checkboxes, why toggles must take effect immediately, designing clear states, touch areas and WCAG accessibility criteria.⚙️ Engineering & Technology Hick's LawWhat Hick's law is: the principle that choice reaction time rises logarithmically with the number of alternatives, its origin in Hick and Hyman's experiments, the information-theoretic account, links to Fitts's law, exceptions and cognitive models.🧠 Psychology Fitts's LawWhat Fitts's law says about pointing time, its Shannon formula and index of difficulty, the mouse studies that brought it into HCI, throughput standards, finger-touch models such as FFitts, and how it shapes mobile UI design.🧠 Psychology AI Search Algorithms: A* and MinimaxAI search algorithms explained: state-space search, breadth-first and depth-first search, Dijkstra, heuristics and A* (admissibility, consistency), game trees, minimax and alpha-beta pruning, based on the original papers.⚙️ Engineering & Technology

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.