SYSTEM BLUEPRINT

학원 앱 오류 수정
핵심 사용자 여정 스토리보드

검색·지도·환급의 오류가 어떤 화면과 상태에서 정상화되는지 정의한 설계도입니다.

스토리보드란?

스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 사용자 유형별 화면을 담고, 오류 재현부터 완료 검수까지의 여정 순서로 배치했습니다.

  1. 이용자가 검색·지도·환급을 이어가는 흐름
  2. 운영자가 수정 결과와 배포 상태를 검수하는 흐름

마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려지실 것입니다.

이용자 시나리오

이용자 핵심 여정

오류 재현부터 정상 동작과 인수인계까지 이어지는 검수 흐름

1. 검색 복귀 오류 확인

검색 복귀 후 터치 상태를 확인

2. 지도에서 학원 찾기

지도 이동 정지 후 자동 결과를 확인

3. 리뷰 작성과 영수증 제출

리뷰 완료 후 환급 단계를 확인

4. 환급 신청 완료

플랫폼별 결과와 문서를 확인

5. 정상 동작 확인

다음 담당자가 재현할 수 있게 정리

이용자 | 화면 01

검색 복귀 정상화

학원찾기

검색 복귀 정상화

메인 카테고리와 버튼이 모두 활성화되어 있습니다.
다음 단계

[화면 개요 및 목적]

검색 후 뒤로가기 복귀 화면

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
이용자 | 화면 02

지도 자동 조회

학원찾기

지도 자동 조회

현재 지도 영역의 파트너 학원 6곳이 자동 표시됩니다.
다음 단계

[화면 개요 및 목적]

지도 이동 정지 후 결과 화면

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
이용자 | 화면 03

리뷰 필수 환급

학원찾기

리뷰 필수 환급

리뷰 완료 상태가 확인되어 영수증 제출 버튼이 활성화됩니다.
다음 단계

[화면 개요 및 목적]

리뷰 완료 후 영수증 제출

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
운영 검수자 시나리오

운영 검수자 핵심 여정

오류 재현부터 정상 동작과 인수인계까지 이어지는 검수 흐름

1. 재현 조건 공유

검색 복귀 후 터치 상태를 확인

2. 수정 결과 확인

지도 이동 정지 후 자동 결과를 확인

3. Android·iOS 경로 검수

리뷰 완료 후 환급 단계를 확인

4. 스토어 심사 확인

플랫폼별 결과와 문서를 확인

5. 인수 문서 확인

다음 담당자가 재현할 수 있게 정리

운영 검수자 | 화면 01

검색 복귀 정상화

학원찾기

검색 복귀 정상화

메인 카테고리와 버튼이 모두 활성화되어 있습니다.
다음 단계

[화면 개요 및 목적]

검색 후 뒤로가기 복귀 화면

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
운영 검수자 | 화면 02

지도 자동 조회

학원찾기

지도 자동 조회

현재 지도 영역의 파트너 학원 6곳이 자동 표시됩니다.
다음 단계

[화면 개요 및 목적]

지도 이동 정지 후 결과 화면

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
운영 검수자 | 화면 03

리뷰 필수 환급

학원찾기

리뷰 필수 환급

리뷰 완료 상태가 확인되어 영수증 제출 버튼이 활성화됩니다.
다음 단계

[화면 개요 및 목적]

리뷰 완료 후 영수증 제출

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
개발 인계 시나리오

개발 인계 핵심 여정

오류 재현부터 정상 동작과 인수인계까지 이어지는 검수 흐름

1. 소스 구조 확인

검색 복귀 후 터치 상태를 확인

2. 원인·조치 기록

지도 이동 정지 후 자동 결과를 확인

3. 빌드 설정 점검

리뷰 완료 후 환급 단계를 확인

4. 배포 절차 실행

플랫폼별 결과와 문서를 확인

5. 다음 수정 준비

다음 담당자가 재현할 수 있게 정리

개발 인계 | 화면 01

검색 복귀 정상화

학원찾기

검색 복귀 정상화

메인 카테고리와 버튼이 모두 활성화되어 있습니다.
다음 단계

[화면 개요 및 목적]

검색 후 뒤로가기 복귀 화면

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
개발 인계 | 화면 02

지도 자동 조회

학원찾기

지도 자동 조회

현재 지도 영역의 파트너 학원 6곳이 자동 표시됩니다.
다음 단계

[화면 개요 및 목적]

지도 이동 정지 후 결과 화면

[핵심 기능 로직]

재현 조건과 상태 전이를 기록하고 기존 UI를 유지한 채 해당 로직만 수정합니다.

  • React Native기존 화면을 유지하는 수정
개발 인계 | 화면 03

리뷰 필수 환급

학원찾기

리뷰 필수 환급

리뷰 완료 상태가 확인되어 영수증 제출 버튼이 활성화됩니다.
다음 단계

[화면 개요 및 목적]

리뷰 완료 후 영수증 제출

[핵심 기능 로직]

리뷰 조건을 검증하고 Android·iOS 재배포, 원인·조치 문서와 빌드 절차를 인계할 수 있게 기록합니다.

  • React Native기존 화면을 유지하는 수정