취소하고 싶을 때 쉽게

KRDS SP-157 — 신청 상태를 변경하고자 하는 사용자가 원하는 목표를 빠르게 달성할 수 있도록, 신청 취소 버튼을 명확하게 표현하고 있다.

0. 들어가며 — 신청을 취소하고 싶은데 취소 버튼이 안 보이면

이번 831편은 신청 상태를 변경하고자 하는 사용자가 원하는 목표를 빠르게 달성할 수 있도록, 신청 취소 버튼을 명확하게 표현하라는 규칙입니다.

신청을 취소하고 싶은데 — 취소 버튼이 숨어 있거나 모호하면, 사용자는 어떻게 취소하는지 헤매죠. SP-157은 신청 취소 버튼 을 명확히 표현하라고 규정합니다. 단, 취소 불가(SP-144)는 별개죠. 이번 편을 풀어냅니다.

1. 원문 — 신청 취소 버튼 명확화

SP-157 (서비스 패턴 > 신청 > 신청 결과 확인) “신청 상태를 변경하고자 하는 사용자가 원하는 목표를 빠르게 달성할 수 있도록, 신청 취소 버튼을 명확하게 표현하고 있다.”

신청 취소 버튼을 명확하게 표현하라는 뜻입니다.

정리: 신청 취소 버튼을 명확하게 표현하라. 이게 SP-157입니다.

2. 왜 취소 버튼 명확화인가

사용자는, 신청 후 상황이 바뀌어 신청을 취소하고 싶을 수 있습니다(취소 가능한 신청에 한해). 그런데 취소 버튼이 숨어 있거나 모호하면, 사용자는 어떻게 취소하는지 헤매죠. SP-157은 취소 버튼 명확화를 요구합니다.

취소 버튼이 불명확할 때의 문제:

취소 못 찾음 신청을 취소하려는데, 취소 버튼이 어디 있는지 모르면, 사용자는 헤맵니다. 결국 전화·방문 문의를 하게 되죠.

목표 달성 지연 취소(상태 변경)라는 목표를, 빠르게 달성 못 합니다.

그래서 SP-157은 — 명확한 취소 버튼을 요구합니다:

명확한 취소 버튼 취소 가능한 신청에, ‘신청 취소’ 버튼을 명확히 표현합니다. 신청 내역(SP-151· 153)에서, 그 신청의 취소 버튼을 찾기 쉽게요. 레이블도 명확히(‘신청 취소’, BP-108)요.

빠른 목표 달성 사용자가 취소(상태 변경)를, 빠르게 하게요. 취소 버튼 → 확인(BP-105) → 취소 완료 의 명확한 흐름으로요.

취소 확인 취소는 비가역일 수 있으므로, 확인(BP-105)을 받습니다. ’정말 취소하시겠습니까?’요. 실수 취소를 막죠.

취소 불가 시 명시(SP-144) 단, 취소가 안 되는 신청(SP-144 취소/수정 불가)은, 취소 버튼을 두지 않거나 비활성·안내로요. 취소 가능 vs 불가를 명확히요.

취소 가능 vs 불가의 구분. SP-157(취소 버튼 명확)과 SP-144(취소/수정 불가 안내)는 짝입니다. 취소가 되면 버튼을 명확히(157), 안 되면 불가를 안내(144)해요. 사용자가 자기 신청이 취소 되는지 알고, 되면 쉽게 취소하게요.

사용자 통제권. 신청 취소는, 사용자의 통제권입니다. 상황이 바뀌면 신청을 철회할 수 있어야 하죠 (취소 가능 범위에서). 취소 버튼을 명확히 하면, 사용자가 자기 신청을 통제합니다. 액션 버튼 일관 배치(BP-072)·확인(BP-105) 정신과도 통하죠.

이 규칙은 신청(SP)의 ’신청 취소 접근’을 담당합니다 — 신청 취소 버튼을 명확히 표현해(157), 사용자가 취소를 빠르게 달성하게 하죠. SP-144(취소 불가 안내)와 짝입니다.

정리하면 — 신청 취소 버튼이 숨거나 모호하면 사용자가 취소를 헤매므로, 취소 가능한 신청에 취소 버튼을 명확히 표현(확인 포함)하고 취소 불가는 SP-144로 안내해야 합니다.

3. 점검 / 개선

무엇을 점검하나

명확한 취소 버튼 — 취소 가능한 신청에 ‘신청 취소’ 버튼이 명확한가.

빠른 흐름 — 취소 버튼 → 확인 → 완료의 명확한 흐름인가.

취소 확인·불가 구분 — 취소 확인(BP-105) + 취소 불가는 안내(SP-144)인가.

개선 방향

취소 가능 신청에 ‘신청 취소’ 버튼 명확히(BP-108). 취소 확인(BP-105).

취소 불가는 SP-144 안내. 취소 가능 vs 불가 명확히.

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

역할	책임
기획/UX	취소 버튼·흐름 설계
개발	취소·확인 구현

기관 유형	SP-157 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (취소 가능 신청)

신청 취소가 가능한 서비스가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 취소 가능한 신청에 ‘신청 취소’ 버튼이 명확한가요?

□ 취소 버튼 → 확인 → 완료의 명확한 흐름인가요?

□ 취소 확인(BP-105) + 취소 불가는 안내(SP-144)인가요?

❓ FAQ

Q1. 취소 버튼이 불명확하면 왜 문제인가요? 신청을 취소하려는데 취소 버튼이 어디 있는지 모르면 헤매고 결국 전화·방문 문의를 합니다. 취소(상태 변경)라는 목표를 빠르게 달성 못 하죠. Q2. 취소는 확인을 받나요? 네. 취소는 비가역일 수 있어 ‘정말 취소하시겠습니까?’ 확인(BP-105)을 받습니다. 실수 취소 를 막죠. 취소 버튼 → 확인 → 완료의 명확한 흐름으로요. Q3. SP-144와 어떻게 다른가요? 짝입니다. 취소가 되면 버튼을 명확히(SP-157), 안 되면 불가를 안내(SP-144)합니다. 사용자가 자기 신청이 취소되는지 알고, 되면 쉽게 취소하게요.

6. 마무리

SP-157의 메시지:

취소하고 싶을 때 쉽게 — 신청 취소 버튼을 명확하게 표현하라.

취소 버튼이 숨거나 모호하면 사용자가 취소를 헤맵니다. 취소 가능한 신청에 취소 버튼을 명확히 표현해 빠르게 취소하게 하는 게 핵심이죠. 다음 편은 체크박스 레이블 — 신청 그룹의 마지막입니다.

다음 편 예고 ▶ 「832. (SP-158) 신청 내역 선택에 사용되는 체크박스에 적절한 레이블을 제공하고 있다.」

ViewCheck는 신청 취소 버튼이 명확하게 표현되는지를 진단합니다.

📚 참고 출처

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

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

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