사용자 화면 · 회원가입/로그인
로그인 진입 화면
LOG-001 · 2026. 03. 03
| 1 | 헤더 |
- Back 버튼
- Back 버튼 클릭 시, 로그인 진입 직전 화면으로 이동
|
| 2 | 카피 영역 |
- 메인 카피 : 사용 목적 안내 문구 노출
- 서브 카피 : 서비스 정책 안내 문구 노출
- CTA 없음
|
| 3 | 이미지 영역 |
- 단일 이미지 영역
- 이미지 : 브랜드 톤앤 매너 반영한 대표 이미지 노출
- CTA 없음
|
| 4 | 로그인 버튼 |
- 소셜 로그인
- 클릭 시, 해당 플랫폼 인증 진행
- 최초 로그인 또는 캐싱 X 사용자
- 버튼 클릭 시, 약관 동의 바텀 시트 노출(LOG-002)
- 기존 로그인 사용자
- 소셜 로그인 중단 케이스
- 소셜 로그인 도중 사용자가 인증을 취소한 경우
- 오류 토스트 메시지 노출
- 로그인 진입 화면 유지
- 이메일 로그인
- 클릭 시, 아이디/비밀번호 입력 화면으로 이동 (LOG-003)
- 로그인 성공/실패
- 로그인 성공 : 로그인 성공 메시지 토스트 노출 후, 로그인 요청 발생 시점의 원래 화면으로 이동
- 로그인 실패 : 오류 메시지 토스트 또는 팝업 노출 (LOG-011)
|
| 5 | 최근 로그인표시 |
- 노출 조건
- 사용자가 이전에 로그인에 성공한 이력이 있는 경우
- 단말 기준으로 마지막 로그인에 사용된 소셜 로그인 버튼에 노출
- 표시 방식
- 해당 소셜 로그인 버튼에 '최근 로그인' 텍스트 배지 노출
- 단순 안내용 UI로 버튼 기능에는 영향 없음
- 동작
|
| 6 | 비고 |
- 재로그인/세션 만료 처리
- 인증 토큰 만료 시
- 현재 액션 중단
- 인증 토큰 만료 토스트 메시지 노출 후, 로그인 화면 이동
- 로그인 완료 후 원래 화면으로 복귀
- 정지 계정 토스트 메세지
- "정지된 계정입니다. 문의사항은 cs@chaart.io로 부탁드립니다"
- 탈퇴 계정 토스트 메세지
- "탈퇴 계정입니다. nn일 후, 재가입 가능합니다."
|