개요

• 목적: HOM 윈폼 앱의 모바일 웹 버전 개발을 위한 사용자 흐름 및 화면 구성 정의. 참고로, HOM은 기업고객의 정보, 이용서비스, 관리기록 등을 관리하기 위해 사용 중인 프로그램.
• 목표 사용자: 내부 직원.

주요 화면 구성

0. 메인 페이지

• 목적: HOM Web 1.0의 기본 진입 화면으로 사용자에게 주요 메뉴를 제공.
• 기능:
  • 메인 페이지 진입 시 로그인 상태 확인
  • 로그인되어 있지 않은 경우 로그인 페이지로 이동
  • 로그인되어 있는 경우 기관목록 페이지로 이동
  • 로그인 버튼 (사용자가 인증 페이지로 이동할 수 있도록 제공)
  • 기관목록 페이지로 이동할 수 있는 버튼 제공
  • 고객목록 페이지로 이동할 수 있는 버튼 제공

1. 로그인 페이지

• 목적: 사용자가 안전하게 인증을 통해 HOM Web 1.0에 접근할 수 있도록 함.
• 기능:
  • 로그인 성공 시 기관목록 페이지로 이동
  • 사용자 ID 입력
  • 비밀번호 입력
  • 로그인 버튼
  • 로그인 실패 시 오류 메시지 표시
  • 아이디 찾기 기능
  • 비밀번호 찾기 기능
  • 임시 비밀번호로 로그인한 경우 비밀번호 변경 안내 메시지 표시 및 비밀번호 변경 페이지로 이동

1-A. 아이디 찾기 기능

• 목적: 사용자가 등록된 휴대폰을 통해 아이디를 찾을 수 있도록 함.
• 기능:
  • 사용자 이름 입력
  • 사용자 휴대폰 번호 입력
  • 인증키 전송 버튼 (SMS로 인증키 발송)
  • 인증키 입력 필드
  • 인증 확인 버튼 (인증 성공 시 등록된 아이디를 문자로 전송)

1-B. 비밀번호 찾기 기능

• 목적: 사용자가 등록된 휴대폰을 통해 임시 비밀번호를 발급받을 수 있도록 함.