기본 정보는 첫 탭에

KRDS SP-121 — 탭 레이아웃을 사용하는 경우, 모든 신청 서비스에 대한 기본 정보는 첫 번째 탭에 제공하고 있다.

0. 들어가며 — 신청 2차분의 시작

이번 795편부터 신청 그룹 2차분(SP-121~140)입니다. 서비스 정보 확인의 나머지·유의 사항/자격 확인·신청서 작성으로 이어지죠. 첫 편 SP-121은 — 탭 레이아웃을 사용하는 경우 기본 정보는 첫 번째 탭에 제공하라는 규칙입니다.

SP-120에서 핵심 기본 정보는 한 화면에 펼치라고 했는데, 부득이 탭을 쓴다면 — 기본 정보는 첫 탭에 둬야 사용자가 바로 보죠. SP-121은 이를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 기본 정보 첫 번째 탭

SP-121 (서비스 패턴 > 신청 > 서비스 정보 확인) “탭 레이아웃을 사용하는 경우, 모든 신청 서비스에 대한 기본 정보는 첫 번째 탭에 제공하고 있다.”

탭을 쓸 때 기본 정보를 첫 번째 탭에 제공하라는 뜻입니다.

정리: 탭을 쓸 때 기본 정보를 첫 번째 탭에 두라. 이게 SP-121입니다.

2. 왜 첫 번째 탭인가

SP-120에서 핵심 기본 정보는 탭·아코디언 없이 한 화면에 펼치라고 했습니다. 그런데 부득이 탭을 쓰는 경우 (정보가 많아 정리가 필요할 때)가 있죠. SP-121은 그때 기본 정보를 첫 번째 탭에 두라고 합니다.

기본 정보가 첫 탭이 아닐 때의 문제:

기본 정보 묻힘 탭의 첫 번째가 기본 정보가 아니면(예: ’상세 절차’가 첫 탭), 사용자는 기본 정보(대상·금액· 기간)를 보려고 탭을 찾아 눌러야 합니다. 핵심을 바로 못 보죠.

판단 지연 신청 여부 판단의 핵심이 첫 탭에 없으면, 판단이 늦어집니다.

그래서 SP-121은 — 첫 번째 탭을 요구합니다:

기본 정보 = 첫 탭 탭 레이아웃을 쓴다면, 기본 정보(대상·자격·금액·기간 등 핵심)를 첫 번째 탭(기본 선택 되는 탭)에 둡니다. 사용자가 들어오자마자 핵심을 보게요.

기본 선택 첫 탭이 기본 선택되어, 탭을 누르지 않아도 기본 정보가 보이게요(검색 전체 탭 첫 번째 SP-049 정신).

부가 정보는 다른 탭 상세 절차·FAQ 등 부가 정보는, 두 번째 이후 탭에요. 핵심(첫 탭) + 부가(다른 탭)의 구조죠.

SP-120·121의 관계. SP-120은 핵심 기본 정보를 ‘한 화면에 펼쳐’(탭·아코디언 금지) 제공하라는 원칙이고, SP-121은 그래도 탭을 쓰는 경우 ’기본 정보를 첫 탭’에 두라는 보완입니다. 가급적 SP-120(펼침)이 좋되, 탭이 불가피하면 SP-121(첫 탭)로요.

검색 전체 탭 첫 번째(SP-049) 정신. 검색의 ‘전체’ 탭을 첫 번째로(SP-049) 둔 것과 같은 정신입니다. 가장 기본·중요한 걸 첫 탭에요. 사용자가 기본값으로 핵심을 보게요.

이 규칙은 신청(SP)의 ’탭 기본 정보 배치’를 담당합니다 — 탭을 쓸 때 기본 정보를 첫 탭에 둬(121), 사용자가 핵심을 바로 보게 하죠. SP-120(한 화면)의 보완입니다.

정리하면 — 탭 레이아웃에서 기본 정보가 첫 탭이 아니면 핵심이 묻혀 판단이 늦으므로, 탭을 쓸 때 기본 정보(핵심)를 첫 번째 탭(기본 선택)에 두고 부가 정보는 다른 탭에 둬야 합니다.

3. 점검 / 개선

무엇을 점검하나

기본 정보 첫 탭 — 탭 사용 시 기본 정보가 첫 번째 탭인가.

기본 선택 — 첫 탭이 기본 선택되어 들어오면 바로 보이는가.

부가 정보 분리 — 상세·FAQ 등 부가 정보가 다른 탭에 있는가.

개선 방향

탭 사용 시 기본 정보(핵심)를 첫 탭(기본 선택)에. 부가는 다른 탭.

가급적 SP-120(한 화면 펼침). 탭 불가피하면 SP-121(첫 탭).

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

역할	책임
기획/UX	탭 구성·정보 배치
퍼블리셔/개발	첫 탭 기본 선택 구현

기관 유형	SP-121 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (탭 사용 신청 상세)

신청 상세에 탭을 쓰는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 탭 사용 시 기본 정보가 첫 번째 탭인가요?

□ 첫 탭이 기본 선택되어 들어오면 바로 보이나요?

□ 상세·FAQ 등 부가 정보가 다른 탭에 있나요?

❓ FAQ

Q1. SP-120과 모순 아닌가요? 아닙니다. SP-120은 핵심을 한 화면에 펼치라는 원칙, SP-121은 그래도 탭을 쓰는 경우 기본 정보를 첫 탭에 두라는 보완입니다. 가급적 펼침(SP-120)이 좋되 탭이 불가피하면 첫 탭(SP-121)으로요. Q2. 왜 첫 탭인가요? 첫 탭이 아니면 사용자가 기본 정보(대상·금액·기간)를 보려고 탭을 찾아 눌러야 합니다. 핵심을 바로 못 보죠. 첫 탭(기본 선택)이면 들어오자마자 봅니다. Q3. 검색 SP-049와 같나요? 검색 ‘전체’ 탭을 첫 번째로 둔 것(SP-049)과 같은 정신입니다. 가장 기본·중요한 걸 첫 탭에 둬 기본값으로 보게요.

6. 마무리

SP-121의 메시지:

기본 정보는 첫 탭에 — 탭을 쓸 때 기본 정보를 첫 번째 탭에 두라.

탭에서 기본 정보가 첫 탭이 아니면 핵심이 묻혀 판단이 늦습니다. 기본 정보를 첫 탭(기본 선택)에 둬 바로 보게 하는 게 핵심이죠. 다음 편은 부가 정보 선택적 확인입니다.

다음 편 예고 ▶ 「796. (SP-122) 모든 부가 정보를 노출시키지 않고, 사용자가 필요에 따라 상세 내용을 확인할 수 있게 제공하고 있다.」

ViewCheck는 탭 사용 시 기본 정보가 첫 번째 탭에 제공되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 신청 가이드 — https://www.krds.go.kr/html/site/service/service_04.html

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

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