메인 콘텐츠로 건너뛰기

MVP Login Modal

로그인 모달 Shell 디자인 검증

비로그인 사용자가 현재 화면을 유지한 채 인증 필요 액션을 눌렀을 때 열리는 로그인 모달의 분기 구조를 확인합니다.

context: home

modalOpen: false

loginStep: social

Unauthenticated context

비로그인 탐색 맥락

추천 월드 피드

비로그인 상태에서도 추천, 신규, 랭킹 섹션을 둘러보는 홈 화면 맥락입니다.

scroll 유지 가설

밤의 기록 보관소

현재 화면 안에 보이는 대표 콘텐츠

사라진 정원

현재 화면 안에 보이는 대표 콘텐츠

항성 사이의 우체국

현재 화면 안에 보이는 대표 콘텐츠

추천 월드 카드 3개와 오늘의 랭킹 일부가 화면 안에 남아 있습니다.

닫기 후 홈 피드의 추천 섹션 위치와 마지막 시도 액션을 유지합니다.

Context retention status

Email signup presets

Profile signup presets

Signup flow presets

attempted action: 아직 인증 필요 액션을 선택하지 않았습니다.

focus return: 아직 선택된 trigger 없음

provider preset: default / 소셜 로그인 선택 전 기본 상태입니다.

email preset: default / 이메일 로그인 화면에 처음 진입한 기본 상태입니다.

email verification preset: default / 가입 이메일을 입력하고 인증 코드 전송을 준비하는 상태입니다.

profile preset: empty / 필수 프로필 입력을 시작하는 기본 상태입니다.

signup preset: email verification / entry email

state coverage: empty, error, loading, disabled, selected, unselected, onboarding-required

modal close 후에도 context/action 상태를 초기화하지 않는 구조입니다.

Escape close: 닫기 버튼과 같은 조건으로 허용

RE:Verse 앱 보기