topic난이도

Tab

파일 캐비닛의 색인 탭에서 유래한 UI.

#tab##네비게이션

Tab(탭)은 파일 캐비닛이나 바인더에 붙어 있는 색인 탭(index tab)에서 왔다. 1970년대 사무실에서 서류를 분류하려고 폴더에 작은 돌출부(tab)를 달았는데, 이걸 잡아당기면 원하는 섹션으로 바로 갈 수 있었다. UI에서도 같은 공간 안에서 여러 카테고리를 전환하는 데 쓴다.

실제 사물UI 패턴
파일 캐비닛의 색인 탭상단의 탭 버튼
탭을 당기면 해당 섹션이 보임탭을 클릭하면 해당 패널이 표시됨
한 번에 하나의 폴더만 열림한 번에 하나의 패널만 활성화

사용 가이드라인: 같은 맥락의 콘텐츠를 2~7개로 분류할 때 적합하다. 탭이 7개를 넘으면 사용자가 전체를 파악하기 어려우니 다른 패턴(예: 드롭다운)을 고려한다. 탭 간 콘텐츠가 서로 비교되어야 한다면 탭보다 나란히 배치하는 것이 낫다.