사용자 화면 · 회원가입/로그인
비밀번호 재설정/발송 완료 바텀시트
LOG-006 · 2026. 03. 04
| 1 | 비밀번호 재설정 입력필드 바텀시트 |
- 노출 방식
- 화면 하단에서 슬라이드 업 형태로 노출되는 바텀시트
- 이메일 로그인 실패 바텀시트(LOG-005)에서 '비밀번호 찾기/재설정' 버튼 클릭 시 노출
- 목적
- 이메일 입력 영역
- 입력 필드
- 등록된 아이디(이메일) 입력 필드 노출
- 플레이스홀더: 등록된 아이디(이메일)를 입력해주세요
- 입력 규칙
- 이메일 형식 입력만 허용
- 이메일 형식이 유효하지 않을 경우 전송 버튼 비활성화 유지
- 전송 버튼
- 기본 상태: 비활성화
- 활성화 조건: 이메일 형식이 올바른 경우
- 클릭 시
- 비밀번호 재설정 메일 발송 요청
- 발송 성공 시 ❷ 바텀시트로 전환
- 닫기 버튼
- 클릭 시 비밀번호 재설정 프로세스 중단
- 이메일 로그인 ID/PW 입력 바텀시트(LOG-003)로 복귀
- 예외 및 UX 보완 처리 (QA 기준)
- 등록되지 않은 이메일 입력 시
- 메일 발송 실패
- 오류 안내 토스트 메세지 노출 가능
|
| 2 | 비밀번호 재설정 메일발송 완료 바텀시트 |
- 노출 방식
- 비밀번호 재설정 이메일 발송 성공 시 자동 노출
- 안내 문구 영역
- 확인 버튼
- 클릭 시 바텀시트 닫힘
- 이메일 로그인 ID/PW 입력 바텀시트(LOG-003)로 복귀
- 사용자는 재설정 완료 후 로그인 재시도 가능
|