핵심 정보는 펼쳐서 한눈에

KRDS SP-120 — 기본 정보 섹션을 탭이나 아코디언으로 제공하지 않고, 한 화면에 확인 가능하도록 제공하고 있다.

0. 들어가며 — 핵심 정보가 탭·아코디언에 숨어 있으면

이번 794편은 기본 정보 섹션을 탭이나 아코디언으로 제공하지 않고, 한 화면에 확인 가능하도록 제공하라는 규칙입니다.

신청 서비스의 핵심 기본 정보(대상·금액·기간 등)를 — 탭이나 아코디언(접이식)에 숨겨두면, 사용자가 일일이 펼쳐 봐야 하죠. SP-120은 기본 정보를 한 화면에 펼쳐 제공하라고 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 기본 정보 한 화면 제공

SP-120 (서비스 패턴 > 신청 > 서비스 정보 확인) “기본 정보 섹션을 탭이나 아코디언으로 제공하지 않고, 한 화면에 확인 가능하도록 제공하고 있다.”

기본 정보를 탭·아코디언이 아니라 한 화면에 확인 가능하게 제공하라는 뜻입니다.

정리: 기본 정보를 한 화면에 펼쳐 제공하라(탭·아코디언 금지). 이게 SP-120입니다.

2. 왜 한 화면인가

신청 서비스의 기본 정보(대상·자격·지원 금액·신청 기간 등 핵심)는, 사용자가 신청 여부를 판단하는 핵심 입니다. 이를 탭·아코디언(접이식)에 숨겨두면, 사용자가 일일이 펼쳐 봐야 하죠. SP-120은 한 화면 제공을 요구합니다.

탭·아코디언에 숨길 때의 문제:

일일이 펼쳐 봐야 함 기본 정보를, 탭(전환)·아코디언(접힘)에 나눠두면, 사용자는 각 탭·항목을 일일이 눌러 펼쳐 봐야 합니다. 핵심 정보를 한눈에 못 보죠.

정보 누락 인지 접혀 있으면, 사용자가 그 안에 무슨 정보가 있는지 모르고 지나칠 수 있습니다. 중요한 정보(자격·금액)를 놓치죠.

판단 지연 핵심을 한눈에 못 보면, 신청 여부 판단이 늦어집니다.

그래서 SP-120은 — 한 화면 제공을 요구합니다:

기본 정보 펼쳐서 핵심 기본 정보(대상·자격·금액·기간 등)를, 탭·아코디언 없이 한 화면에 펼쳐 제공 합니다. 사용자가 스크롤만으로 핵심을 한눈에 보게요.

판단 지원 한 화면에 핵심이 보이면, 사용자가 빠르게 신청 여부를 판단합니다. ’내가 대상인가, 얼마 받나, 언제까지인가’를 바로요.

탭·아코디언은 보조 정보에만 탭·아코디언은, 핵심이 아닌 보조·부가 정보(상세 절차, FAQ 등)에 쓸 수 있습니다. 핵심 기본 정보는 펼치고, 부가는 접어도 되죠. 역할 구분입니다.

왜 핵심은 펼치나. 탭·아코디언은 정보를 정리·압축하는 좋은 도구지만, 핵심 정보를 숨기면 역효과 입니다. 사용자가 꼭 봐야 할 핵심은, 숨기지 말고 보여줘야 하죠. 압축(탭·아코디언)은 보조 정보에, 핵심은 노출이 원칙입니다(주요 필터 항상 노출 BP-089 정신과 통함).

한 화면 확인의 효율. 핵심을 한 화면에 두면, 사용자가 펼치고 접는 수고 없이 빠르게 핵심을 파악 합니다. 신청 판단이 빨라지죠. 스크롤은 자연스러운 탐색이지만, 탭·아코디언 조작은 추가 부담이니까요.

이 규칙은 신청(SP)의 ’핵심 정보 노출’을 담당합니다 — 기본 정보를 한 화면에 펼쳐 제공해(120), 사용자가 핵심을 한눈에 보고 빠르게 판단하게 하죠. 서비스 정보 확인 서브섹션의 마무리입니다.

정리하면 — 기본 정보를 탭·아코디언에 숨기면 일일이 펼쳐 봐야 하고 정보를 놓치므로, 핵심 기본 정보(대상·자격·금액·기간) 를 한 화면에 펼쳐 제공하고 탭·아코디언은 보조 정보에만 써야 합니다.

3. 점검 / 개선

무엇을 점검하나

한 화면 제공 — 핵심 기본 정보가 탭·아코디언 없이 한 화면에 펼쳐지는가.

핵심 노출 — 대상·자격·금액·기간 등 핵심이 숨겨지지 않는가.

탭·아코디언 역할 — 탭·아코디언이 보조·부가 정보에만 쓰이는가.

개선 방향

핵심 기본 정보(대상·자격·금액·기간)를 한 화면에 펼쳐 제공.

탭·아코디언은 보조 정보(상세 절차·FAQ)에만. 핵심 노출(BP-089 정신).

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

역할	책임
기획/UX	정보 구조·노출 설계
퍼블리셔/개발	한 화면 레이아웃 구현

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

신청 서비스 상세를 제공하는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 핵심 기본 정보가 탭·아코디언 없이 한 화면에 펼쳐지나요?

□ 대상·자격·금액·기간 등 핵심이 숨겨지지 않나요?

□ 탭·아코디언이 보조·부가 정보에만 쓰이나요?

❓ FAQ

Q1. 탭·아코디언에 정보를 정리하면 깔끔하지 않나요? 정리에는 좋지만 핵심 정보를 숨기면 역효과입니다. 사용자가 일일이 펼쳐 봐야 하고 중요 정보(자격·금액)를 놓치죠. 핵심은 펼치고 부가만 접습니다. Q2. 무엇이 ’기본 정보’인가요? 신청 여부를 판단하는 핵심 — 대상·자격·지원 금액·신청 기간 등이요. 이건 한 화면에 펼쳐 한눈에 보게 합니다. Q3. 탭·아코디언은 언제 쓰나요? 핵심이 아닌 보조·부가 정보(상세 절차·FAQ 등)에요. 압축(탭·아코디언)은 보조 정보에, 핵심은 노출이 원칙이죠(BP-089 정신).

6. 마무리

SP-120의 메시지:

핵심 정보는 펼쳐서 한눈에 — 기본 정보를 한 화면에 펼쳐 제공하라.

기본 정보를 탭·아코디언에 숨기면 일일이 펼쳐 봐야 하고 정보를 놓칩니다. 핵심을 한 화면에 펼쳐 한눈에 보고 판단하게 하는 게 핵심이죠. 다음 편은 신청 정보 확인 서브섹션의 나머지(SP-121~)로 이어집니다.

다음 편 예고 ▶ 「795. (SP-121) 신청 2차분 시작」

ViewCheck는 신청 기본 정보가 한 화면에 펼쳐 제공되는지를 진단합니다.

📚 참고 출처

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

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

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