Skip to content

Latest commit

 

History

History
109 lines (79 loc) · 3.9 KB

ia.md

File metadata and controls

109 lines (79 loc) · 3.9 KB

Information Architecture (검색을 통한 작업 공간 선택으로 수정)

1. 로그인 흐름

  • 시작 화면
    • ↳ 전화번호 인증 화면
      • ↳ 인증 코드 입력 화면
        • 지도 화면

2. 지도 탐색 흐름 (최상위 화면)

  • 지도 화면 (앱 진입 시 기본 화면)

    • 구성 요소:

      • 검색 바: 위치명 또는 작업 공간명 입력 가능.
      • 마커: 작업 공간 위치를 나타냄.
      • 내 정보 아이콘: 지도 화면 상단 우측에 위치(클릭 시 내 정보 화면으로 이동).
      • 리뷰 추가 버튼: 지도 화면 하단 우측에 고정된 플로팅 버튼(리뷰 작성 화면으로 이동).
    • 기능:

      • 마커 클릭 → 마커 상세 정보 팝업 → 작업 공간 상세 화면.
      • 검색 바 클릭 → 검색 화면 → 필터 설정 화면.
      • 리뷰 추가 버튼 클릭 → 리뷰 작성 화면.

3. 리뷰 작성 흐름

  • 지도 화면 → 리뷰 작성 화면
    • 구성 요소:
      • 작업 공간 검색 필드:
        • 검색창: 작업 공간명 입력(자동완성 제공).
        • 검색된 작업 공간을 선택해야만 리뷰 작성 가능.
      • 리뷰 작성 입력 항목:
        • 평점 선택(1~5점, 별점).
        • 리뷰 텍스트 입력(최소 20자 이상).
        • 추가 평가 항목:
          • 화장실 청결도(1~5점).
          • 작업 허용 눈치(최대 허용 작업 단계).
          • 아이스 아메리카노 가격(숫자로 입력).
          • 고양이 여부(있음/없음).
      • 작성 완료 버튼: 작성된 리뷰를 저장하고 지도 화면으로 돌아가기.
      • 취소 버튼: 리뷰 작성 화면 닫기(변경사항 저장 안 함).

4. 작업 공간 상세 정보

  • 지도 화면
    • ↳ 마커 상세 정보 팝업
      • ↳ 작업 공간 상세 화면
        • 구성 요소:
          • 기본 정보: 이름, 주소, 영업시간, 연락처.
          • 사진 및 공간 특성(소음 수준, 좌석 편의성 등).
          • 사용자 리뷰 목록.

5. 내 정보 흐름

  • 지도 화면 → 내 정보 화면
    • 내 정보 화면 구성 요소:
      • 프로필 정보:
        • 전화번호, 닉네임 표시.
        • 파워노마더 뱃지 여부(해당 시 강조 표시).
      • 저장된 공간 목록:
        • 카드 형태로 표시.
        • 저장된 공간 클릭 시 작업 공간 상세 화면으로 이동.
      • 좋아요한 공간 목록:
        • 카드 형태로 표시.
        • 좋아요한 공간 클릭 시 작업 공간 상세 화면으로 이동.
      • 내가 작성한 리뷰 목록:
        • 작성한 리뷰의 간단한 요약 표시.

6. 스크린 관계 요약

지도 화면 (최상위 화면)

  • 검색 바 → 검색 화면 → 필터 설정 화면.
  • 마커 클릭 → 마커 상세 정보 팝업 → 작업 공간 상세 화면.
  • 리뷰 추가 버튼 → 리뷰 작성 화면.
  • 내 정보 아이콘 클릭 → 내 정보 화면.

리뷰 작성 화면

  • 작업 공간 검색 및 선택 → 리뷰 작성 → 작성 완료 → 지도 화면으로 복귀.

내 정보 화면

  • 저장된 공간 목록 → 작업 공간 상세 화면.
  • 좋아요한 공간 목록 → 작업 공간 상세 화면.
  • 내가 작성한 리뷰 목록 → 리뷰 수정 화면(추가 기능 시).

UX 포인트

  1. 작업 공간 선택 과정 단순화: 검색을 통해서만 작업 공간을 선택 가능하도록 제한하여 사용성 강화.
  2. 자동완성 검색을 통해 사용자가 이미 등록된 작업 공간을 빠르게 찾을 수 있도록 설계.
  3. 선택한 작업 공간이 명확히 화면에 표시되어 리뷰 작성 흐름의 직관성을 높임.

위 수정사항을 반영한 구조입니다. 추가 요청 사항이나 세부적인 변경이 필요하면 말씀해주세요!