受講生側 残りプロトタイプ 8件

コミュニティ / テスト結果 / 通知 / マイページ / パスリセ / 招待エラー / 期限切れ / マイリスト空状態

← メインプロトタイプへ戻る ｜ 講師側プロトタイプへ →

High1. コミュニティインデックスページ（404解消）

Issue #4: 現状 `/communities` は404。ヘッダーの「コミュニティ」ボタンが機能しない。

Before: 404エラー
⚠️
該当のページが見つかりません
URL: /communities
ヘッダー上の「コミュニティ」ボタンをクリックしても404。壊れているように見える。
After: コミュニティ一覧
👥 コミュニティ👤
ホーム › コミュニティ
所属コミュニティ（3）
TECH PLUS 新着 5
前回更新: 昨日 · 受講生 152名
オンクラス社員研修
前回更新: 3日前 · 受講生 24名
株式会社後楽
前回更新: 1週間前 · 受講生 8名
改善: 404を解消し、所属コミュニティの一覧を表示。新着バッジで更新確認を促す。

Medium2. テスト結果フィードバック画面

現状: テスト採点後に正解/不正解しか出ない。なぜ不正解かがわからない。

Before: 合否のみ
✗ 不正解
正解: 3/5
どの問題が間違っていたか、なぜ間違ったかが不明。復習できない。
After: 問題別フィードバック
テスト結果 3/5 正解 (60%)
問1. 正解
次のうち正しいのは...
問2. 不正解
あなたの回答: B / 正解: A
💡 解説: Aが正解です。理由は...
🎥 関連動画を見直す
改善: 問題ごとに正解/不正解 + 解説 + 関連動画リンクで復習誘導。

Medium3. 通知ページ（未読/既読区別）

現状: 通知がすべて同じ見た目。既読・未読の区別なし。

Before: 区別なし
お知らせ👤
講師からコメント 2日前
新しいブロック公開 3日前
メンテのお知らせ 5日前
コメント 1週間前
どれが新しい？ どれを既に読んだ？
After: 未読強調 + アクション
📢 お知らせ 3 未読👤
未読 講師からコメント
Sample① 第1章 への感想に返信 · 2時間前
未読 新ブロック公開
Sample① 第2章 · 昨日
メンテのお知らせ
5日前
改善: 未読は青背景+未読バッジ+太字。各通知に対応アクションボタン。

Medium4. マイページ（コース導線追加）

現状: マイページはプロフィール情報のみ。学習状況やコースへの導線がない。

Before: プロフィールのみ
マイページ👤
名前: 田中太郎
メール: tanaka@example.com
登録日: 2025-10-01
ここから学習に戻る導線がなく、行き止まり感。
After: 学習ハブ
👤 マイページ▾
田中太郎
登録 2025-10-01 · 受講 6ヶ月
📊 学習統計
24
完了ブロック
12h
視聴時間
7
連続日数
📚 受講中コース
Sample① →
進捗 40%
⚙️ アカウント設定
改善: 学習統計 + 受講中コースリンクを追加。マイページが「学習ハブ」として機能する。

Medium5. パスワードリセット画面（ヘッダー・戻り導線）

現状: リセットフォームが孤立。ヘッダーなし、ログインに戻るリンクなし。

Before: 孤立フォーム
パスワードをリセット
ヘッダーなし、ロゴなし、戻るリンクなし。別サイトに来たような不安感。
After: 統一ヘッダー + ガイダンス
オンクラス
← ログインに戻る
🔑 パスワードをリセット

ご登録のメールアドレスを入力してください。リセット手順をお送りします。

💡 メールが届かない場合は迷惑メールフォルダもご確認ください。
お困りの方はお問い合わせ
改善: ヘッダー + 戻るリンク + autocomplete + 送信後ガイダンス + お問い合わせ導線。

Medium6. 招待URL無効時のエラー画面

Issue #2 (project): 招待URLのkeyが無効/期限切れでもフォームが表示される。

Before: エラーなく進める
URL: /users/invitations?key=INVALID
新規登録フォーム
無効なkeyでもフォーム表示 → 登録はできるがコースに紐付かない幽霊アカウント。
After: 明確なエラーメッセージ
オンクラス
⚠️
この招待URLは無効です
URLの有効期限が切れているか、URLが正しくない可能性があります。
対処方法:
  1. 講座担当者に新しい招待URLを依頼
  2. 既にアカウントをお持ちの方はこちらからログイン
  3. それでも解決しない場合はお問い合わせ
改善: 無効keyを検知しエラー画面を表示。次の対処法を3つ明示。

Medium7. 受講期限切れバナー

現状: 期限切れコースに入ると小さなスナックバーが瞬間表示されるだけ。

Before: スナックバー瞬間表示
コース表示中
コンテンツ表示中...
受講期限が過ぎています
3秒で消える。続けて動画再生しても無反応で故障のよう。
After: 常時バナー + 延長導線
コース表示中
⏰ 受講期限が過ぎています
このコースの受講期限は 2026-03-31 でした。
視聴や進捗保存はできません。
担当者に連絡
ブロック1（閲覧のみ）
改善: 常時バナーで状態を明示。延長リクエスト・担当者連絡ボタン配置。

Medium8. マイリスト空状態ガイダンス

現状: ブックマーク未登録時は白紙。使い方がわからない。

Before: 白紙
（何も表示されない）
「この機能は何？」「使い方は？」がまったくわからない。
After: オンボーディング
📌
マイリストは空です
気になるブロックを保存しておくと、ここから後で簡単に見返すことができます。

使い方:
1. 動画視聴中に「📌 マイリストに追加」ボタンをタップ
2. このページに一覧が追加されます
3. いつでも「再生」で続きから視聴
改善: 空状態に「機能説明+使い方3ステップ+CTA」を表示。原則3（次のアクション提示）。