로그아웃됐음을 분명히

KRDS SP-096 — 로그아웃 상태로 전환되었음을 분명하게 보여주고 있다.

0. 들어가며 — 로그아웃 서브섹션의 시작

이번 770편부터 로그인 그룹의 마지막 서브섹션 ‘로그아웃’(SP-096~100)입니다. 로그아웃을 다루는 규칙들이죠. 첫 편 SP-096 은 — 로그아웃 상태로 전환되었음을 분명하게 보여주라는 규칙입니다.

로그아웃을 했는데 — 정말 됐는지 안 보이면, 사용자는 로그인 상태로 착각해 보안 위험이 생기죠. SP-096은 로그아웃 상태 전환을 분명히 보이라고 규정합니다. SP-088(로그인 상태)의 짝이죠. 이번 편을 풀어냅니다.

1. 원문 — 로그아웃 상태 전환 표시

SP-096 (서비스 패턴 > 로그인 > 로그아웃) “로그아웃 상태로 전환되었음을 분명하게 보여주고 있다.”

로그아웃 상태로 전환되었음을 분명히 보여주라는 뜻입니다.

정리: 로그아웃 상태 전환을 분명히 보여라. 이게 SP-096입니다.

2. 왜 로그아웃 상태 표시인가

로그아웃은 로그인의 반대입니다. 사용자가 로그아웃하면, 그게 정말 됐는지 분명히 보여야 하죠. SP-096은 이를 요구합니다. SP-088(로그인 상태 전환 표현)의 짝입니다.

로그아웃 상태가 불분명할 때의 문제:

로그아웃 여부 모름 로그아웃을 했는데, 화면이 그대로거나 로그인 상태처럼 보이면, 사용자는 정말 로그아웃 됐는지 모릅니다.

보안 위험 로그아웃이 됐는지 모르면, 공용 PC에서 로그인 상태로 방치할 수 있습니다. 다음 사람이 개인정보에 접근하는 보안 위험이죠. 로그아웃은 특히 보안 동작이라, 확실히 됐음을 알아야 합니다.

그래서 SP-096은 — 분명한 표시를 요구합니다:

헤더 상태 변화 로그아웃 후, 헤더가 다시 로그아웃 상태로요. 사용자 이름·‘로그아웃’ → ’로그인’으로요 (SP-059). 사용자가 헤더를 보고 로그아웃됐음을 알죠.

로그아웃 완료 표시 로그아웃 직후, ‘로그아웃되었습니다’ 같은 완료 안내·화면을 보여줍니다(SP-098·099). 명확한 전환 신호죠.

개인화 영역 사라짐 로그인 시 보이던 개인화 영역(SP-006)·개인 정보가, 로그아웃 후 사라집니다. 사용자가 로그아웃됨을 확인하죠.

접근성 로그아웃 상태 전환을, 스크린 리더에도 알립니다. 시각 변화만으론 자동 인지 못 할 수 있으니, 완료 메시지·초점 관리로요.

SP-088·096의 짝. SP-088(로그인 상태 전환) + SP-096(로그아웃 상태 전환)이 함께, 상태 가시성을 완성합니다. 로그인됐음(088)·로그아웃됨(096)을 분명히 보이게요. 사용자가 항상 자기 상태를 알게(시스템 상태 가시성)요.

로그아웃의 보안 중요성. 로그아웃은 보안 동작입니다. 특히 공용 PC·공유 기기에서, 로그아웃을 확실히 해야 다음 사람이 개인정보에 접근 못 하죠. 그래서 로그아웃됐음을 분명히 보여, 사용자가 안심하고 떠나게 합니다.

이 규칙은 로그인(SP)의 ’로그아웃 상태 피드백’을 담당합니다 — 로그아웃 상태 전환을 분명히 보여(096), 사용자가 로그아웃 됐음을 확실히 알고 안심하게 하죠. 로그아웃 서브섹션의 출발점입니다.

정리하면 — 로그아웃 후 상태가 불분명하면 로그인 상태로 착각해 보안 위험이 생기므로, 헤더 변화·완료 안내·개인화 사라짐 으로 로그아웃 상태 전환을 (접근성 포함) 분명히 보여야 합니다.

3. 점검 / 개선

무엇을 점검하나

헤더 변화 — 로그아웃 후 헤더가 ‘로그인’ 상태로 변하는가.

완료 표시 — ‘로그아웃되었습니다’ 안내·화면이 있는가(SP-098·099).

접근성 — 로그아웃 상태 전환이 스크린 리더에 전달되는가.

개선 방향

로그아웃 후 헤더 변화(‘로그인’)·완료 안내·개인화 사라짐(SP-006).

스크린 리더 전달(완료 메시지·초점). SP-088(로그인 상태)의 짝.

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

역할	책임
디자이너/기획	로그아웃 상태 표현
개발	상태 전환·완료 화면 구현

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 로그아웃 후 헤더가 ‘로그인’ 상태로 변하나요?

□ ‘로그아웃되었습니다’ 안내·화면이 있나요(SP-098·099)?

□ 로그아웃 상태 전환이 스크린 리더에 전달되나요?

❓ FAQ

Q1. 로그아웃 상태가 안 보이면 왜 문제인가요? 로그아웃을 했는데 화면이 그대로면 정말 됐는지 모릅니다. 공용 PC에서 로그인 상태로 방치하면 다음 사람이 개인정보에 접근하는 보안 위험이 생기죠. Q2. 어떻게 표시하나요? 헤더가 사용자 이름·‘로그아웃’→‘로그인’으로 변하고, ’로그아웃되었습니다’ 완료 안내(SP-098· 099)를 보여줍니다. 개인화 영역(SP-006)도 사라지고요. Q3. SP-088과 같나요? SP-088(로그인 상태 전환)의 짝입니다. 로그인됐음(088)·로그아웃됨(096)을 분명히 보여 사용자가 항상 자기 상태를 알게 하죠(시스템 상태 가시성).

6. 마무리

SP-096의 메시지:

로그아웃됐음을 분명히 — 로그아웃 상태 전환을 분명하게 보여라.

로그아웃 후 상태가 불분명하면 로그인 상태로 착각해 보안 위험이 생깁니다. 헤더 변화·완료 안내로 로그아웃됐음을 분명히 보여 안심하게 하는 게 핵심이죠. 다음 편은 로그아웃 실행 중 스피너입니다.

다음 편 예고 ▶ 「771. (SP-097) 사용자 요청에 의해 로그아웃이 실행되는 경우 결과 화면과 로그아웃 실행 사이에 스피너를 제공하고 있다.」

ViewCheck는 로그아웃 상태 전환이 분명하게 표시되는지를 진단합니다.

📚 참고 출처

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

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

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