다시 들어와 하던 일로

KRDS SP-100 — 사용자가 기존에 이용 중이던 맥락으로 돌아갈 수 있도록 ‘다시 로그인하기’ 버튼을 제공하고 로그인이 완료되었을 때 사용자가 탐색 중이던 화면으로 연결되도록 설계되어 있다.

0. 들어가며 — 로그인 그룹(42개)의 마지막

이번 774편은 사용자가 기존에 이용 중이던 맥락으로 돌아갈 수 있도록 ‘다시 로그인하기’ 버튼을 제공하고, 로그인이 완료되었을 때 탐색 중이던 화면으로 연결되도록 설계하라는 규칙입니다. 로그아웃 서브섹션이자 로그인 그룹(SP-059~100, 42개)의 마지막이죠.

실수로 로그아웃했거나 다시 작업하려는 사용자가 — ’다시 로그인’으로 원래 맥락으로 돌아가게 하면 편하죠. SP-100은 이를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 다시 로그인 버튼·맥락 복귀

SP-100 (서비스 패턴 > 로그인 > 로그아웃) “사용자가 기존에 이용 중이던 맥락으로 돌아갈 수 있도록 ‘다시 로그인하기’ 버튼을 제공하고 로그인이 완료되었을 때 사용자가 탐색 중이던 화면으로 연결되도록 설계되어 있다.”

‘다시 로그인’ 버튼으로 로그인 후 원래 화면으로 돌아가게 설계하라는 뜻입니다.

정리: ‘다시 로그인’ 버튼으로 원래 맥락으로 복귀하게 하라. 이게 SP-100입니다.

2. 왜 다시 로그인·맥락 복귀인가

사용자가 로그아웃한 후, 다시 작업하려 할 수 있습니다: 실수로 로그아웃했거나, 세션 만료로 로그아웃됐거나, 잠깐 나갔다 다시 들어오거나요. 이때 ’다시 로그인’으로 원래 보던/하던 맥락으로 돌아가게 하면 편하죠. SP-100은 이를 요구합니다.

다시 로그인·복귀가 없을 때의 문제:

처음부터 다시 로그아웃 후 다시 로그인하면, 메인으로 가버려, 원래 보던 화면을 다시 찾아가야 합니다. 번거롭죠.

맥락 단절 작업 중 세션 만료로 로그아웃됐다가 다시 로그인하는데, 작업 맥락을 잃으면 답답합니다.

그래서 SP-100은 — 다시 로그인 버튼 + 맥락 복귀를 요구합니다:

‘다시 로그인하기’ 버튼 로그아웃 완료 화면(SP-099)에, ‘다시 로그인하기’ 버튼을 둡니다. 사용자가 다시 로그인하려면, 이 버튼으로 바로 로그인하게요.

원래 화면으로 연결 다시 로그인이 완료되면, 사용자가 로그아웃 전 탐색 중이던 화면으로 연결합니다. 원래 맥락으로 돌아가게요(returnUrl). SP-087(로그인 후 적합 화면) 정신을, 로그아웃 후 다시 로그인에 적용한 거죠.

맥락 보존 기존 이용 맥락(보던 화면·작업)을 복원합니다. 사용자가 끊김 없이 이어가게요.

SP-087·100의 연결. SP-087(로그인 후 원래 의도 화면)·SP-100(다시 로그인 후 원래 맥락)이 같은 정신입니다. 로그인 을 목적이 아닌 수단으로 보고, 로그인 후 사용자가 하려던/보던 곳으로 이어주죠. SP-100은 로그아웃 후 다시 로그인의 맥락 복귀입니다.

사용자 여정의 연속성. 로그아웃 → 다시 로그인의 흐름에서도, 사용자 여정을 끊지 않습니다. 잠깐 나갔다 들어와도, 하던 맥락으로 돌아가 이어가게요. 좋은 UX는, 사용자 여정의 연속성을 존중합니다.

로그인 그룹의 마무리. 로그인 그룹(SP-059~100, 42개)은 로그인을 찾고·안내하고·방식을 고르고·정보를 입력하고· 완료하고·세션을 관리하고·로그아웃하는 전 흐름을 다뤘습니다. SP-100은 그 마지막, 로그아웃 후 다시 로그인의 맥락 복귀로 흐름을 닫죠. 로그인 여정이 끊기지 않게요.

이 규칙은 로그인(SP)의 ‘로그아웃 후 재진입’을 담당합니다 — ’다시 로그인’ 버튼·맥락 복귀를 제공해(100), 사용자가 다시 들어와 하던 일로 이어가게 하죠. 로그아웃 서브섹션·로그인 그룹의 마무리입니다.

정리하면 — 로그아웃 후 다시 로그인할 때 원래 화면으로 안 돌아가면 처음부터 다시 찾아야 하므로, ‘다시 로그인하기’ 버튼을 제공하고 로그인 완료 시 탐색 중이던 화면(원래 맥락)으로 연결되게 설계해야 합니다.

3. 점검 / 개선

무엇을 점검하나

다시 로그인 버튼 — 로그아웃 완료 화면에 ‘다시 로그인하기’ 버튼이 있는가.

원래 화면 연결 — 다시 로그인 후 탐색 중이던 화면으로 가는가(returnUrl).

맥락 보존 — 기존 이용 맥락이 복원되는가.

개선 방향

로그아웃 완료 화면(SP-099)에 ‘다시 로그인하기’ 버튼.

다시 로그인 후 원래 화면 연결(returnUrl, SP-087 정신). 맥락 복원.

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

역할	책임
기획/UX	다시 로그인·복귀 흐름 설계
개발	버튼·returnUrl 구현

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 로그아웃 완료 화면에 ‘다시 로그인하기’ 버튼이 있나요?

□ 다시 로그인 후 탐색 중이던 화면으로 가나요(returnUrl)?

□ 기존 이용 맥락이 복원되나요?

❓ FAQ

Q1. 다시 로그인·복귀가 왜 필요한가요? 실수로 로그아웃했거나 세션 만료로 로그아웃됐다가 다시 작업하려는 사용자가, 메인으로 가버리면 원래 화면을 다시 찾아야 합니다. 번거롭죠. 원래 맥락으로 돌아가게 합니다. Q2. 어떻게 원래 화면으로 보내나요? 로그아웃 전 탐색 중이던 URL을 기억(returnUrl)했다가, 다시 로그인 완료 후 거기로 연결합니다. SP-087(로그인 후 적합 화면)을 로그아웃 후 다시 로그인에 적용한 거죠. Q3. SP-087과 같나요? 같은 정신입니다. 로그인을 목적이 아닌 수단으로 보고, 로그인 후 사용자가 하려던/보던 곳으로 이어주죠. SP-100은 로그아웃 후 다시 로그인의 맥락 복귀입니다.

6. 마무리

SP-100의 메시지:

다시 들어와 하던 일로 — ‘다시 로그인’ 버튼으로 원래 맥락으로 복귀하게 하라.

다시 로그인할 때 원래 화면으로 안 돌아가면 처음부터 다시 찾아야 합니다. ‘다시 로그인’ 버튼과 맥락 복귀로 끊김 없이 이어가게 하는 게 핵심이죠.

🎉 이로써 로그인 그룹(SP-059~100, 42개)이 모두 끝났습니다. 방문(9) + 검색(49) + 로그인(42) = SP 100개 완료. 다음 편부터는 SP의 넷째 그룹, 신청(58개)입니다.

다음 편 예고 ▶ 「775. (SP-101) 신청 그룹 시작」

ViewCheck는 ‘다시 로그인’ 버튼과 원래 맥락 복귀가 제공되는지를 진단합니다.

📚 참고 출처

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

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

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