부가 정보는 필요할 때 펼치게

KRDS SP-122 — 모든 부가 정보를 노출시키지 않고, 사용자가 필요에 따라 상세 내용을 확인할 수 있게 제공하고 있다.

0. 들어가며 — 부가 정보까지 다 펼치면 너무 길다

이번 796편은 모든 부가 정보를 노출시키지 않고, 사용자가 필요에 따라 상세 내용을 확인할 수 있게 제공하라는 규칙 입니다.

핵심 기본 정보는 펼치되(SP-120), 모든 부가 정보까지 다 노출하면 화면이 너무 길고 산만하죠. SP-122는 부가 정보를 선택적으로 펼치게 규정합니다. SP-120(기본 펼침)의 짝으로 부가는 접는 거죠. 이번 편을 풀어냅니다.

1. 원문 — 부가 정보 선택적 확인

SP-122 (서비스 패턴 > 신청 > 서비스 정보 확인) “모든 부가 정보를 노출시키지 않고, 사용자가 필요에 따라 상세 내용을 확인할 수 있게 제공하고 있다.”

부가 정보를 다 노출 말고 필요에 따라 확인하게 제공하라는 뜻입니다.

정리: 부가 정보는 필요에 따라 펼쳐 확인하게 제공하라. 이게 SP-122입니다.

2. 왜 부가 정보 선택 확인인가

SP-120은 핵심 기본 정보를 한 화면에 펼치라고 했습니다. SP-122는 그 반대편, 부가 정보는 다 노출 말고 필요에 따라 펼치게 하라는 것입니다. 둘이 짝이죠: 기본은 펼침(120), 부가는 접음(122).

모든 부가 정보를 다 노출할 때의 문제:

화면 과다·산만 핵심 기본 정보 + 모든 부가 정보(상세 절차, 모든 FAQ, 관련 자료 전체)를 다 펼치면, 화면이 너무 길고 산만합니다. 사용자가 핵심을 찾기 어렵죠.

정보 과부하 한 번에 모든 정보를 보여주면, 인지 부하가 큽니다. 정작 필요한 부가 정보를 못 찾고요.

그래서 SP-122는 — 선택적 확인을 요구합니다:

부가는 접어서 부가 정보(상세 절차, FAQ, 추가 자료)는, 평소엔 접어두고(아코디언·더보기·탭), 사용자가 필요하면 펼쳐 확인하게 합니다. ‘자세히 보기’, 아코디언 헤더 클릭 등으로요.

필요에 따라 사용자가 관심 있는 부가 정보만 펼치게요. 모든 사용자가 모든 부가 정보를 보는 게 아니니까요.

기본 + 부가 균형 핵심 기본은 펼치고(SP-120), 부가는 접어서(SP-122) 균형을 맞춥니다. 핵심은 바로, 부가는 필요할 때요.

점진적 공개(progressive disclosure). SP-122는 ‘점진적 공개’ 패턴입니다: 핵심은 먼저, 상세·부가는 필요할 때 점진적으로 공개요. 사용자가 압도되지 않게, 단계적으로 정보를 보여주죠. 디스클로저(CP-149~155)·아코디언 (CP-176~185) 컴포넌트가 이에 쓰입니다.

핵심 vs 부가의 구분. 관건은 무엇이 ’기본(핵심)’이고 무엇이 ’부가’인지 잘 구분하는 것입니다:

기본(SP-120 펼침) 신청 판단에 꼭 필요한 핵심(대상·자격·금액·기간).

부가(SP-122 접음) — 더 — 자세히 알고 싶을 때 보는 상세·FAQ·자료.

이 구분에 따라, 펼칠지 접을지를 정하죠.

이 규칙은 신청(SP)의 ’점진적 정보 공개’를 담당합니다 — 부가 정보를 선택적으로 펼치게 해(122), 화면 과부하 없이 사용자 가 필요한 정보를 찾게 하죠. SP-120(기본 펼침)의 짝입니다.

정리하면 — 모든 부가 정보를 다 노출하면 화면이 과다·산만하고 정보 과부하가 생기므로, 핵심 기본은 펼치되(SP-120) 부가 정보는 접어서 사용자가 필요에 따라 점진적으로 확인하게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

부가 접음 — 부가 정보(상세·FAQ·자료)가 평소 접혀 필요 시 펼쳐지는가.

기본 펼침 — 핵심 기본 정보는 펼쳐져 있는가(SP-120).

핵심/부가 구분 — 무엇이 기본이고 부가인지 적절히 구분되는가.

개선 방향

부가 정보를 아코디언·더보기로 접어 필요 시 펼침(점진적 공개).

핵심 기본은 펼침(SP-120). 핵심/부가 구분 명확히.

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

역할	책임
기획/UX	핵심/부가 구분·정보 구조
퍼블리셔/개발	점진적 공개 구현

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 부가 정보(상세·FAQ·자료)가 평소 접혀 필요 시 펼쳐지나요?

□ 핵심 기본 정보는 펼쳐져 있나요(SP-120)?

□ 무엇이 기본이고 부가인지 적절히 구분되나요?

❓ FAQ

Q1. SP-120과 모순 아닌가요? 짝입니다. 기본은 펼침(SP-120), 부가는 접음(SP-122)이죠. 핵심은 바로 보게, 부가는 필요할 때 펼치게 — 균형을 맞춥니다. Q2. 모든 정보를 다 펼치면 안 되나요? 핵심 + 모든 부가를 다 펼치면 화면이 너무 길고 산만해 정보 과부하가 생깁니다. 부가는 접어서 필요한 사용자만 펼치게 하죠(점진적 공개). Q3. 무엇이 부가 정보인가요? 더 자세히 알고 싶을 때 보는 상세 절차·FAQ·추가 자료요. 신청 판단에 꼭 필요한 핵심(대상· 금액·기간 SP-120)이 아니죠. 이 구분으로 펼칠지 접을지 정합니다.

6. 마무리

SP-122의 메시지:

부가 정보는 필요할 때 펼치게 — 부가 정보를 선택적으로 확인하게 제공하라.

모든 부가 정보를 다 노출하면 화면이 과다·산만하고 정보 과부하가 생깁니다. 핵심은 펼치되 부가는 접어서 점진적으로 확인 하게 하는 게 핵심이죠. 다음 편은 링크 목적지 일치입니다.

다음 편 예고 ▶ 「797. (SP-123) 모든 링크는 실행하였을 때, 링크 레이블에 명시된 적절한 화면으로 이동하고 있다.」

ViewCheck는 부가 정보가 선택적으로 확인되게 제공되는지를 진단합니다.

📚 참고 출처

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

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

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