연장할지 나갈지 고르게

KRDS SP-093 — 로그인 만료 안내 모달에 시간 연장하기 버튼과 로그아웃하기 버튼을 제공하고 있다.

0. 들어가며 — 세션 만료 알림에서 무엇을 할 수 있나

이번 767편은 로그인 만료 안내 모달에 시간 연장하기 버튼과 로그아웃하기 버튼을 제공하라는 규칙입니다.

세션 만료 임박 모달(SP-091)에서 — 사용자가 할 수 있는 행동(연장/로그아웃)을 줘야 대응하죠. SP-093은 두 버튼을 규정 합니다. 확인 대화 확정·취소(BP-107) 정신의 세션 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 연장·로그아웃 버튼

SP-093 (서비스 패턴 > 로그인 > 서비스 이용) “로그인 만료 안내 모달에 시간 연장하기 버튼과 로그아웃하기 버튼을 제공하고 있다.”

만료 안내 모달에 시간 연장·로그아웃 버튼을 제공하라는 뜻입니다.

정리: 만료 안내 모달에 연장·로그아웃 버튼을 제공하라. 이게 SP-093입니다.

2. 왜 두 버튼인가

세션 만료 임박 모달(SP-091·092)이 떴을 때, 사용자는 두 가지 행동을 할 수 있어야 합니다: 계속 쓰기(시간 연장) 와 그만 쓰기(로그아웃)이죠. SP-093은 두 버튼을 요구합니다. BP-107(확정·취소 둘 다)의 세션 적용입니다.

버튼이 부족할 때의 문제:

연장 불가 만료 임박 모달에, ‘시간 연장’ 버튼이 없으면, 사용자는 계속 쓰려 해도 못 합니다. 작업 중인데 그냥 만료돼버리죠. 안내(SP-090~092)의 의미가 없습니다.

명시적 로그아웃 없음 그만 쓰려는 사용자가, 명시적 로그아웃 수단이 없으면 그냥 방치하게 되죠.

그래서 SP-093은 — 두 버튼을 요구합니다:

시간 연장하기 버튼 모달에 ‘시간 연장하기’(또는 ‘계속 이용하기’) 버튼을요. 누르면 세션이 연장돼, 사용자가 작업을 계속하게요(SP-091 맥락 유지). 작업 중인 사용자에게 가장 중요한 버튼이죠.

로그아웃하기 버튼 ‘로그아웃하기’ 버튼도요. 그만 쓰려는 사용자가, 명시적으로 로그아웃하게요(보안상 안전 하게 마무리).

두 선택지 연장(계속)과 로그아웃(끝)의 두 선택지를 명확히 줍니다. 사용자가 의도대로 선택하죠.

명확한 레이블 버튼 레이블을, 행동을 구체적으로요(BP-108): ‘시간 연장하기’, ’로그아웃하기’처럼요. ’예/ 아니오’가 아니라요.

기본 동작·강조. 두 — 버튼 중:

연장 보통 주 행동(작업 계속)으로 강조(primary)합니다. 작업 중인 사용자가 연장을 쉽게 누르게요.

로그아웃 — 보조로요.

단, 만료 자체는 보안 동작이므로, 아무것도 안 누르면(시간 초과) 자동 로그아웃됩니다(보안 기본).

SP-094(아무 키 연장)와 함께. SP-093(연장 버튼) + SP-094(아무 키 눌러도 연장)가 함께, 연장을 쉽게 합니다. 작업 중인 사용자가, 버튼을 누르거나 키를 눌러도 연장되게요(SP-094).

BP-107의 세션 적용. 확인 대화 확정·취소 둘 다(BP-107)를, 세션 만료 모달에 적용한 게 SP-093입니다. ‘연장’ (계속) + ‘로그아웃’(끝)의 두 선택지로 사용자에게 통제권을 주죠.

이 규칙은 로그인(SP)의 ’세션 만료 대응’을 담당합니다 — 만료 모달에 연장·로그아웃 버튼을 제공해(093), 사용자가 계속 쓰거나 안전하게 마무리하도록 선택하게 하죠. SP-091·092·094·095와 함께 갑니다.

정리하면 — 세션 만료 모달에 행동 수단이 없으면 사용자가 대응 못 하므로, 시간 연장하기·로그아웃하기 두 버튼을 (명확한 레이블·기본 강조와 함께) 제공해야 합니다.

3. 점검 / 개선

무엇을 점검하나

연장 버튼 — 만료 모달에 ‘시간 연장하기’ 버튼이 있는가.

로그아웃 버튼 — ‘로그아웃하기’ 버튼이 있는가.

명확 레이블·강조 — 버튼 레이블이 구체적(BP-108)이고 연장이 주 행동인가.

개선 방향

만료 모달에 ‘시간 연장하기’·‘로그아웃하기’ 버튼(BP-107).

연장 강조(primary), 명확한 레이블(BP-108). SP-094(아무 키 연장)와 함께.

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

역할	책임
기획/UX	만료 모달 버튼 구성
개발	연장·로그아웃 구현

기관 유형	SP-093 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (세션 만료 정책 운영 시)

세션 만료 정책을 운영하는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 만료 모달에 ‘시간 연장하기’ 버튼이 있나요?

□ ‘로그아웃하기’ 버튼이 있나요?

□ 버튼 레이블이 구체적(BP-108)이고 연장이 주 행동인가요?

❓ FAQ

Q1. 연장 버튼이 왜 중요한가요? 만료 임박 모달에 ‘시간 연장’이 없으면 계속 쓰려 해도 못 합니다. 작업 중인데 그냥 만료돼버리죠. 안내(SP-090~092)의 의미가 없습니다. Q2. 아무것도 안 누르면요? 시간이 초과되면 자동 로그아웃됩니다(보안 기본). 만료 자체는 보안 동작이니까요. 단 사용자 가 연장을 쉽게 누르게 연장 버튼을 강조하죠. Q3. BP-107과 같나요? 확인 대화 확정·취소 둘 다(BP-107)를 세션 만료 모달에 적용한 것입니다. ’연장’(계속) + ‘로그아웃’(끝)의 두 선택지로 통제권을 주죠.

6. 마무리

SP-093의 메시지:

연장할지 나갈지 고르게 — 만료 모달에 연장·로그아웃 버튼을 제공하라.

만료 모달에 행동 수단이 없으면 대응 못 합니다. 연장·로그아웃 두 버튼을 줘 계속 쓰거나 안전하게 마무리하게 하는 게 핵심이죠. 다음 편은 아무 키나 눌러도 연장입니다.

다음 편 예고 ▶ 「768. (SP-094) 로그인 만료 안내 모달이 활성화된 상태에서 아무 키나 눌렀을 때 연장 가능하도록 하고 있다.」

ViewCheck는 만료 안내 모달에 연장·로그아웃 버튼이 제공되는지를 진단합니다.

📚 참고 출처

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

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

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