무엇에 쓰는가
세그먼트 컨트롤은 '일간 / 주간 / 월간'이나 '목록 / 지도'처럼 같은 내용을 다른 방식으로 볼 때 잘 맞아요. 애플(n.d.)은 주로 보기 전환에 쓰라고 하고, 머티리얼(Google, n.d.)은 2~5개 구획의 단일·다중 선택 버튼으로 설명해요. 모든 선택지가 한눈에 보이고 한 번에 바뀌어서 드롭다운보다 빨라요. 켄드릭(2018)의 기준처럼 켜고 끄는 하나의 설정이라면 토글 스위치가, 양식 안의 여러 선택지라면 라디오 버튼이 더 맞아요.
구획 개수와 폭
힉(1952)의 법칙처럼 선택지가 늘면 고르는 시간도 늘어요(힉의 법칙). 더 큰 문제는 폭이에요. 화면 폭을 구획 수로 나누다 보니 구획이 늘수록 하나가 좁아지고, 피츠(1954)의 법칙대로(피츠의 법칙) 작은 목표는 누르기 어려워져요. 파히와 동료들(2006)이 제시한 엄지 타깃 크기를 지키려면 모바일에서는 보통 2~4개가 한계예요. 레이블이 길면 줄여 쓰거나 다른 컨트롤을 고르세요.
선택 상태와 접근성
지금 어떤 구획이 선택됐는지 바로 보여야 해요. 배경 채움, 굵은 글씨, 체크 아이콘을 함께 쓰고, WCAG 2.2(W3C, 2023)의 1.4.1처럼 색만으로 구분하지 않아요. 선택 표시의 대비는 1.4.11 기준인 3:1 이상이 필요해요. 웹에서는 보기 전환이면 탭 역할(tablist)을, 옵션 선택이면 라디오 그룹이나 aria-pressed 버튼을 써서 화면낭독기가 '3개 중 2번째, 선택됨'처럼 읽게 해요.
자주 묻는 질문
- 세그먼트 컨트롤과 탭은 무엇이 다른가요?
- 탭은 보통 화면 상단에서 서로 다른 콘텐츠 영역을 오가고, 세그먼트는 같은 콘텐츠의 보기나 옵션을 바꾸는 데 써요.
- 구획은 몇 개까지 괜찮나요?
- 모바일에서는 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 기준이 있어, 선택된 구획 표시에 참고하면 도움이 돼요.