Skip to content

UI情報設計(機能再分類)

1. 再分類の方針

機能名ではなく、利用者の行動順で分類する。

  1. 配信準備
  2. 試合中
  3. 試合後分析
  4. 保守・詳細設定

2. 画面グルーピング案

配信準備

  • プロファイル確認
  • ログ監視対象の確認
  • オーバーレイ表示準備
  • Browser Automation準備(必要時)

試合中

  • ログ監視状態
  • BPウィンドウ状態
  • 重要トグル(表示/非表示、BPのみ表示設定)

試合後分析

  • DB閲覧
  • プレイヤーダッシュボード
  • ログ解析結果確認

保守・詳細設定

  • 高度設定
  • デバッグ機能
  • リセット系操作

3. 設定の段階化

基本設定(初期表示)

  • 利用開始に必要な最小項目のみ
  • 説明テキストを短く明示

詳細設定(折りたたみ)

  • デバッグモード
  • 高度な動作モード
  • 運用者向け調整項目

4. UIコンポーネント案

  • ホーム導線カード
    • 「配信準備を始める」
    • 「試合監視を開始する」
    • 「試合後分析を見る」
  • 共通ステータスバー
    • 監視状態/BP表示/自動化状態を常時表示
  • 運用フェーズ進行表示
    • 「配信準備 → 試合中 → 試合後分析」の現在地を常時表示
  • 文脈ヘルプ
    • 各セクションに1文の説明を配置
    • 次アクションをボタンで提示(設定へ戻る/使い方を開く など)
  • 補助UIの表示切替
    • クイックアクション/フェーズ表示/ステータス/文脈ヘルプを一括で非表示にできる
    • 解析系タブでは自動非表示にするオプションを持つ
    • タブごと表示状態の記憶、無操作時自動非表示に対応する
  • 手動確認チェックリスト
    • 主要フローと回帰確認を画面内でチェック可能
    • 完了状態をローカル保存し、作業再開時に復元できる