로그아웃 처리 중임을 알리기

KRDS SP-097 — 사용자 요청에 의해 로그아웃이 실행되는 경우 결과 화면과 로그아웃 실행 사이에 스피너를 제공하고 있다.

0. 들어가며 — 로그아웃을 눌렀는데 반응이 없으면

이번 771편은 사용자 요청에 의해 로그아웃이 실행되는 경우 결과 화면과 로그아웃 실행 사이에 스피너를 제공하라는 규칙입니다.

로그아웃을 눌렀는데 — 처리되는 동안 아무 반응이 없으면, 사용자는 됐는지 불안하죠. SP-097은 로그아웃 처리 중 스피너를 규정합니다. 로딩 상태 표시(SP-031)의 로그아웃 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 로그아웃 실행 중 스피너

SP-097 (서비스 패턴 > 로그인 > 로그아웃) “사용자 요청에 의해 로그아웃이 실행되는 경우 결과 화면과 로그아웃 실행 사이에 스피너를 제공하고 있다.”

로그아웃 실행과 결과 화면 사이에 스피너를 제공하라는 뜻입니다.

정리: 로그아웃 처리 중 스피너를 제공하라. 이게 SP-097입니다.

2. 왜 로그아웃 스피너인가

사용자가 로그아웃을 요청(버튼 클릭)하면, 시스템이 로그아웃을 처리하고(세션 종료 등) → 결과 화면(로그아웃 완료 SP-098·099)을 보여줍니다. 그 사이에 시간이 걸릴 수 있죠. 이 동안 아무 반응이 없으면 사용자는 불안 합니다. SP-097은 스피너를 요구합니다.

처리 중 반응이 없을 때의 문제:

불안·혼란 로그아웃을 눌렀는데, 처리되는 동안 화면이 그대로면, 사용자는 ‘됐나?’, ‘멈췄나?’ 불안합니다. 로그아웃이 됐는지 모르죠.

중복 클릭 반응이 없으면, 로그아웃을 여러 번 누르게 됩니다.

그래서 SP-097은 — 스피너를 요구합니다:

처리 중 스피너 로그아웃 실행과 결과 화면 사이에, 스피너(로딩 인디케이터 CP-328~334)를 보여줍니다. ’로그아웃 처리 중’임을 알리죠. 사용자가 진행 중임을 알고 기다리게요.

즉각 피드백 로그아웃 버튼을 누른 즉시 스피너가 보이게요. 반응이 바로 있어야 안심하죠.

결과 화면 전환 처리가 끝나면, 스피너를 로그아웃 완료 화면(SP-098·099)으로 전환합니다.

접근성 스피너 상태를, 스크린 리더에도 알립니다(‘로그아웃 처리 중’, aria-live). 시각 사용자만 보면 안 되죠.

SP-031(검색 로딩)·SP-097(로그아웃 스피너)의 공통 원리. 작업이 처리되는 동안 로딩 상태를 보여주는, 같은 원리입니다. 검색 로딩(SP-031), 로그아웃 스피너(SP-097)처럼요. 사용자가 시간이 걸리는 작업의 진행을 알게요 (시스템 상태 가시성).

체감 성능. 스피너는 실제 속도를 빠르게 하진 않지만, 체감 대기를 줄입니다. 진행 중임을 알면, 사용자는 덜 불안하고 기다리죠. 짧은 로그아웃이라도, 스피너로 부드러운 전환을요.

로그아웃의 확실성. 로그아웃은 보안 동작이라(SP-096), 확실히 처리되는 게 중요합니다. 스피너로 처리 중임을 알리고, 완료 화면(SP-098)으로 확실히 마무리하면, 사용자가 로그아웃을 신뢰하죠.

이 규칙은 로그인(SP)의 ’로그아웃 처리 피드백’을 담당합니다 — 로그아웃 처리 중 스피너를 제공해(097), 사용자가 진행 중임을 알고 안심하게 하죠. SP-096(상태 표시)·SP-098(완료 화면)과 함께 갑니다.

정리하면 — 로그아웃 처리 중 반응이 없으면 사용자가 불안하고 중복 클릭하므로, 로그아웃 실행과 결과 화면 사이에 스피너 (접근성 포함)를 제공해 진행 중임을 알려야 합니다.

3. 점검 / 개선

무엇을 점검하나

처리 중 스피너 — 로그아웃 실행과 결과 화면 사이에 스피너가 있는가.

즉각 피드백 — 로그아웃 누른 즉시 스피너가 보이는가.

접근성 — 스피너 상태가 스크린 리더에 안내되는가(aria-live).

개선 방향

로그아웃 처리 중 스피너(CP-328~334). 누른 즉시 표시.

처리 후 완료 화면(SP-098)으로 전환. aria-live로 스크린 리더 안내.

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

역할	책임
퍼블리셔/개발	로그아웃 스피너 구현
QA	처리 피드백 검증

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 로그아웃 실행과 결과 화면 사이에 스피너가 있나요?

□ 로그아웃 누른 즉시 스피너가 보이나요?

□ 스피너 상태가 스크린 리더에 안내되나요(aria-live)?

❓ FAQ

Q1. 로그아웃 스피너가 왜 필요한가요? 로그아웃을 눌렀는데 처리되는 동안 반응이 없으면 ‘됐나?’ 불안하고 여러 번 누릅니다. 스피너로 처리 중임을 알려 안심하게 하죠. Q2. 로그아웃은 빠른데도 필요한가요? 짧아도 스피너로 부드러운 전환을 줍니다. 진행 중임을 알면 체감 대기가 줄고 중복 클릭도 막죠. 로그아웃의 확실성도 보여주고요. Q3. SP-031과 같나요? 작업 처리 중 로딩 상태를 보여주는 같은 원리입니다. 검색 로딩(SP-031), 로그아웃 스피너 (SP-097)처럼요. 시스템 상태 가시성이죠.

6. 마무리

SP-097의 메시지:

로그아웃 처리 중임을 알리기 — 로그아웃 실행 중 스피너를 제공하라.

로그아웃 처리 중 반응이 없으면 불안하고 중복 클릭합니다. 스피너로 진행 중임을 알려 안심하게 하는 게 핵심이죠. 다음 편은 로그아웃 후 적합 화면 이동입니다.

다음 편 예고 ▶ 「772. (SP-098) 로그아웃이 완료된 후, 상황에 적합한 화면으로 이동하고 있다.」

ViewCheck는 로그아웃 처리 중 스피너가 제공되는지를 진단합니다.

📚 참고 출처

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

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

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