로그아웃 안내는 전용 화면으로

KRDS SP-099 — 로그아웃에 대한 안내는 별도의 화면으로 구성하여 제공하고 있다.

0. 들어가며 — 로그아웃 안내는 왜 모달이 아니라 별도 화면인가

이번 773편은 로그아웃에 대한 안내는 별도의 화면으로 구성하여 제공하라는 규칙입니다.

로그인 안내는 모달(SP-064)이었는데, 로그아웃 안내는 별도 화면이죠. 왜 다를까요? 로그아웃은 작업을 끝내는 동작이라 맥락 유지가 필요 없고, 명확한 완료 확인이 더 중요하기 때문입니다. SP-099는 이를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 로그아웃 안내 별도 화면

SP-099 (서비스 패턴 > 로그인 > 로그아웃) “로그아웃에 대한 안내는 별도의 화면으로 구성하여 제공하고 있다.”

로그아웃 안내를 별도의 화면으로 구성해 제공하라는 뜻입니다.

정리: 로그아웃 안내를 별도 화면으로 제공하라. 이게 SP-099입니다.

2. 왜 별도 화면인가

로그인 안내(SP-064)는 모달이었습니다. 작업 맥락을 유지하려고요. 그런데 로그아웃 안내는 별도 화면이죠. 왜 다를까요? SP-099는 그 이유와 함께 별도 화면을 정합니다.

로그인 안내(모달) vs 로그아웃 안내(별도 화면)의 차이:

로그인 작업 중간에 일어납니다(작업하려고 로그인). 그래서 작업 맥락 유지가 중요해 모달(SP-064)로요.

로그아웃 작업을 끝내는 동작입니다(이제 그만 쓸 거라 로그아웃). 그래서 작업 맥락 유지가 필요 없고, 명확한 완료 확인이 더 중요하죠. 별도 화면이 적합합니다.

별도 화면의 이점:

명확한 완료 로그아웃 완료를, 별도 화면(로그아웃 완료 안내)으로 분명히 보여줍니다(SP-096 상태 표시). ’로그아웃되었습니다’를 전체 화면으로 확실히요. 보안 동작인 만큼, 확실한 마무리가 중요하죠.

개인 정보 벗어남 별도 화면으로 가면, 개인 정보가 있던 화면을 완전히 벗어납니다(SP-098). 화면에 개인 정보를 안 남기죠(보안).

다음 행동 안내 로그아웃 완료 화면에, 다음 행동(다시 로그인 SP-100, 홈으로 등)을 안내합니다. 사용자가 다음을 정하게요.

그래서 SP-099는 — 별도 화면을 요구합니다:

로그아웃 완료 화면 로그아웃 후, 별도의 로그아웃 완료 안내 화면을 보여줍니다. ‘로그아웃되었습니다’ + 다음 행동 안내요.

명확한 마무리 전체 화면으로, 로그아웃이 확실히 됐음을 분명히요(SP-096).

다시 로그인 등 안내 ‘다시 로그인하기’(SP-100), 홈 이동 등 다음 행동을요.

SP-064·099의 대비. SP-064(로그인 안내 모달)와 SP-099(로그아웃 안내 별도 화면)는 대비됩니다. 로그인은 작업 중간(맥락 유지 → 모달), 로그아웃은 작업 끝(명확 완료 → 별도 화면)이죠. 같은 ’안내’라도, 맥락에 따라 적절한 형식이 다릅니다.

이 규칙은 로그인(SP)의 ’로그아웃 안내 형식’을 담당합니다 — 로그아웃 안내를 별도 화면으로 제공해(099), 로그아웃 완료를 명확히 하고 개인 정보를 벗어나게 하죠. SP-096·098·100과 함께 갑니다.

정리하면 — 로그아웃은 작업을 끝내는 동작이라 맥락 유지가 필요 없고 명확한 완료 확인이 중요하므로, 로그아웃 안내를 별도 화면(로그아웃 완료 안내)으로 구성해 명확한 마무리와 다음 행동 안내를 제공해야 합니다.

3. 점검 / 개선

무엇을 점검하나

별도 화면 — 로그아웃 안내가 모달이 아닌 별도 화면인가.

명확한 완료 — ’로그아웃되었습니다’가 분명히 표시되는가(SP-096).

다음 행동 — 다시 로그인(SP-100)·홈 등 다음 행동 안내가 있는가.

개선 방향

로그아웃 완료 안내를 별도 화면으로(로그인 모달 SP-064와 대비).

명확한 완료 표시(SP-096). 다시 로그인(SP-100)·홈 등 다음 행동 안내.

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

역할	책임
기획/UX	로그아웃 완료 화면 설계
개발	별도 화면 구현

기관 유형	SP-099 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (로그아웃 제공 시)

로그아웃 기능을 제공하는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 로그아웃 안내가 모달이 아닌 별도 화면인가요?

□ ’로그아웃되었습니다’가 분명히 표시되나요(SP-096)?

□ 다시 로그인(SP-100)·홈 등 다음 행동 안내가 있나요?

❓ FAQ

Q1. 로그인은 모달인데 로그아웃은 왜 별도 화면인가요? 로그인은 작업 중간이라 맥락 유지(모달 SP-064)가 중요합니다. 로그아웃은 작업을 끝내는 동작이라 맥락 유지가 필요 없고 명확한 완료 확인이 더 중요하죠. 그래서 별도 화면입니다. Q2. 별도 화면의 이점은요? 로그아웃 완료를 전체 화면으로 분명히 보여(보안 동작 확실한 마무리), 개인 정보가 있던 화면을 완전히 벗어나며(SP-098), 다음 행동(다시 로그인·홈)을 안내합니다. Q3. 무엇을 안내하나요? ‘로그아웃되었습니다’ 완료 + ‘다시 로그인하기’(SP-100)·홈 이동 등 다음 행동이요. 사용자가 다음을 정하게요.

6. 마무리

SP-099의 메시지:

로그아웃 안내는 전용 화면으로 — 로그아웃 안내를 별도 화면으로 구성하라.

로그아웃은 작업을 끝내는 동작이라 명확한 완료 확인이 중요합니다. 별도 화면으로 명확한 마무리와 다음 행동 안내를 제공 하는 게 핵심이죠. 다음 편은 다시 로그인 버튼·원래 맥락 복귀 — 로그아웃·로그인 그룹의 마지막입니다.

다음 편 예고 ▶ 「774. (SP-100) 사용자가 기존에 이용 중이던 맥락으로 돌아갈 수 있도록 ‘다시 로그인하기’ 버튼을 제공하고 로그인 완료 시 탐색 중이던 화면으로 연결되도록 설계되어 있다.」

ViewCheck는 로그아웃 안내가 별도 화면으로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 로그인 가이드 — https://www.krds.go.kr/html/site/service/service_03.html

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

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