행동은 하나로 명확하게

KRDS CP-156 — 긴급 공지 관련 화면으로 이동하기 위한 링크를 한 개만 사용하고 있다.

0. 들어가며 — 급할수록 선택지는 하나

이번 276편은 긴급 공지 관련 화면으로 이동하는 링크를 한 개만 사용하라는 규칙입니다.

긴급 공지에는 보통 ‘자세히 보기’ 같은 링크가 붙어 상세 안내 화면으로 연결됩니다. 그런데 이 링크가 여러 개면 — “자세히 보기 / 신청 안내 / 관련 공지 / FAQ” 처럼 — 사용자는 급한 상황에서 ‘어디로 가야 하지?’ 망설이죠. 긴급할수록 행동 선택지는 하나로 명확해야 합니다. CP-156은 이동 링크를 하나로 제한합니다. 이번 편을 풀어 냅니다.

1. 규칙 원문 — 이동 링크 한 개

CP-156 (컴포넌트 > 긴급 공지) “긴급 공지 관련 화면으로 이동하기 위한 링크를 한 개만 사용하고 있다.”

긴급 공지에서 관련 상세 화면으로 이동하는 링크를 하나만 두어, 사용자가 망설임 없이 다음 행동으로 나아가게 하라는 뜻입니다.

정리: 긴급 공지의 이동 링크는 하나만. 이게 CP-156입니다.

2. 왜 링크가 하나여야 하나

긴급 공지는 ’시급하고 중요한 정보를 즉시 전달하고, 필요시 한 번의 행동으로 상세로 연결’하는 컴포넌트입니다. 이 흐름이 단순하고 명확해야 긴급 상황에서 제 역할을 하죠. 링크가 여러 개면 이 단순함이 깨집니다.

① 결정 마비 방지. 긴급 상황에서 사용자는 이미 긴장·압박 상태입니다. 이때 긴급 공지에 “자세히 보기 / 신청하기 / 관련 안내 / 문의처” 처럼 링크가 여럿이면 — ‘뭘 눌러야 하지?’ 하고 망설이죠(선택의 역설). 급할 수록 머뭇거릴 시간이 없는데, 여러 선택지가 오히려 행동을 막습니다. 링크가 하나면 — ’여길 누르면 된다’가 명확해 즉시 행동하죠. 긴급 공지의 CTA(콜투액션, CP-145 맥락)는 하나의 명확한 다음 단계여야 합니다.

② 메시지 집중. 긴급 공지의 본문은 짧고 핵심적입니다(CP-157의 2줄 제한 등). 여기에 링크가 여럿이면 — 어느 링크가 핵심 행동인지 흐려지고, 짧은 공지에 링크가 빽빽해 어수선하죠. 하나의 링크면 ’이 공지를 읽고 → 여기로 가라’는 단일 흐름이 또렷합니다.

③ 시각적 단순함. 긴급 공지는 전체 너비 띠(CP-154)에 짧은 텍스트와 하나의 행동으로 구성될 때 가장 강력 합니다. 링크가 여럿이면 시각적으로 복잡해져 ’긴급’의 인상이 약해지죠. 하나의 강조된 링크가 깔끔하고 강합니다.

여러 관련 정보가 있으면? 긴급 상황에 관련된 정보·행동이 여러 개일 수 있죠 — 상세 안내, 신청, FAQ 등. 이때는 긴급 공지에 링크를 여럿 붙이는 게 아니라, 하나의 ‘관련 화면’(긴급 안내 페이지)으로 연결하고, 그 페이지 안에서 여러 정보·행동을 제공합니다. 즉 긴급 공지는 ‘하나의 입구’ 역할만 하고, 상세한 분기는 연결된 페이지에서 처리하는 것이죠. 이렇게 하면 긴급 공지 자체는 단순함을 유지하면서도, 필요한 모든 정보로 안내할 수 있습니다. CP-153(긴급 공지 1개)의 ‘하나에 집중’ 정신과 일맥상통하죠 — 공지도 하나, 링크도 하나.

링크 자체의 품질. 그 하나의 링크는 — 목적지를 예측할 수 있는 명확한 이름을 가져야 하고(CP-160), 키보드로 접근·실행 가능해야 합니다. ‘자세히 보기’ 같은 모호한 이름보다 “○○ 재난 대처 안내 보기”처럼 어디로 가는지 알 수 있는 이름이 좋죠(CP-160에서 다룸).

정리하면 — 긴급 상황에서 사용자가 망설임 없이 다음 행동을 하도록, 긴급 공지의 이동 링크는 하나의 명확한 입구로 제한하고, 복잡한 분기는 연결된 페이지로 미룹니다.

3. 점검 / 개선

무엇을 점검하나

단일 링크 — 긴급 공지에 관련 화면 이동 링크가 하나만 있는가.

명확한 행동 — 그 하나의 링크가 핵심 다음 행동을 가리키는가.

분기 처리 — 여러 관련 정보는 연결된 페이지에서 제공되는가(공지엔 입구 하나).

개선 방향

긴급 공지의 여러 링크를 하나의 ‘관련 안내 페이지’ 링크로 통합.

상세 분기(신청·FAQ 등)는 연결 페이지에서 제공. 링크 이름은 명확하게(CP-160).

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

역할	책임
기획/UX	단일 이동 흐름·연결 페이지 설계
디자이너/개발	긴급 공지 단일 링크 구현

기관 유형	CP-156 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (이동 링크가 있는 긴급 공지 사용 시)

긴급 공지에 상세 링크를 두는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 긴급 공지에 이동 링크가 하나만 있나요?

□ 그 링크가 핵심 다음 행동을 명확히 가리키나요?

□ 여러 관련 정보는 연결된 페이지에서 제공되나요?

❓ FAQ

Q1. 관련 정보가 여러 개인데 링크 하나로 부족하지 않나요? 긴급 공지는 입구 하나만 두고, 연결된 ’관련 안내 페이지’에서 여러 정보·행동을 제공합니다. Q2. 왜 급할수록 링크가 하나여야 하나요? 긴급 상황의 사용자는 망설일 여유가 없습니다. 선택지가 하나면 즉시 행동하죠. 여럿이면 결정이 마비됩니다. Q3. 링크 이름은 어떻게 하나요? ’자세히 보기’보다 목적지를 예측할 수 있는 명확한 이름이 좋습니다 (CP-160).

6. 마무리

CP-156의 메시지:

행동은 하나로 명확하게 — 긴급 공지의 이동 링크는 한 개만.

긴급 상황에서 선택지가 여럿이면 사용자가 망설입니다. 이동 링크를 하나의 명확한 입구로 제한하면 즉시 행동 하죠. 여러 관련 정보는 연결된 페이지로 미뤄, 긴급 공지 자체는 단순함을 유지합니다. 다음 편은 좁은 화면의 텍스트 2줄 제한입니다.

다음 편 예고 ▶ 「277. (CP-157) 화면 너비가 충분하지 않은 경우 텍스트는 2줄까지 표현하고 있다.」

ViewCheck는 긴급 공지의 이동 링크가 하나로 제한되는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 긴급 공지(Critical alerts) 가이드 — https://www.krds.go.kr/html/site/component/component_13.html

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

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