제주 4개 관측지점의 위험 판단이 첫 화면에서 상세 예보와 시뮬레이션으로 이어지는 설계도입니다.
스토리보드란?
스토리보드는 실제 구현 전에 사용자 판단 흐름과 데이터 인터페이스를 확인하는 문서입니다. 이번 설계는 모바일에서 가장 중요한 위험 요약을 먼저 보여주고, 필요한 경우 상세 예보와 시뮬레이터로 확장합니다.
마지막까지 보시면 빠른 첫 판단과 검수 가능한 예측 흐름의 모습이 머릿속에 그려지실 것입니다.
스마트폰에서 현재 위험을 확인하고 근거 데이터로 확장하는 흐름
첫 화면에서 로딩 상태와 현재 위험을 확인
4개 지점 카드에서 경보·확률을 비교
라인 차트와 표로 날짜별 변화를 확인
기온·습도·강수량을 바꾸며 결과를 확인
선택한 지점과 기간을 CSV로 저장
모바일 첫 화면에서 현재 위험 요약을 빠르게 확인하고 다음 판단으로 이동합니다.
현재 위험 요약은 R2 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
예보·시계열 화면에서 14일 예보 상세을 빠르게 확인하고 다음 판단으로 이동합니다.
14일 예보 상세은 R3 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
입력과 결과 화면에서 조건별 시뮬레이터을 빠르게 확인하고 다음 판단으로 이동합니다.
조건별 시뮬레이터은 R4 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
PC에서도 같은 데이터 계약을 사용해 예측을 검수하는 흐름
첫 화면에서 로딩 상태와 현재 위험을 확인
4개 지점 카드에서 경보·확률을 비교
라인 차트와 표로 날짜별 변화를 확인
기온·습도·강수량을 바꾸며 결과를 확인
선택한 지점과 기간을 CSV로 저장
모바일 첫 화면에서 현재 위험 요약을 빠르게 확인하고 다음 판단으로 이동합니다.
현재 위험 요약은 R2 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
예보·시계열 화면에서 14일 예보 상세을 빠르게 확인하고 다음 판단으로 이동합니다.
14일 예보 상세은 R3 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
입력과 결과 화면에서 조건별 시뮬레이터을 빠르게 확인하고 다음 판단으로 이동합니다.
조건별 시뮬레이터은 R4 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
API 상태와 다운로드 데이터를 확인하는 운영 흐름
첫 화면에서 로딩 상태와 현재 위험을 확인
4개 지점 카드에서 경보·확률을 비교
라인 차트와 표로 날짜별 변화를 확인
기온·습도·강수량을 바꾸며 결과를 확인
선택한 지점과 기간을 CSV로 저장
모바일 첫 화면에서 현재 위험 요약을 빠르게 확인하고 다음 판단으로 이동합니다.
현재 위험 요약은 R2 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
예보·시계열 화면에서 14일 예보 상세을 빠르게 확인하고 다음 판단으로 이동합니다.
14일 예보 상세은 R3 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.
입력과 결과 화면에서 조건별 시뮬레이터을 빠르게 확인하고 다음 판단으로 이동합니다.
조건별 시뮬레이터은 R4 요구사항을 기준으로 API 응답과 반응형 렌더링을 검수합니다.