講座 / マイ講座一覧
講座 / マイ講座一覧
概要
ログイン中のユーザーが自分が入会している講座を一覧表示する画面。会員にとって日常の講座アクセス導線として使われる起点。
主な仕様:
- カード形式の一覧: 各講座をサムネイル・タイトル・講師情報・料金・契約状態を含むカードで表示
- ページング: 1 ページ 10 件
- 並び順: 既定の並び順(運用設定)。ユーザー側で並び替え UI はなし
- 遷移導線: カード押下で講座詳細画面、各カードの「契約内容の確認」ボタンで契約管理画面(講座 / 契約管理(会員視点))
主な使い方:
- 会員: 入会講座の確認 + 各講座への日常的なアクセス起点
- 講師: 自身が他の講座に「会員として」入会している場合、それらが本一覧に表示される
未読バッジの取り扱い:
マイ講座一覧画面では未読バッジを表示しない仕様。各講座の詳細画面に入って初めて、トーク・コンテンツの未読バッジが表示される(トーク / 未読管理 と整合)。CS で「他の講座の未読が一覧で見えない」と挙がる典型的な相談の根拠。複数講座を契約している会員は、未読の有無を確認するには各講座詳細画面を開く必要がある。
利用シナリオ
シナリオ 1: 会員が日常的にマイ講座一覧を開く
ログイン後にメニュー / mypage > 入会中の講座一覧を開くと、自身が入会している講座のカードが一覧表示される。各カードに講座のサムネイル・タイトル・講師情報・契約状態が表示され、目的の講座をタップすると詳細画面に遷移する。
シナリオ 2: 契約内容の確認 / 変更
各カードに「契約内容の確認」ボタンがあり、そこから契約管理画面(講座 / 契約管理(会員視点))に直接遷移できる。料金プラン変更や講座スコープのカード変更等を行いたいときの近道。
シナリオ 3: 仮解約状態の講座の確認
決済失敗等で仮解約状態になっている講座は、カード上のステータスでそれが分かる(「仮解約」「解約予約」「未契約」等)。仮解約状態の講座は復帰決済画面(講座 / 講座スコープのカード変更・仮解約復帰)への導線が表示される。
シナリオ 4: 同じ講座で複数契約を持つ場合
運用機能が有効な環境では、同じ講座に対して複数の契約を持つ会員の場合、契約ごとに別カードとして展開表示される(料金プラン名等で区別される)。
よくある失敗ケース
- 「他の講座の未読が一覧で見えない」: 仕様として一覧では未読バッジを集約していない(各講座の詳細画面に入って確認)
- 「契約終了した講座が消えない」: 契約満了直後は表示が残ることがある(次回一覧取得で除外される)
- 「並び順を変えたい」: ユーザー側の並び替え UI は未実装
利用可否(権限別)
講座権限軸
| 操作 | 非会員 | 会員 | サブ講師 | メイン講師 |
|---|---|---|---|---|
| 自身の入会講座一覧の閲覧 | (0 件表示) | ○ | ○ | ○ |
| 各講座への遷移 | — | ○ | ○ | ○ |
| 契約内容の確認導線 | — | ○ | ○ | ○ |
横断軸
| 操作 | 運営アドミン | テストユーザー | 投稿禁止 |
|---|---|---|---|
| 入会講座一覧 | (通常と同じ) | (通常と同じ) | (通常と同じ) |
| 他ユーザーの入会講座一覧の運営アドミン参照 | ×(運営アドミン専用経路は存在しない) | × | × |
機能詳細(ふるまい)
表示内容
カード形式の一覧で、各カードに以下の情報が表示される:
各カードに表示される情報:
- サムネイル画像
- 講座タイトル
- タグ
- 会員数(プラン設定で隠す可)
- 講師情報(アイコン / 肩書き / 名前)
- 料金プラン名(feature toggle)
- 料金
- 契約ステータス(活発 / 仮解約 / 解約予約 / 未契約)
- 入会中リボン
- 次回課金日 / 契約満了日
ページング
1 ページ 10 件で、ページャー UI で次ページ・前ページに切り替えできる。入会講座が多いユーザーでも段階的にロードされる。
並び順
既定の並び順(運用設定)で表示される。ユーザー側で並び順を変更する UI はなし。
契約内容の確認導線
各カードに「契約内容の確認」ボタンが表示され、押下すると契約管理画面(講座 / 契約管理(会員視点))に遷移する。料金プラン変更・カード切替・解約等の操作はそちらで実施。
複数契約状態
運用機能が有効な環境では、同じ講座に対して複数の契約を持つ会員の場合、契約ごとに別カードとして展開表示される:
- 1 講座 × 複数契約 → 契約ごとにカード(料金プラン名で区別)
- 各カードは独立した契約管理対象として遷移できる
通常運用では 1 講座 × 1 契約のため、ほとんどのユーザーは展開表示を見ることはない。
未読バッジ
- マイ講座一覧では未読バッジは表示しない
- 講座詳細画面のトークタブに入って初めて未読バッジが表示される(トーク / 未読管理 §講座一覧側へのロールアップは未実装 と整合)
関連ドキュメント
- 関連 PSD:
- 講座 / 講座概要ページ(会員ビュー) — 講座詳細(遷移先)
- 講座 / 契約管理(会員視点) — 契約管理(カード上のボタンから遷移)
- トーク / 未読管理 — トーク未読(講座一覧側へのロールアップは未実装)
- ユーザー / 全体の支払い履歴・支払い手段 — 全体支払い履歴