스크롤 없이 한눈에

KRDS CP-339 — 가능한 한 사용자가 패널 영역을 스크롤 하지 않고 정보를 훑어볼 수 있도록 간결한 문장으로 제공하고 있다.

0. 들어가며 — 도움말이 너무 길면

이번 459편은 사용자가 패널 영역을 스크롤하지 않고 정보를 훑어볼 수 있도록 간결한 문장으로 제공하라는 규칙입니다.

도움말은 — 막혔을 때 빠르게 참고하는 것입니다. 그런데 — 도움말이 길어 패널을 한참 스크롤해야 하면, 정작 필요한 정보를 찾기 어렵고 부담스럽죠. CP-339는 도움말을 스크롤 없이 훑어볼 간결한 문장으로 제공하라고 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 스크롤 없이 훑는 간결한 문장

CP-339 (컴포넌트 > 도움 패널) “가능한 한 사용자가 패널 영역을 스크롤 하지 않고 정보를 훑어볼 수 있도록 간결한 문장으로 제공하고 있다.”

도움 패널의 정보를, 가능하면 스크롤 없이 한눈에 훑어볼 수 있는 간결한 문장으로 제공하라는 뜻입니다.

정리: 도움말을 스크롤 없이 훑을 간결한 문장으로 제공하라. 이게 CP-339입니다.

2. 왜 간결한 문장인가

도움 패널의 목적은 — 사용자가 작업 중 막혔을 때 빠르게 필요한 정보를 얻는 것입니다. 그러려면 — 도움말이 간결해, 스크롤 없이 한눈에 훑어볼 수 있어야 하죠.

도움말이 길 때의 문제:

스크롤 부담 — 도움말이 길어 패널을 — 한참 스크롤해야 하면, 사용자는 정작 필요한 부분을 찾느라 시간이 들죠. 막혀서 빨리 해결하고 싶은데 긴 글을 읽어야 하면 부담입니다.

핵심 매몰 — 긴 설명 속에 — 정작 중요한 정보(예: ‘이 형식으로 입력하세요’)가 묻혀, 사용자가 못 찾거나 놓칩니다.

읽기 포기 — 도움말이 길면 — 사용자가 읽기를 포기하고 추측으로 진행하거나 이탈하죠. 도움말이 무용지물이 됩니다.

그래서 CP-339는 — 도움말을 스크롤 없이 훑을 간결한 문장으로 제공하라고 합니다:

간결한 문장 — 핵심만 짧은 문장으로. 불필요한 수식·중복·장황한 설명을 줄이죠. ‘이 항목은 매우 중요하며 반드시 정확하게 입력하셔야 하는데…’ → ‘○○ 형식으로 입력하세요(예: 000-0000)’.

훑어보기 구조 긴 문단보다 짧은 문장, 목록(bullet), 핵심 강조로 구성해 사용자가 훑으며 필요한 정보를 빠르게 찾게요. 스캔 가능한 구조죠.

스크롤 최소화 — 가능하면 — 한 항목 도움말이 패널 한 화면에 들어오게. 스크롤 없이 전체를 보게요.

’가능한 한’의 의미. 원문이 ’가능한 한’이라 한 것은 모든 도움말을 무조건 한 화면에 욱여넣으라는 게 아니라, 가능하면 그렇게 하라는 뜻이죠. 본질적으로 정보가 많아야 하는 경우(복잡한 절차 안내)는 스크롤이 불가피할 수 있습니다. 그래도 핵심을 위에 두고, 간결하게 써서 스크롤을 최소화합니다. 정보가 정말 많으면 별도 상세 페이지로 링크(CP-341)하고 패널엔 요약만 두는 방법도 있죠.

필수 정보는 패널에만 두지 않음(CP-340 연계). 도움말을 간결히 하되 — 작업에 반드시 필요한 필수 정보는 패널 에만 두지 않습니다(CP-340). 즉 간결함(339)과 필수 정보 본문 제공(340)이 함께 가죠. 패널은 보조 도움, 필수는 본문 에요.

이 규칙은 도움 패널의 ’정보 효율’을 담당합니다 — 도움말을 간결하게 해(339), 사용자가 스크롤 없이 빠르게 필요한 정보를 얻게 하죠. 텍스트 목록·태그의 간결성 정신을 도움말에 적용한 것입니다.

정리하면 — 도움말이 길면 스크롤 부담과 핵심 매몰로 빠른 참고가 어려우므로, 핵심만 담은 간결한 문장과 훑어보기 구조로 가능한 한 스크롤 없이 정보를 파악하게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

간결성 — 도움말이 핵심만 담은 간결한 문장인가(장황함 배제).

훑어보기 — 짧은 문장·목록·강조로 스캔 가능한 구조인가.

스크롤 최소 — 가능하면 한 항목 도움말이 스크롤 없이 보이는가.

개선 방향

도움말을 핵심만 간결하게. 불필요한 수식·중복 제거.

목록·강조로 훑어보기 구조. 정보 많으면 핵심 요약 + 상세 페이지 링크(CP-341).

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

역할	책임
콘텐츠/UX	간결한 도움말 작성
퍼블리셔/개발	훑어보기 구조 구현

기관 유형	CP-339 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 조건부 (도움 패널 사용 시)

도움 패널을 쓰는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 도움말이 핵심만 담은 간결한 문장인가요(장황함 배제)?

□ 짧은 문장·목록·강조로 스캔 가능한 구조인가요?

□ 가능하면 한 항목 도움말이 스크롤 없이 보이나요?

❓ FAQ

Q1. 정보가 많으면 어쩌죠? ’가능한 한’이라 불가피한 스크롤도 있습니다. 핵심을 위에 두고 간결하게 쓰며, 정말 많으면 상세 페이지로 링크(CP-341)하고 패널엔 요약만 두죠. Q2. 도움말을 길게 자세히 쓰는 게 친절하지 않나요? 막혀서 빨리 해결하려는 사용자에겐 긴 글이 부담입니다. 핵심을 간결히 주는 게 더 친절하죠. Q3. 어떻게 훑어보기 좋게 하나요? 긴 문단 대신 짧은 문장, 목록(bullet), 핵심 강조로 구성합니다. 스캔하며 필요 정보를 찾게요.

6. 마무리

CP-339의 메시지:

스크롤 없이 한눈에 — 도움말을 간결한 문장으로 훑어볼 수 있게 제공하라.

도움말이 길면 스크롤 부담과 핵심 매몰로 빠른 참고가 어렵습니다. 핵심만 담은 간결한 문장과 훑어보기 구조로 스크롤을 최소화하는 게 핵심이죠. 다음 편은 필수 정보의 본문 제공입니다.

다음 편 예고 ▶ 「460. (CP-340) 사용자가 작업을 수행하기 위해 반드시 알아야 하는 필수 정보가 패널에서만 제공되지 않게 하고 있다.」

ViewCheck는 도움말이 간결한 문장으로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 도움 패널(Help panel) 가이드 — https://www.krds.go.kr/html/site/component/component_33.html

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

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