← 提案についてに戻る

B案：ダッシュボード

志望校登録機能提案書

過去問学習に、やる気と見通しを与える

作成日: 2024-12-26

方針

新規ダッシュボードページを作成し、ユーザーの学習状況を一目で把握できるホーム画面を提供する。

各USのACを満たすUIパーツを先に設計し、最後にそれらをどう配置・構成するかを決定する。

設計アプローチ

パーツを先に作る: 各USのACを満たすUIパーツを設計する
最後に配置を決める: 全パーツが出揃ったら、それをどう構成するかを決定
- マイリストを拡張してトップに持ってくるのか
- ダッシュボードは別ページとして新規作成し、マイリストへのショートカットを並べるのか

パーツカタログ

パーツ1-A: ステータス記録UI

役割	問題を解いた直後に、今後の対応方針を記録する
表示要素	◯△✕ボタン、メモ入力欄
配置場所	解答・解説画面
A案との差分	なし（同一）

┌─────────────────────────────────────────┐ │ この問題どうだった？ │ │ │ │ [◯] [△] [✕] │ │ │ │ メモ（任意）: │ │ ┌─────────────────────────────────────┐ │ │ │ (3)の積分、置換のパターン復習 │ │ │ └─────────────────────────────────────┘ │ └─────────────────────────────────────────┘

パーツ1-B: 復習リストカード

役割	「勉強すればできそう」な問題（△）を一覧表示し、次のアクションを促す
表示要素	△ステータスの問題リスト、メモ、問題へのリンク
配置場所	ダッシュボード
A案との差分	A案はマイリストでフィルター操作が必要。B案はトップに常時表示

┌─────────────────────────────────────────┐ │ △ 復習リスト（5問） [すべて見る] │ ├─────────────────────────────────────────┤ │ △ 北海道大学 2025 数学大問2 → │ │ 💬 「(3)の積分、置換パターン」 │ ├─────────────────────────────────────────┤ │ △ 明治大学 2025 英語大問3 → │ │ 💬 「長文の構造把握」 │ └─────────────────────────────────────────┘

パーツ1-C: ステータス集計サマリー

役割	全体の学習状況を数値で俯瞰する
表示要素	解答済み総数、◯△✕の件数
配置場所	ダッシュボード（ヘッダー部分 or サマリーエリア）
A案との差分	A案にはない。B案で追加

┌─────────────────────────────────────────┐ │ 解答済み 37問 │ │ ◯ 15問 △ 17問 ✕ 5問 │ └─────────────────────────────────────────┘

パーツ2-A: 志望校進捗カード（ビジュアル表現）

役割	志望校ごとの全体進捗をビジュアルで俯瞰する
表示要素	大学名、解答数/全問数、◯△✕の比率（グラフ）、詳細リンク
配置場所	ダッシュボード
A案との差分	A案はマイリストでフィルター＋グルーピング。B案はトップにビジュアル表示

ビジュアル表現のバリエーション

パターン	特徴	インパクト	実装コスト
1. 積み上げプログレスバー	シンプル、比率が直感的	◯	低
2. ミニドーナツチャート	視覚的インパクト強め	◎	中
3. タイル/セル方式（GitHub風）	埋まっていく達成感	◎	中
4. 科目別棒グラフ	大学間比較に強い	◯	中

パーツ3-A: 多機能志望校カード

役割	志望校の存在感、進捗俯瞰、過去問アクセス、パスナビリンクを1つのカードで実現
表示要素	大学名、プログレスバー、解答数、[解く]ボタン、[パスナビ]ドロップダウン
配置場所	ダッシュボード上部
A案との差分	A案は志望校タブ＋マイリスト大学タブで分散。B案は1つのカードに統合
対応US	US-2, US-3, US-4, US-5

┌─────────────────┐ │ 北海道大学 │ ← 大学名が目立つ（US-5） │ ━━━━━━░░░░░░░░ │ ← 進捗バー（US-2,4） │ 12/40問 │ │[解く][パスナビ▼]│ ← アクセス導線（US-3） └─────────────────┘

パーツ6-A: ノーデータ状態UI

役割	未登録・未着手状態のユーザーに次のアクションを明確に示す
表示要素	メリット訴求、CTA、遷移誘導
配置場所	ダッシュボード各セクション
A案との差分	A案はシンプルなCTA。B案はメリット訴求を含む丁寧なガイド

┌─────────────────────────────────────────────────┐ │ 🎯 あなたの志望校 │ │ ┌─────────────────────────────────────────────┐ │ │ │ まずは志望校を登録しましょう │ │ │ │ │ │ │ │ 志望校を登録すると... │ │ │ │ ・過去問への素早いアクセス │ │ │ │ ・進捗の可視化 │ │ │ │ ・パスナビ情報へのリンク │ │ │ │ │ │ │ │ [志望校を登録する] │ │ │ └─────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────┘

パーツ9-A: 共通テストバナー

役割	共通テスト過去問への最短アクセスを提供
表示要素	「共通テスト」ラベル、年度選択、科目へのリンク
配置場所	ダッシュボード上部（時期により）、フッターナビ、大学検索画面など
A案との差分	A案は大学検索にバナー。B案は複数箇所に再利用可能なコンポーネント

共通テスト直後は最上部に大きく配置する動的表示も可能。

ダッシュボード全体構成案（暫定）

US-1〜US-9を見越した暫定デザイン案。今後のディスカッションでブラッシュアップしていく。

┌─────────────────────────────────────────────────────┐ │ 入試正解デジタル [通知][User]│ ├─────────────────────────────────────────────────────┤ │ │ │ 🎯 あなたの志望校 [編集][+追加]│ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │ │ │ 北海道大学 │ │ 明治大学 │ │ 日本大学 │ │ │ │ ━━━━━━░░░░ │ │ ━━░░░░░░░░ │ │ ░░░░░░░░░░ │ │ │ │ 12/40問 │ │ 3/32問 │ │ 0/28問 │ │ │ │[解く][ナビ▼]│ │[解く][ナビ▼]│ │[解く][ナビ▼]│ │ │ └─────────────┘ └─────────────┘ └─────────────┘ │ │ 10校中3校表示 [すべて]│ │ │ ├─────────────────────────────────────────────────────┤ │ │ │ △ 復習リスト（5問） [すべて] │ │ ┌─────────────────────────────────────────────────┐ │ │ │ △ 北海道大学 2025 数学大問2 → │ │ │ │ 💬「(3)の積分、置換パターン」 │ │ │ ├─────────────────────────────────────────────────┤ │ │ │ △ 明治大学 2025 英語大問3 → │ │ │ └─────────────────────────────────────────────────┘ │ │ │ ├─────────────────────────────────────────────────────┤ │ │ │ 📚 最近解いた問題 [すべて] │ │ ┌─────────────────────────────────────────────────┐ │ │ │ 今日 12/26 │ │ │ │ ◯ 北海道大学 2025 数学大問1 → │ │ │ │ △ 北海道大学 2025 数学大問2 → │ │ │ ├─────────────────────────────────────────────────┤ │ │ │ 昨日 12/25 │ │ │ │ ◯ 明治大学 2025 英語大問1 → │ │ │ └─────────────────────────────────────────────────┘ │ │ │ ├─────────────────────────────────────────────────────┤ │ [大学から探す] [分野から探す] [おすすめ問題セット] │ └─────────────────────────────────────────────────────┘

構成要素とUS対応

セクション	対応US	役割
志望校カード	US-2, 3, 4, 5	俯瞰、アクセス、赤本効果、パスナビ
復習リスト	US-1, 8	△問題の消化促進
最近解いた問題	US-4	やる気（積み上げ実感）
フッターナビ	US-3, 9	既存機能への導線、共通テストへの導線

A案との差分

観点	A案	B案
トップページ	大学検索（既存）	ダッシュボード（新規）
マイリスト	拡張して活用	A案の機能を維持＋ショートカット追加
進捗確認	マイリストで確認	ダッシュボードで即確認
動機づけ	控えめ	ビジュアル重視、達成感演出
志望校の存在感	タブ切り替えが必要	トップに常時表示
復習リストへのアクセス	マイリスト → フィルター操作（2-3クリック）	トップに常時表示（0クリック）

US-10 & US-11: 将来検討

US-10: 目標設定と期限意識

将来検討。ROIに合わなそう。

課題	内容
試験日の自動取得	マスターデータを持っていない
自分で日付登録	このアプリが持つべき機能か疑問
ROI	開発コストに対してユーザー価値が見合わない可能性

US-11: 時期に応じた問題の提示

将来検討。単元データ整備が前提。

課題	内容
単元データ	歯抜けになる課題がある
時期判定	現役生が大学単位で過去問を解くのは秋以降
おすすめロジック	時期に応じた出し分けは新規開発が必要

B案まとめ

パーツ一覧

パーツID	パーツ名	対応US	配置場所
1-A	ステータス記録UI	US-1	解答・解説画面
1-B	復習リストカード	US-1, 8	ダッシュボード
1-C	ステータス集計サマリー	US-1	ダッシュボード
2-A	志望校進捗カード	US-2	ダッシュボード
2-B	志望校詳細ビュー	US-2	マイリスト
3-A	多機能志望校カード	US-2, 3, 4, 5	ダッシュボード
6-A	ノーデータ状態UI	US-6	ダッシュボード各セクション
9-A	共通テストバナー	US-9	ダッシュボード、フッターナビ等

実装するもの

US	内容	実装箇所
US-1	ステータス（◯△✕）＋メモ	解答・解説画面、ダッシュボード
US-2	志望校進捗カード（ビジュアル）	ダッシュボード
US-3	多機能志望校カード	ダッシュボード
US-4	プログレスバー、最近解いた問題	ダッシュボード
US-5	志望校カードを最上部に配置	ダッシュボード
US-6	ノーデータ状態UI、メリット訴求	ダッシュボード各セクション
US-7	志望校編集・追加導線	ダッシュボード、マイリスト
US-8	復習リスト（トップに常時表示）	ダッシュボード
US-9	共通テストバナー（複数箇所）	ダッシュボード、フッターナビ