何に使うか
「日／週／月」など同じ内容の表示切替に適します（Apple, n.d.; Google, n.d.）。全選択肢が見え一度で切り替わります。単一のオン・オフはトグル、フォームはラジオに（Kendrick, 2018）。
区画の数と幅
選択肢が増えると遅くなり（ヒックの法則）、区画が狭まると押しにくくなります（フィッツの法則; Fitts, 1954）。親指サイズ（Parhi et al., 2006）を守るとモバイルは2〜4個が限度です。
選択状態とアクセシビリティ
塗り・太字・チェックを併用し色だけに頼らず（WCAG 2.2 1.4.1）、3:1のコントラスト（1.4.11）を。Webではtablistやラジオグループを使います。
よくある質問
- タブとの違いは？
- タブは異なる内容間の移動、セグメントは同じ内容の表示切替です。
- 区画は何個まで？
- モバイルで2〜4、多くても5程度です。
出典確認日：2026-10-27
参考文献
- Google. (n.d.). Segmented buttons. Material Design 3. 単一・複数選択と2〜5個の指針です。
- Apple. (n.d.). Segmented controls. Human Interface Guidelines. iOSの表示切替と区画数の指針です。
- Kendrick, A. (2018, July 29). Toggle-switch guidelines. Nielsen Norman Group. トグル等の使い分けの基準です。
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 選択肢が多いほど遅くなる古典です。
- 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. 小さく遠い目標ほど難しい古典です。
- 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. 区画の最小幅の根拠です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 1.4.1と1.4.11の基準です。