SYSTEM BLUEPRINT

첫 퀴즈로 이어지는
학습 경험 스토리보드

가입 완료부터 첫 문제 풀이, 피드백까지 기존 앱의 개선 화면을 연결합니다.

스토리보드란?

스토리보드는 출시된 학습 리워드 앱의 개선 화면을 실제 사용 순서대로 보여주는 문서입니다. 가입 뒤 첫 퀴즈 완료가 가능한지 화면 단위로 확인합니다.

  1. 가입 완료 후 첫 퀴즈 시작을 안내하는 흐름
  2. 홈에서 학습과 광고 영역을 구분하는 흐름
  3. 문제 선택과 정답 피드백까지 이어지는 흐름

마지막까지 보시면 첫 퀴즈 완료까지 무엇을 바꿔야 하는지 화면으로 확인하실 수 있습니다.

신규 학습자 시나리오

가입에서 첫 퀴즈 완료까지

다음 행동을 한눈에 알 수 있도록 학습 시작 동선을 단순화합니다.

가입 완료

학습 시작 안내

첫 퀴즈 안내

소요 시간 확인

홈 진입

첫 퀴즈 강조

문제 풀이

답안 선택

정답 피드백

다음 학습 제안

신규 학습자 | 화면 01

첫 퀴즈 안내

오늘의 학습
가입 완료 · STEP 01

첫 퀴즈를
시작해 볼까요?
짧은 문제를 풀고 오늘의 학습을 완성해요.
오늘의 첫 퀴즈

예상 3분 · 5문항

완료 시 별 20개

다음 학습

첫 퀴즈 완료 후 열림

첫 퀴즈 시작하기
나중에 둘러보기

[화면 개요 및 목적]

가입 완료 직후 첫 문제 풀이로 이어지는 유일한 주요 행동을 제시합니다. 제안서의 온보딩 연결 전략을 시각화하며 데모 1단계에서 확인합니다.

[핵심 기능 로직]

기존 React Native 가입 완료 화면에 첫 퀴즈 CTA를 연결하고, 계정 상태에 따라 시작 가능과 준비 중을 구분합니다.

  • 가입 후 이탈 감소
    React Native 화면 연결
신규 학습자 | 화면 02

학습 홈

안녕하세요, 새 학습자님
오늘의 학습
첫 퀴즈부터
시작해요
3분 · 5문항 · 별 20개
첫 퀴즈 풀기
이어하기

기초 상식 · 2/5문항

오늘의 학습 기록

완료 1개 · 획득 별 20개

광고

학습을 마친 뒤 살펴볼 혜택

홈 학습 리워드 내 정보

[화면 개요 및 목적]

홈의 첫 퀴즈와 이어하기를 먼저 보여주고 광고를 독립 영역에 둡니다. 제안서의 학습 화면·광고 조정 전략은 데모 2·4단계에 연결됩니다.

[핵심 기능 로직]

기존 홈 컴포넌트에 퀴즈 진입 CTA와 진행 상태를 반영합니다. 광고 영역은 학습 카드와 시각적으로 분리해 핵심 버튼을 가리지 않습니다.

  • 학습 행동 우선
    기존 홈 컴포넌트
신규 학습자 | 화면 03

퀴즈 풀이

첫 퀴즈 · 1/5
기초 상식
지구에서 가장
가까운 별은?
정답 하나를 선택해 주세요.
① 달
② 태양
③ 금성
정답이에요!

별 20개를 받았어요.

다음 문제로
문제 풀이 중 광고 미노출

[화면 개요 및 목적]

질문, 답변, 정답 확인, 다음 학습의 위계를 한 화면에 담습니다. 제안서의 첫 문제 완료 기준은 데모 3·4단계에서 확인합니다.

[핵심 기능 로직]

기존 퀴즈 API의 문제·선택지·정답 피드백 데이터를 재사용하고 iOS·Android에서 선택 상태와 터치 영역을 검수합니다.

  • 정답 상태 즉시 확인
    기존 퀴즈 API
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]

        시나리오

        | 화면 01

        [화면 개요 및 목적]

        [핵심 기능 로직]

          | 화면 02

          [화면 개요 및 목적]

          [핵심 기능 로직]

            | 화면 03

            [화면 개요 및 목적]

            [핵심 기능 로직]