topic★★★★★난이도
Tab
파일 캐비닛의 색인 탭에서 유래한 UI.
#tab#탭#네비게이션
Tab(탭)은 파일 캐비닛이나 바인더에 붙어 있는 색인 탭(index tab)에서 왔다. 1970년대 사무실에서 서류를 분류하려고 폴더에 작은 돌출부(tab)를 달았는데, 이걸 잡아당기면 원하는 섹션으로 바로 갈 수 있었다. UI에서도 같은 공간 안에서 여러 카테고리를 전환하는 데 쓴다.
| 실제 사물 | UI 패턴 |
|---|---|
| 파일 캐비닛의 색인 탭 | 상단의 탭 버튼 |
| 탭을 당기면 해당 섹션이 보임 | 탭을 클릭하면 해당 패널이 표시됨 |
| 한 번에 하나의 폴더만 열림 | 한 번에 하나의 패널만 활성화 |
사용 가이드라인: 같은 맥락의 콘텐츠를 2~7개로 분류할 때 적합하다. 탭이 7개를 넘으면 사용자가 전체를 파악하기 어려우니 다른 패턴(예: 드롭다운)을 고려한다. 탭 간 콘텐츠가 서로 비교되어야 한다면 탭보다 나란히 배치하는 것이 낫다.