많고 복잡하면 도움 패널로

KRDS BP-029 — [도움 패널] 도움말 콘텐츠의 양이 많거나 복잡한 과업에 사용하고 있다.

0. 들어가며 — 도움말이 많을 때

이번 595편은 도움 패널을 도움말 콘텐츠 양이 많거나 복잡한 과업에 사용하라는 규칙입니다.

툴팁·맥락적 도움말로는 부족한 — 많고 체계적인 도움(복잡한 신청서, 여러 항목 안내)이 필요하면 도움 패널이 적합하죠. BP-029는 도움 패널의 용도를 규정합니다. 도움 패널 컴포넌트(CP-335~348)의 도움 패턴 정리이죠. 이번 편을 풀어 냅니다.

1. 원문 — 많거나 복잡한 도움에 도움 패널

BP-029 (기본 패턴 > 도움 [도움 패널]) “[도움 패널] 도움말 콘텐츠의 양이 많거나 복잡한 과업에 사용하고 있다.”

도움 패널을, 도움말 콘텐츠가 많거나 과업이 복잡한 경우에 사용하라는 뜻입니다.

정리: 도움 패널은 많거나 복잡한 도움에 쓰라. 이게 BP-029입니다.

2. 왜 도움 패널을 많거나 복잡한 도움에 쓰나

도움 방식 선택 체계(BP-026~030)에서 — 도움 패널은 가장 큰 도움 방식입니다. 본문 옆에 펼쳐지는 큰 영역으로, 많은 도움 콘텐츠를 체계적으로 담죠. BP-029는 — 이 도움 패널을 양이 많거나 복잡한 과업에 쓰라고 합니다.

도움 패널의 특성(CP-335~348 복습). 도움 패널은 — 본문 옆(주로 오른쪽)에 펼쳐지는 큰 영역입니다. 여러 항목의 도움을 — 한곳에 모아 체계적으로 보여주죠. 로딩 시 열린 상태(CP-335), 항목별 도움 전환(CP-342) 등 풍부한 구조를 갖습니다.

도움 패널에 적합한 경우:

도움말 콘텐츠 양이 많음 도움말이 툴팁·맥락적 도움말로는 다 담기 어려운 많은 양일 때. 여러 항목 각각의 상세 안내, 긴 설명, 예시, 관련 링크 등이 한 화면에 많으면, 도움 패널에 체계적으로 정리하죠.

복잡한 과업 신청서·민원처럼 복잡한 과업(여러 단계, 많은 입력 항목, 까다로운 조건)이면, 각 항목·단계 마다 도움이 필요합니다. 이를 도움 패널에 모아, 사용자가 작업하며 옆에서 참고하게요.

참고하며 작업 — 사용자가 — 본문 작업과 도움을 나란히 보며 진행해야 할 때. 도움 패널은 본문 옆에 있어, 작업하며 도움을 참고하기 좋죠.

도움 방식 선택 체계 완성(BP-026~029):

인라인 텍스트(BP-026) — 작업 필수 중요 정보. 항상 보임.

툴팁(BP-027) — 짧은 추가 정보(아이콘 이름). 호버.

맥락적 도움말(BP-028) — 컴포넌트 상태·상세 정보. 클릭 팝오버(중간).

도움 패널(BP-029) — 많거나 복잡한 도움. 큰 영역.

정보의 양·복잡도가 클수록 큰 방식으로 갑니다. 짧으면 툴팁, 중간이면 맥락적 도움말, 많으면 도움 패널이죠.

도움 패널 규칙 준수. 도움 패널을 쓸 땐 — 그 컴포넌트 규칙들을 따릅니다: 필수 정보는 패널에만 두지 않기 (CP-340, BP-026과 통함), 모바일 축약(CP-343), 맥락적 도움말과 병용 금지(CP-360, 한 화면 한 도움 방식) 등.

과하지 않게. 도움 패널은 — 큰 UI라, 정말 많거나 복잡한 도움에만 씁니다. 간단한 도움에 도움 패널을 쓰면 — 과하고 공간만 차지하죠. 도움 양·복잡도에 맞게 방식을 고릅니다.

이 규칙은 도움 패턴의 ’도움 패널 용도 정의’를 담당합니다 — 도움 패널을 많거나 복잡한 도움에 써(029), 풍부한 도움을 체계적으로 본문 옆에서 참고하게 하죠. 도움 방식 선택 체계의 가장 큰 방식입니다.

정리하면 — 도움 패널은 가장 큰 도움 방식이므로, 도움말 콘텐츠가 많거나 과업이 복잡해 체계적 도움이 필요한 경우에 사용하고 간단한 도움은 툴팁·맥락적 도움말로 제공해야 합니다.

3. 점검 / 개선

무엇을 점검하나

많거나 복잡 — 도움 패널이 도움 양이 많거나 복잡한 과업에 쓰이는가.

과하지 않게 — 간단한 도움에 도움 패널을 과하게 쓰지 않는가.

패널 규칙 — 필수 정보 본문 제공(CP-340)·모바일 축약(CP-343) 등을 따르는가.

개선 방향

많거나 복잡한 도움(복잡한 신청서·여러 항목)에 도움 패널. 간단한 건 툴팁·맥락적 도움말.

도움 패널 규칙(CP-335~348) 준수. 도움 양·복잡도에 맞게 방식 선택.

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

역할	책임
기획/UX	도움 방식 선택(도움 패널 용도)
퍼블리셔/개발	도움 패널 구현

기관 유형	BP-029 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 조건부 (복잡한 과업·도움 패널 사용 시)

복잡한 과업·많은 도움이 필요한 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 도움 패널이 도움 양이 많거나 복잡한 과업에 쓰이나요?

□ 간단한 도움에 도움 패널을 과하게 쓰지 않나요?

□ 필수 정보 본문 제공·모바일 축약 등 패널 규칙을 따르나요?

❓ FAQ

Q1. 언제 도움 패널을 쓰나요? 도움 양이 많거나 복잡한 과업(복잡한 신청서, 여러 항목 안내)일 때입니다. 본문 옆에서 참고하며 작업하게요. Q2. 간단한 도움에도 도움 패널을 쓰면 안 되나요? 과합니다. 큰 UI라 공간만 차지하죠. 간단하면 툴팁·맥락적 도움말로요. Q3. 도움 패널과 맥락적 도움말을 같이 쓰나요? 한 화면에 혼용하지 않습니다(CP-360). 화면 성격에 맞는 한 방식 으로요.

6. 마무리

BP-029의 메시지:

많고 복잡하면 도움 패널로 — 도움 양이 많거나 복잡한 과업에 도움 패널을 쓰라.

도움 패널은 가장 큰 도움 방식입니다. 많거나 복잡한 도움에 써서 체계적으로 본문 옆에서 참고하게 하고 간단한 건 다른 방식으로 주는 게 핵심이죠. 다음 편은 코치마크/따라하기 용도 — 도움 그룹의 마지막입니다.

다음 편 예고 ▶ 「596. (BP-030) [코치마크/따라하기 패널] 작업을 완료하는 방법에 대한 단계별 안내가 필요한 복잡한 과업에 사용하고 있다.」

ViewCheck는 도움 패널이 많거나 복잡한 도움에 적절히 사용되는지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 도움 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_02.html

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

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