제목 한 줄, 지시 세 줄

KRDS CP-368 — 코치마크의 제목은 1줄, 지시 사항은 3줄 이내로 제공하고 있다.

0. 들어가며 — 안내가 너무 길면

이번 488편은 코치마크 제목은 1줄, 지시 사항은 3줄 이내로 제공하라는 규칙입니다.

코치마크는 — 새 기능을 처음 만난 사용자에게 빠르게 안내하는 것입니다. 안내가 길면 — 읽기 부담스럽고 온보딩이 지겨워지죠. CP-368은 제목 1줄·지시 3줄 이내라는 구체적 글자 수를 정합니다. 코치마크를 간결하게 유지하는 규칙이죠. 이번 편을 풀어냅니다.

1. 원문 — 제목 1줄, 지시 3줄 이내

CP-368 (컴포넌트 > 코치마크) “코치마크의 제목은 1줄, 지시 사항은 3줄 이내로 제공하고 있다.”

코치마크 팝오버의 제목을 1줄로, 지시(설명) 사항을 3줄 이내로 간결하게 제공하라는 뜻입니다.

정리: 코치마크 제목 1줄, 지시 3줄 이내로. 이게 CP-368입니다.

2. 왜 제목 1줄·지시 3줄인가

코치마크는 새 기능·UI를 처음 만난 사용자를 위한 온보딩 안내입니다. 사용자는 빨리 안내를 보고 기능을 파악해 본 작업으로 가고 싶어 하죠. 그래서 각 단계 안내가 매우 간결해야 합니다. CP-368은 이를 제목 1줄·지시 3줄이라는 구체적 한계로 정합니다.

안내가 길 때의 문제:

온보딩 피로 — 코치마크 각 단계가 — 길고 장황하면, 사용자는 읽기 지겨워하고 ’건너뛰기’를 누르거나 대충 넘깁니다. 정작 알려주려던 기능을 못 익히죠. 온보딩은 가벼워야 사용자가 끝까지 봅니다.

핵심 매몰 — 긴 설명 속에 — ‘이 버튼을 누르세요’ 같은 핵심 지시가 묻혀 안 보입니다.

팝오버 비대 — 안내가 길면 — 팝오버가 커져 본문을 더 가리고(CP-366), 동일 너비(CP-367)에도 안 맞죠.

그래서 CP-368은 — 코치마크 텍스트를 엄격히 제한합니다:

제목 1줄 — 각 코치마크의 제목은 — 1줄로. 그 단계가 무엇에 대한 안내인지를 짧게(‘검색 기능’, ‘새 메뉴’ 등). 한눈에 읽히게요.

지시 사항 3줄 이내 — 그 기능을 어떻게 쓰는지·무엇인지 설명하는 지시(본문)는 — 3줄 이내로. 핵심만 간결히 (‘상단 검색창에 키워드를 입력하면 빠르게 찾을 수 있습니다’ 정도). 길게 설명하지 않죠.

왜 이 한계인가:

빠른 인지 — 제목 1줄 + 지시 3줄이면 — 사용자가 슬쩍 보고 바로 이해합니다. 온보딩의 목적(빠른 기능 파악)에 맞죠.

일관 크기 — 글자 수가 제한되면 — 모든 단계 팝오버가 비슷한 크기로 유지돼, 동일 너비(CP-367)·안정적 레이 아웃이 가능합니다.

부담 최소 — 짧은 안내는 — 사용자가 끝까지 따라보게 합니다. 길면 중간에 포기하죠.

3줄 넘는 내용이면 단계 분할 또는 링크. 한 기능 설명이 본질적으로 3줄을 넘으면 ①여러 단계로 나누거나, ②더 자세한 내용은 별도 페이지 링크(새 창, CP-371)로 보냅니다. 코치마크 안에 긴 설명을 욱여넣지 않죠. 핵심은 각 코치마크를 간결하게 유지하는 것입니다.

이 규칙은 코치마크의 ’간결성’을 담당합니다 — 제목 1줄·지시 3줄로 제한해(368), 온보딩을 가볍고 빠르게 유지하죠. 맥락적 도움말·도움 패널의 간결성 정신을, 코치마크에 맞는 구체 수치로 적용한 것입니다.

정리하면 — 코치마크 안내가 길면 온보딩이 지겹고 핵심이 묻히므로, 제목을 1줄, 지시 사항을 3줄 이내로 간결하게 제공하고 넘치는 내용은 단계 분할이나 링크로 처리해야 합니다.

3. 점검 / 개선

무엇을 점검하나

제목 1줄 — 코치마크 제목이 1줄인가.

지시 3줄 이내 — 지시 사항이 3줄 이내인가.

넘침 처리 — 긴 내용은 단계 분할·링크(CP-371)로 처리했는가.

개선 방향

제목을 1줄로, 지시를 3줄 이내 핵심만. 장황한 설명 제거.

3줄 넘는 내용은 단계 분할 또는 별도 페이지 링크(CP-371).

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

역할	책임
콘텐츠/UX	간결한 제목·지시 작성
퍼블리셔/개발	글자 수 제한 반영 구현

기관 유형	CP-368 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 조건부 (코치마크 사용 시)

코치마크를 쓰는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 코치마크 제목이 1줄인가요?

□ 지시 사항이 3줄 이내인가요?

□ 긴 내용은 단계 분할·링크로 처리했나요?

❓ FAQ

Q1. 왜 이렇게 짧아야 하나요? 온보딩은 빨리 보고 넘어가야 합니다. 길면 지겨워 건너뛰죠. 제목 1줄·지시 3줄이면 슬쩍 보고 이해합니다. Q2. 설명할 게 많으면요? 여러 단계로 나누거나, 더 자세한 건 별도 페이지 링크(새 창, CP-371)로 보냅니다. 코치 마크 안에 욱여넣지 않죠. Q3. 동일 너비(CP-367)와 관계가 있나요? 글자 수가 제한되면 모든 팝오버가 비슷한 크기로 유지돼 동일 너비·안정 레이아웃이 됩니다.

6. 마무리

CP-368의 메시지:

제목 한 줄, 지시 세 줄 — 코치마크를 간결하게 제한하라.

코치마크 안내가 길면 온보딩이 지겹고 핵심이 묻힙니다. 제목 1줄·지시 3줄 이내로 간결하게 하고 넘치는 내용은 분할· 링크로 처리하는 게 핵심이죠. 다음 편은 코치마크 개수·단계 제한입니다.

다음 편 예고 ▶ 「489. (CP-369) 한 페이지에 4개 이하의 코치마크를 사용하며, 최대 15단계 이내로 사용하고 있다.」

ViewCheck는 코치마크 제목 1줄·지시 3줄 이내를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 코치마크(Coach mark) 가이드 — https://www.krds.go.kr/html/site/component/component_36.html

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

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