탭은 7개까지만

KRDS SP-048 — 주제별 탐색 탭 패널은 최대 7개 이내로 사용하고 있다.

0. 들어가며 — 탭이 너무 많으면

이번 722편은 주제별 탐색 탭 패널은 최대 7개 이내로 사용하라는 규칙입니다.

검색 결과의 주제별 탭(SP-047)이 — 너무 많으면(10개, 20개), 한눈에 안 들어오고 고르기 어렵죠. SP-048은 탭을 7개 이내로 제한합니다. 탭 컴포넌트(CP)의 검색 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 주제별 탭 7개 이내

SP-048 (서비스 패턴 > 검색 > 검색 결과 이용) “주제별 탐색 탭 패널은 최대 7개 이내로 사용하고 있다.”

주제별 탐색 탭을 최대 7개 이내로 사용하라는 뜻입니다.

정리: 주제별 탐색 탭은 7개 이내로 제한하라. 이게 SP-048입니다.

2. 왜 7개 이내인가

SP-047의 주제별 탭은, 검색 결과를 주제별로 나눠 이용하게 합니다. 그런데 탭이 너무 많으면 또 문제죠. SP-048 은 7개 이내로 제한합니다.

탭이 너무 많을 때의 문제:

한눈에 안 들어옴 탭이 10개·20개면, 한 줄에 다 안 들어와 줄바꿈되거나 가로 스크롤됩니다. 사용자가 전체 탭을 한눈에 못 보죠.

고르기 어려움 탭이 많으면, 어느 탭에 원하는 게 있을지 판단하기 어렵습니다. 인지 부담이 크죠.

모바일 한계 좁은 화면에서, 많은 탭은 특히 처리하기 어렵습니다.

그래서 SP-048은 — 7개 이내로 제한합니다:

최대 7개 주제별 탐색 탭을, 최대 7개 이내로요. 사용자가 한눈에 보고 고를 만한 수죠.

주요 주제만 주제가 많으면, 주요 7개로 추립니다. 덜 중요한 건 통합하거나(예: ‘기타’), 다른 방식(필터) 으로요.

‘전체’ 포함 — 7개 — 안에, ‘전체’ 탭(SP-049)을 포함합니다. 전체 + 주요 주제 6개처럼요.

왜 7개인가. 7개는 사람이 한 번에 처리할 수 있는 항목 수의 상한 부근입니다(‘매직 넘버 7±2’, 밀러의 법칙). 탭이 7개 이내면, 한눈에 보고 부담 없이 고르죠. 탭 컴포넌트(CP-227~237)·캐러셀 슬라이드(CP-210 5개)·필터 선택지 (SP-018) 등에서도 비슷한 절제 원리가 적용됩니다.

탭 컴포넌트(CP)의 검색 적용. 탭 컴포넌트 규칙(CP-227~237)을, 검색 주제별 탐색에 적용한 게 SP-048입니다. 탭의 개수 절제(7개)를 검색 맥락에서 구체화한 거죠.

탭 vs 필터. 주제가 7개를 넘으면, 일부는 탭이 아니라 필터(SP-041)로 다루는 게 낫습니다. 주요 주제는 탭(빠른 전환), 세부 분류는 필터(좁히기)로요. 역할 분담이죠.

이 규칙은 검색(SP)의 ’탭 개수 절제’를 담당합니다 — 주제별 탐색 탭을 7개 이내로 제한해(048), 사용자가 한눈에 보고 부담 없이 주제를 고르게 하죠. SP-047(주제별 이용)의 구현 규칙입니다.

정리하면 — 주제별 탭이 너무 많으면 한눈에 안 들어오고 고르기 어려우므로, 탭을 최대 7개 이내(전체 탭 포함, 주요 주제만) 로 제한하고 세부 분류는 필터로 분담해야 합니다.

3. 점검 / 개선

무엇을 점검하나

7개 이내 — 주제별 탐색 탭이 최대 7개 이내인가.

주요 주제 — 주요 주제만 탭으로, 덜 중요한 건 통합·필터인가.

전체 포함 — 7개 안에 ‘전체’ 탭(SP-049)이 포함되는가.

개선 방향

주제별 탭 7개 이내(전체 + 주요 주제 6개). 주요 주제만.

세부 분류는 필터(SP-041)로 분담. 탭 컴포넌트 규칙(CP-227~237).

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
기획/UX	주제 탭 선별·개수
퍼블리셔/개발	탭 구현

기관 유형	SP-048 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (주제별 탭 사용 시)

검색 결과에 주제별 탭을 쓰는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 주제별 탐색 탭이 최대 7개 이내인가요?

□ 주요 주제만 탭으로, 덜 중요한 건 통합·필터인가요?

□ 7개 안에 ‘전체’ 탭(SP-049)이 포함되나요?

❓ FAQ

Q1. 왜 7개인가요? 사람이 한 번에 처리할 수 있는 항목 수의 상한 부근입니다(‘매직 넘버 7±2’). 탭이 7개 이내면 한눈에 보고 부담 없이 고르죠. Q2. 주제가 7개를 넘으면 어떻게 하나요? 주요 7개로 추리고, 일부는 ‘기타’로 통합하거나 필터(SP-041)로 다룹니다. 주요 주제는 탭(빠른 전환), 세부 분류는 필터(좁히기)로 분담하죠. Q3. ’전체’ 탭도 7개에 포함되나요? 네. 전체 + 주요 주제 6개처럼 7개 안에 ’전체’ 탭(SP-049)을 포함합니다. 전체 탭은 첫 번째에 두고요(SP-049).

6. 마무리

SP-048의 메시지:

탭은 7개까지만 — 주제별 탐색 탭을 최대 7개 이내로 사용하라.

탭이 너무 많으면 한눈에 안 들어오고 고르기 어렵습니다. 7개 이내로 제한하고 세부 분류는 필터로 분담하는 게 핵심이죠. 다음 편은 전체 탭 첫 번째 배치입니다.

다음 편 예고 ▶ 「723. (SP-049) 주제별 탐색 탭을 사용하는 경우 전체 목록이 가장 첫 번째 탭으로 제공되고 있다.」

ViewCheck는 주제별 탐색 탭이 7개 이내로 사용되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 검색 가이드 — https://www.krds.go.kr/html/site/service/service_02.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준