- 시작 화면
- ↳ 전화번호 인증 화면
- ↳ 인증 코드 입력 화면
- ↳ 지도 화면
- ↳ 인증 코드 입력 화면
- ↳ 전화번호 인증 화면
-
지도 화면 (앱 진입 시 기본 화면)
-
구성 요소:
- 검색 바: 위치명 또는 작업 공간명 입력 가능.
- 마커: 작업 공간 위치를 나타냄.
- 내 정보 아이콘: 지도 화면 상단 우측에 위치(클릭 시 내 정보 화면으로 이동).
- 리뷰 추가 버튼: 지도 화면 하단 우측에 고정된 플로팅 버튼(리뷰 작성 화면으로 이동).
-
기능:
- 마커 클릭 → 마커 상세 정보 팝업 → 작업 공간 상세 화면.
- 검색 바 클릭 → 검색 화면 → 필터 설정 화면.
- 리뷰 추가 버튼 클릭 → 리뷰 작성 화면.
-
- 지도 화면 → 리뷰 작성 화면
- 구성 요소:
- 작업 공간 검색 필드:
- 검색창: 작업 공간명 입력(자동완성 제공).
- 검색된 작업 공간을 선택해야만 리뷰 작성 가능.
- 리뷰 작성 입력 항목:
- 평점 선택(1~5점, 별점).
- 리뷰 텍스트 입력(최소 20자 이상).
- 추가 평가 항목:
- 화장실 청결도(1~5점).
- 작업 허용 눈치(최대 허용 작업 단계).
- 아이스 아메리카노 가격(숫자로 입력).
- 고양이 여부(있음/없음).
- 작성 완료 버튼: 작성된 리뷰를 저장하고 지도 화면으로 돌아가기.
- 취소 버튼: 리뷰 작성 화면 닫기(변경사항 저장 안 함).
- 작업 공간 검색 필드:
- 구성 요소:
- 지도 화면
- ↳ 마커 상세 정보 팝업
- ↳ 작업 공간 상세 화면
- 구성 요소:
- 기본 정보: 이름, 주소, 영업시간, 연락처.
- 사진 및 공간 특성(소음 수준, 좌석 편의성 등).
- 사용자 리뷰 목록.
- 구성 요소:
- ↳ 작업 공간 상세 화면
- ↳ 마커 상세 정보 팝업
- 지도 화면 → 내 정보 화면
- 내 정보 화면 구성 요소:
- 프로필 정보:
- 전화번호, 닉네임 표시.
- 파워노마더 뱃지 여부(해당 시 강조 표시).
- 저장된 공간 목록:
- 카드 형태로 표시.
- 저장된 공간 클릭 시 작업 공간 상세 화면으로 이동.
- 좋아요한 공간 목록:
- 카드 형태로 표시.
- 좋아요한 공간 클릭 시 작업 공간 상세 화면으로 이동.
- 내가 작성한 리뷰 목록:
- 작성한 리뷰의 간단한 요약 표시.
- 프로필 정보:
- 내 정보 화면 구성 요소:
- 검색 바 → 검색 화면 → 필터 설정 화면.
- 마커 클릭 → 마커 상세 정보 팝업 → 작업 공간 상세 화면.
- 리뷰 추가 버튼 → 리뷰 작성 화면.
- 내 정보 아이콘 클릭 → 내 정보 화면.
- 작업 공간 검색 및 선택 → 리뷰 작성 → 작성 완료 → 지도 화면으로 복귀.
- 저장된 공간 목록 → 작업 공간 상세 화면.
- 좋아요한 공간 목록 → 작업 공간 상세 화면.
- 내가 작성한 리뷰 목록 → 리뷰 수정 화면(추가 기능 시).
- 작업 공간 선택 과정 단순화: 검색을 통해서만 작업 공간을 선택 가능하도록 제한하여 사용성 강화.
- 자동완성 검색을 통해 사용자가 이미 등록된 작업 공간을 빠르게 찾을 수 있도록 설계.
- 선택한 작업 공간이 명확히 화면에 표시되어 리뷰 작성 흐름의 직관성을 높임.
위 수정사항을 반영한 구조입니다. 추가 요청 사항이나 세부적인 변경이 필요하면 말씀해주세요!