하던 일 잃지 않게 모달로

KRDS SP-064 — 로그인에 대한 안내는 모달로 제공하여 사용자의 과업 맥락이 유지될 수 있도록 하고 있다.

0. 들어가며 — 로그인 안내 서브섹션의 시작

이번 738편부터 ‘로그인 안내’ 서브섹션(SP-064~068)입니다. 로그인이 필요할 때 어떻게 안내할지의 규칙들이죠. 첫 편 SP-064는 — 로그인 안내를 모달로 제공하여 사용자의 과업 맥락이 유지되게 하라는 규칙입니다.

작업 중 로그인이 필요할 때, 별도 페이지로 — 보내버리면 하던 작업 맥락을 잃죠. 모달로 안내하면 맥락이 유지됩니다. SP-064는 이를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 로그인 안내 모달

SP-064 (서비스 패턴 > 로그인 > 로그인 안내) “로그인에 대한 안내는 모달로 제공하여 사용자의 과업 맥락이 유지될 수 있도록 하고 있다.”

로그인 안내를 모달로 제공해 사용자의 과업 맥락을 유지하라는 뜻입니다.

정리: 로그인 안내를 모달로 제공해 과업 맥락을 유지하라. 이게 SP-064입니다.

2. 왜 모달 안내인가

사용자가 어떤 작업(예: 신청서 작성, 자료 다운로드)을 하다가, 로그인이 필요한 시점이 옵니다. 이때 로그인 안내를 어떻게 하느냐가 중요하죠. SP-064는 모달로 안내하라고 합니다.

별도 페이지로 보낼 때의 문제:

맥락 상실 작업 중에, 로그인 페이지로 완전히 이동시키면, 사용자는 하던 작업(작성 중인 내용, 보던 화면)을 잃습니다. 로그인 후 돌아와도, 작업이 초기화됐거나 어디였는지 헷갈리죠.

흐름 단절 작업 → 로그인 페이지 → 돌아오기의 큰 이동은, 흐름을 끊습니다. 사용자가 길을 잃죠.

그래서 SP-064는 — 모달 안내를 요구합니다:

모달로 안내 로그인이 필요하면, 현재 화면 위에 모달(팝업 대화상자)로 안내합니다. 배경(하던 작업)은 그대로 두고, 그 위에 로그인 안내·입구를요. 사용자가 하던 맥락을 유지한 채 로그인을 만나죠.

과업 맥락 유지 모달은 현재 화면을 떠나지 않으므로, 하던 작업이 그대로 유지됩니다. 로그인 후, 모달이 닫히면 바로 작업을 이어가죠.

로그인 후 작업 계속 모달에서 로그인하면(또는 로그인 화면으로 가서 완료 후 돌아오면), 원래 작업을 계속하게요. 중단된 작업 맥락에서 이어집니다.

모달의 적절한 사용. 로그인 안내는, 모달의 좋은 사용 사례입니다(모달 컴포넌트 CP-141~148). 현재 맥락을 유지하며 짧은 안내·결정(로그인할지)을 받는 데 적합하죠. 단, 모달 입력은 짧게(BP-067, 5개 이내) 원칙도 함께요.

SP-064·068의 연결. 모달 안내(SP-064)에는, ‘로그인 안 함’ 옵션(SP-068)도 함께 둡니다. 사용자가 원치 않으면 모달을 닫고 작업을 이어가게요. 모달이 강제가 아니라 안내·선택이 되게요.

접근성. 로그인 안내 모달도, 모달 접근성(포커스 이동·가둠·ESC 탈출 CP-141~148)을 갖춰야 합니다. 키보드·스크린 리더로 모달을 인지·조작하게요.

이 규칙은 로그인(SP)의 ’로그인 안내 방식’을 담당합니다 — 로그인 안내를 모달로 제공해(064), 사용자가 하던 작업 맥락을 유지한 채 로그인하게 하죠. 로그인 안내 서브섹션의 출발점입니다.

정리하면 — 작업 중 로그인이 필요할 때 별도 페이지로 보내면 작업 맥락을 잃으므로, 로그인 안내를 모달로 제공해 현재 맥락 을 유지한 채 로그인하고 작업을 이어가게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

모달 안내 — 로그인 안내가 별도 페이지가 아닌 모달로 제공되는가.

맥락 유지 — 하던 작업이 유지된 채 로그인을 만나는가.

작업 계속 — 로그인 후 원래 작업을 이어가는가.

개선 방향

로그인 필요 시 모달 안내(현재 화면 위에). 작업 맥락 유지.

로그인 후 작업 계속. ‘로그인 안 함’(SP-068)·모달 접근성 함께.

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

역할	책임
기획/UX	로그인 안내 흐름 설계
개발	모달 안내·맥락 유지 구현

기관 유형	SP-064 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (작업 중 로그인 필요 시)

작업 중 로그인이 필요한 서비스가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 로그인 안내가 별도 페이지가 아닌 모달로 제공되나요?

□ 하던 작업이 유지된 채 로그인을 만나나요?

□ 로그인 후 원래 작업을 이어가나요?

❓ FAQ

Q1. 별도 페이지로 보내면 왜 문제인가요? 작업 중에 로그인 페이지로 완전히 이동시키면 하던 작업(작성 중 내용·보던 화면)을 잃습니다. 로그인 후 돌아와도 초기화됐거나 헷갈리죠. Q2. 모달이 왜 좋나요? 현재 화면을 떠나지 않으므로 작업 맥락이 유지됩니다. 로그인 후 모달이 닫히면 바로 작업을 이어가죠. 짧은 안내·결정에 적합한 모달 사용 사례입니다. Q3. 모달로 강제하면 안 되나요? ‘로그인 안 함’ 옵션(SP-068)을 함께 둡니다. 원치 않으면 모달을 닫고 작업을 이어가게 요. 모달이 강제가 아니라 안내·선택이 되게요.

6. 마무리

SP-064의 메시지:

하던 일 잃지 않게 모달로 — 로그인 안내를 모달로 제공해 과업 맥락을 유지하라.

작업 중 로그인이 필요할 때 별도 페이지로 보내면 작업 맥락을 잃습니다. 모달로 안내해 맥락을 유지한 채 로그인하고 작업을 이어가게 하는 게 핵심이죠. 다음 편은 로그인 필요 화면 안내입니다.

다음 편 예고 ▶ 「739. (SP-065) 로그인이 꼭 필요한 화면/기능에 사용자가 접근하는 경우 안내를 제공하고 있다.」

ViewCheck는 로그인 안내가 모달로 제공되어 과업 맥락이 유지되는지를 진단합니다.

📚 참고 출처

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

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

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