通常プラン(講師・管理者)
Before(現行)
After ワイドタッチ型
エンタープライズプラン
Before(現行)
After ワイドタッチ型
受講生
Before(現行)
After ワイドタッチ型
受講生コース画面
Before / After 比較を見る(実際の画面レイアウト) →
スマホ表示プレビュー
受講生 ワイドタッチ型
375 x 812
あなたのコミュニティ
TECH PLUS 3コース
プログラミング体験
TECH PLUS 実践マーケティング
営業
テックリーダーズ 11コース
フリーエンジニア養成コース1
オンクラス社員研修 32コース
オンクラス社員教育2
月次報告と経営方針1
(株) オンラインクラス 1コース
(株) 後楽 1コース
通知バッジ仕様の明文化

バッジの種類と意味を統一ルール化。色/形/数字の使い分けを定義し、UI全体で一貫させます。
上のサイドバーデザインでも、この仕様に従ってバッジを配置しています(テックリーダーズの「要対応数」バッジ・テンプレート構築の「NEW」バッジ)。

種別
見た目
意味
利用例
要対応数
3
ユーザーのアクションが必要な件数
未承認の申込・未返信の質問
新機能
NEW
初回リリースから30日間のみ表示
テンプレート構築・AI機能
階層ルール
3 = 2 + 1
コミュニティバッジ = 配下コースバッジの合計
各コース名の右横にも個別バッジを表示し、どのコースに対応が必要か一目で判別可能に
オンクラス社員研修3
├ オンクラス社員教育2
└ 月次報告と経営方針1
使い分けの原則: 数字が意味を持つ(対応が必要)ときだけ赤丸+数字。新機能は期間限定(30日)のみNEW表示し、常時表示はしない。
階層ルール: 1コミュニティに複数コースがある場合、コミュニティのバッジは「配下コースの要対応数の合計」を表示し、コースごとにも個別バッジを出すことで、どのコースに対応が必要かを開かずに判別できるようにする。