【設計】アプリ/Web

Goal Map -PRD|ゴールから逆算する学習進捗管理アプリの企画・設計

2024.11.07

このプロダクトのフェーズ別に整理した関連記事です(無い場合はグレー表示)

PRD記事MVP実装記事改善記事

01. プロジェクト概要

  • プロジェクト名:Goal Map
  • ジャンル:学習進捗管理 / 資格学習支援 / ロードマップ管理
  • 対象:資格取得、受験、就職活動など、明確なゴールに向けて継続的に行動する人
  • 主な利用シーン:資格試験日や就職活動の期限から逆算し、学習計画・進捗・理解度を管理する場面
  • 開発環境・使用技術:画面モック作成、競合分析、WordPress掲載用記事化 ※具体ツールは要確認
  • 担当:企画、課題整理、競合分析、UI/UX設計、画面モック作成、開発フェーズ設計

02. はじめに

今回のアプリは前段の紹介がありましたね。

受験、就職、資格取得など、人生のターニングポイントにおいて真剣度が高い悩みに対して、ゴールからの逆算思考の手助けができないだろうか?

当ページのプランニング背景は、以下の別ページに記載します。

当ページのプランニング背景

本記事では、ゴールから逆算して学習計画を立て、日々の進捗や理解度を管理するアプリ「Goal Map」のPRDとして、企画背景、解決したい課題、プロダクトコンセプト、主要機能、UI/UX設計の意図を整理します。

単に学習時間を記録するアプリではなく、「目標までの現在地を把握し、次に取るべき行動を判断しやすくすること」を重視して企画しました。

03. 背景と課題

資格取得や受験、就職活動のように、期限と目標が明確な取り組みでは、ゴールから逆算して行動計画を立てることが重要になります。

一方で、独学や忙しい日々の中では、計画を立てても継続できなかったり、進捗の遅れに気づくのが遅れたりする課題があります。特に資格学習では、学習範囲が広く、復習や理解度確認も必要になるため、単に「勉強時間を記録する」だけでは、目標達成に向けて何が不足しているのかが見えづらくなります。

そこで、学習者が自分の現在地を把握し、計画と実績のズレを確認しながら、次に取るべき行動を判断しやすくする仕組みが必要だと考えました。

04. 解決したい課題

  • 進捗が見えず、不安が募る:自分がどこまで学習できているのか、どこが不足しているのかを把握しづらい。
  • 計画と実績の差が大きくなる:計画を立てても現実の進捗とズレが生じ、途中で見直せないまま挫折につながる。
  • 理解不足に気づきにくい:学習量をこなすことに意識が向き、苦手分野や復習すべき箇所が放置されやすい。

Goal Mapでは、これらの課題に対して「ロードマップ化」「進捗可視化」「計画見直し」「理解度の把握」という観点から解決策を整理しました。

05. プロダクトコンセプト

Goal Mapは、資格取得などの明確なゴールに向けて、学習計画・進捗・理解度を一元的に管理するロードマップ型の学習支援アプリです。

コンセプト:ゴールから逆算し、今やるべき学習を見える化する進捗管理アプリ

従来のタスク管理やスケジュール管理では、日々の予定は管理できても、最終ゴールに対して現在どの位置にいるのかを把握しづらい場合があります。

Goal Mapでは、ゴールまでの道筋を工程表のように可視化し、計画と実績の差分を確認できる体験を目指しました。学習者が「今どこにいるのか」「何が遅れているのか」「次に何を調整すべきか」を判断しやすくすることが、企画の中心です。

06. 想定ユーザーと利用シーン

  • メインユーザー:資格取得に向けて独学、または限られた時間で学習している社会人・学生
  • サブユーザー:受験、就職活動、スキル習得など、期限のある目標に向けて行動する人
  • 利用シーン:試験日から逆算して学習計画を作成し、日々の進捗・遅れ・理解度を確認する場面

特に、仕事や学校と並行して学習するユーザーにとっては、計画通りに進まないことも想定されます。そのため、最初に立てた計画を守ることだけでなく、状況に応じて見直しやすい体験を設計することを重視しました。

07. 提供価値

  • 目標達成までの現在地を可視化する:進捗バーや工程表によって、ゴールに対してどこまで進んでいるかを把握しやすくする。
  • 計画と実績のズレを把握する:予定通りに進んでいるか、どこに遅れがあるかを確認し、学習計画の見直しにつなげる。
  • 理解度に応じた復習につなげる:進捗だけでなく理解度も扱うことで、単なる消化型の学習ではなく、定着を意識した学習を支援する。

このプロダクトで提供したい価値は、学習量を管理することだけではありません。ゴールに対する距離感を把握し、ユーザー自身が次の行動を決めやすくなることを重視しています。

08. 主要機能

  • ゴール設定機能:資格試験日や目標達成日を設定し、逆算の起点を作る。
  • ロードマップ作成機能:学習範囲や工程を分解し、達成までの道筋を可視化する。
  • 進捗管理機能:日ごとの学習達成度や全体進捗を確認できるようにする。
  • 計画と実績のギャップ確認:予定と実際の進捗差を確認し、どこにリソースを割くべきか判断しやすくする。
  • 理解度チェック機能:苦手分野や復習対象を把握するための仕組み。現段階では構想として整理。
  • リマインダー・スケジュール調整機能:計画の遅れに応じて見直しを促す機能。現段階では構想として整理。

初期段階では、すべての機能を同時に作るのではなく、ゴール設定、工程作成、進捗入力、進捗確認に絞ることで、ロードマップ型の学習管理体験が成立するかを確認する方針です。

09. 体験フロー

資格取得・受験などのゴールを設定
  ↓
試験日・期限から逆算してロードマップを作成
  ↓
学習項目を工程として登録
  ↓
日々の進捗を入力・確認
  ↓
計画と実績の差分を把握
  ↓
必要に応じて復習・計画見直し
  ↓
ゴール達成に向けて学習を継続

このフローでは、ユーザーが「計画を作る」だけで終わらず、日々の実績を確認しながら計画を更新していく流れを想定しています。

10. UI/UX設計意図

ゴールから逆算して考えやすい構造

学習管理では、今日のタスクだけでなく、最終目標までの距離感を把握できることが重要です。そのため、Goal Mapでは「現在地」と「ゴール」の関係が視覚的に伝わるロードマップ型のUIを重視しました。

進捗が一目でわかる視覚化

進捗が見えない状態は、不安や挫折につながりやすくなります。進捗バー、工程表、達成度表示などを用いて、学習者が自分の前進を実感しやすい設計を目指しました。

計画と実績のズレを責めずに見直せる体験

計画通りに進まないこと自体は自然なことです。重要なのは、遅れを早期に把握し、現実に合わせて調整できることです。そのため、Goal Mapでは「遅れを可視化する」だけでなく、「次にどう直すか」につなげる体験を重視しました。

学習量だけでなく理解度も扱う設計

資格学習では、学習範囲を終えるだけでなく、理解できているかどうかが重要です。
今後の構想として、理解度チェックや復習提案を組み込み、進捗管理と学習定着をつなげる設計を検討しました。

11. 競合分析と課題整理

企画検討では、既存の学習管理アプリや進捗管理アプリを調査し、どのようなUIが使いやすいか、どの機能が学習継続に寄与するかを整理しました。

広告代理店でのコンペ、AWARD、営業受注などの経験を得てきた背景もありますね。市場分析をしながらBESTのUIを模索しています。

競合アプリの分析後は、機能検討のために課題を洗い出しました。単に機能を増やすのではなく、ユーザーが学習を継続するうえで何に困るのかを整理し、UI設計の優先順位を考えました。

12. 開発フェーズ設計

Goal Mapでは、最初からすべての機能を実装するのではなく、開発フェーズを分けて段階的に検証・拡張する方針で整理しました。

1st Phase – 基本機能の構築(3〜6ヶ月)

  • 工程線を引く、学習計画を登録するなど、ロードマップ管理の基本機能を構築する。
  • 最低限の機能で、ゴールから逆算する体験が成立するかを確認する。

2nd Phase – 機能の追加・拡張(12ヶ月)

  • 基本機能を拡張し、SaaSとしての機能を充実させる。
  • 計画修正、理解度管理、リマインダーなど、継続利用に必要な機能を検討する。

3rd Phase – 外販向けのUI/UX向上(24ヶ月)

  • 外部販売を視野に入れ、全体的なUI/UXの完成度を高める。
  • プロダクトとしての品質、操作性、拡張性を高める。

13. 画面モックと設計範囲

1st Phase|学習進捗のスケジュール計画

1st Phaseでは、学習進捗のスケジュール計画を中心に、最低限のロードマップ体験を確認する画面を作成しました。

工程表作成STEP

工程表を作成する流れを整理し、ユーザーがどの順番で入力・確認すればよいかを検討しました。

3rd Phase|学習進捗のスケジュール計画

3rd Phaseでは、外販や本格運用を見据え、より高度なUI/UXや機能拡張を想定した画面を検討しました。

14. 技術設計の考え方

本原稿の範囲では、実装済みの技術スタックは明記されていないため、技術設計は「今後の実装に向けた考え方」として整理します。

  • 初期段階:画面モックを用いて、ユーザー体験と主要機能の優先順位を検証する。
  • MVP段階:ゴール設定、工程作成、進捗入力、進捗確認に絞って最小構成を実装する。
  • 拡張段階:理解度チェック、復習提案、スケジュール自動調整、通知機能などを追加する。

初期MVPでは、機能数を増やすよりも、ユーザーが迷わずゴール設定から進捗確認まで進めることを重視します。そのうえで、検証結果に応じて理解度管理やリマインダーなどの拡張機能を追加する想定です。

15. 今後の展望

  • 資格学習だけでなく、受験、就職活動、スキル習得など複数の目標管理に展開する。
  • 計画と実績の差分をもとに、学習計画を自動で再調整する機能を検討する。
  • 理解度チェックや復習提案を追加し、学習の量だけでなく質も支援する。
  • ユーザーテストを行い、入力負荷や画面のわかりやすさを検証する。

16. まとめ

Goal Mapは、資格取得や受験、就職活動のような期限のある目標に対して、ゴールから逆算して行動計画を立てるための学習進捗管理アプリです。

本PRDでは、学習者が抱える「進捗が見えない」「計画と実績がズレる」「理解不足に気づきにくい」という課題に対し、ロードマップ型のUI、進捗可視化、計画見直し、理解度チェックという解決方針を整理しました。

この企画では、単に画面を作るのではなく、ユーザー課題の整理、競合分析、プロダクト価値の定義、開発フェーズ設計まで一貫して行いました。今後は、モックで整理した体験をもとに、MVPとして最小機能を実装・検証し、実際の学習者にとって継続しやすいプロダクトへ改善していくことが重要だと考えています。

このプロダクトのフェーズ別に整理した関連記事です(無い場合はグレー表示)

PRD記事MVP実装記事改善記事

旅とグルメが好きなUI/UXデザイナー

関連記事

目次