カリキュラム管理リデザイン候補

「動画レッスン1本ごとの状況がパッと見で分かる」を目指した3つのデザイン候補です。

① レッスン（動画）ごとの完了人数・未完了人数が一覧で見えない（モジュール詳細に入らないと分からない）／② 階層が深く、3クリックでようやく動画レッスンに辿り着く／③ 視認性が低くスタッフの編集意欲が下がる。

CANDIDATE A

インラインアウトライン（推奨）

既存の階層（グループ→モジュール→ステップ）を維持しつつ、ステップを常時展開表示。各動画のサムネイル・所要時間・完了人数が一目で見えるようになります。既存のドラッグ&ドロップ・公開トグルもそのまま使えます。

メリット ・既存設計を活かせる（学習コスト最小）
・階層がそのまま視認できる
・ドラッグ&ドロップ・トグルが活きる
・実装の追加ロードが小さい

注意点 ・レッスン数が多くなると縦に長くなる（折り畳み機能で緩和）
・グループ間の比較はしにくい（順番に見る前提）

PUBLISHED

DRAFTS

87%

AVG. COMPLETION

2:48:30

TOTAL DURATION

⋮⋮ ▾ 📁 1. はじめに公開中・モジュール 1件

⋮⋮ ▾ 📦 オリエンテーションレッスン 2件・完了率 38%

⋮⋮ ▶ 動画

12:34

第1話オリエンテーション

✓ 完了 30名 ○ 未完了 9名合計 39名中

77%

⋮⋮ ▶ 動画

15:20

第2話サイトの使い方

✓ 完了 0名 ○ 未完了 39名

+ レッスンを追加

⋮⋮ ▾ 📁 2. アンティークコイン公開中・モジュール 0件

+ モジュールを追加

CANDIDATE B

全レッスンを 1つの表に並べる。スプレッドシートのようにソート・フィルタが可能で、完了率の比較や「未完了が多いレッスン」探しが直感的にできます。

メリット ・全レッスンが1画面で比較できる
・完了率順・所要時間順でソート可能
・グループ・モジュールでフィルタ可能
・大量のレッスンでも管理しやすい

注意点 ・階層構造が見えにくい（モジュール内の順番把握はやや困難）
・グループ・モジュール自体の管理は別パネルに移動
・既存のUIから印象が大きく変わる

※ グループ・モジュール自体の編集（並び替え等）は、画面右上の「グループ管理」ボタンから別パネルで行います。

CANDIDATE C

左にグループ・モジュールのツリー、右に選択中の階層の詳細とレッスン一覧を表示。ファイルエクスプローラーのような操作感で、特定のグループに集中して作業しやすい。

メリット ・選択中の領域に集中できる（情報過多にならない）
・横に長い情報も表示できる
・サイドバーでツリー全体を俯瞰可能

注意点 ・モバイルでは2ペインを切り替える形になる
・初見で「どこを見ればいいか」迷うかも
・実装が比較的重い

2レッスン 27:54合計 38%平均完了率

#	サムネ	レッスン	完了 / 未完了	公開	操作
1	12:34	第1話オリエンテーション	30 / 9
2	15:20	第2話サイトの使い方	0 / 39

+ レッスンを追加