ココフォリア部屋の情報設計｜操作負荷・表示期間・失敗時の戻り方を見直す
上級者向けの部屋作りは、装飾を増やすことだけではありません。表示する情報、場面切り替え、操作回数、失敗時の戻り方まで考えると、GMが進行中に扱いやすい部屋になります。
この記事では、見た目の評価だけでは分からない「情報設計」と「操作負荷」を扱います。
部屋を4層に分ける
盤面にある要素を、次の4層へ分けます。
常設層：全場面で残す情報
場面層：特定のシーンに紐づく情報
一時層：短時間だけ見せる演出
操作層：GMが切り替えに使うボタンや一覧
常設層には共通メモやタイトル、場面層には証拠や戦闘装飾、一時層にはカットインや警告、操作層にはシーン一覧やクリックアクションが該当します。
同じ画像が複数の層を兼ねると、残すべきか消すべきか曖昧になります。
表示期間から機能を選ぶ
画像の見た目ではなく、必要な期間から配置先を決めます。
| 必要な期間 | 主な候補 |
|---|---|
| 全場面で常設 | スクリーンパネル |
| シーンごとの画面の土台 | 背景、前景、シーン設定 |
| ひとつのシーンだけ | マーカーパネル、シーン設定 |
| 数秒から数十秒 | カットイン、APNG、一時表示 |
| 操作時のみ | クリックアクション、GM用メモ |
この分類により、「次のシーンへ不要な画像が残る」「共通UIを場面ごとに作り直す」といった問題を減らせます。
情報の優先順位を先に決める
盤面に置く前に、情報を3段階へ分けます。
優先度A：進行に必要
現在地、場面名、マップ、判定対象、主要な証拠などです。装飾に隠れない位置へ置きます。
優先度B：必要なときに参照
NPC一覧、補足資料、共通ルール、過去の情報などです。常時大きく表示する必要がなければ、画面端や切替可能な場所へ置きます。
優先度C：雰囲気や演出
霧、ノイズ、光、装飾枠などです。優先度AとBを読める状態にしてから追加します。
優先度は、参加者が何を理解したかを断定するものではありません。GMが提示する情報の役割を整理するための分類です。
追加する前に「何を置き換えるか」を決める
要素を増やすだけでは、画面密度が上がります。
新しい証拠カードを出すなら、古いカードを小さくする、別シーンへ移す、一覧へまとめるなど、画面から何を減らすかも決めます。
場面転換は「新しいものを表示する操作」だけでなく、「前の場面の情報を片付ける操作」として設計します。
1回の場面転換に必要な操作を数える
探索から戦闘へ移るとき、次の操作が必要だとします。
背景を変更
BGMを停止
戦闘BGMを再生
証拠カードを非表示
警告枠を表示
戦闘マップを表示
6操作を毎回手動で行うなら、シーン機能へまとめられないか検討します。
操作回数が少ないほど常に優れているわけではありません。まとめた結果、誤操作時の影響が大きくなる場合もあります。重要なのは、操作数と復旧しやすさの両方を把握することです。
ケーススタディ：探索から戦闘への切り替え
以下は監査方法を示すための例であり、すべての部屋に共通する合格基準ではありません。
変更前
背景変更、探索BGM停止、戦闘BGM再生、証拠カード非表示、警告枠表示、戦闘マップ表示の6操作でした。誤操作後は、逆の手順を5操作行う必要がありました。
変更後
背景、戦闘BGM、戦闘用マーカーパネルを戦闘シーンへまとめ、変更操作を「戦闘シーン反映」の1回にしました。反映後は、「共通メモ位置の確認」を1項目として行います。誤反映後は探索シーンを1回反映して戻せます。
採否
操作数は減りましたが、シーン反映で複数要素が同時に変わるため影響範囲は広がりました。本番順と逆方向の両方をテストし、戻り先が明確だったため、この例では変更後を採用します。
改善記録テンプレート
対象の場面転換：
変更前の操作：
変更前の操作数：
変更前の確認項目数：
変更前の復旧操作数：
変更内容：
変更後の操作：
変更後の操作数：
変更後の確認項目数：
変更後の復旧操作数：
影響を受けるシーン・共通UI：
実機テスト結果：
採用／不採用と理由：
未確認事項：
シーンは「状態」として設計する
シーン名を物語上の章だけで付けると、盤面状態が分かりにくいことがあります。
02_探索_通常
02b_探索_停電
03_対峙_警告
03b_対峙_戦闘
場面名に状態を加えると、似た背景を使うシーンでも違いを判別できます。
シーンを増やしすぎる場合は、差分が背景、BGM、マーカーパネルのどれなのか確認します。手動で1要素だけ変えたほうが安全な場面もあります。
常設UIを小さく保つ
スクリーンパネルはシーンをまたいで残るため、共通UIに向いています。しかし、大きな常設UIは、どの場面でも表示領域を使い続けます。
常設するのは、全場面で本当に必要なものに絞ります。
小さなタイトル
共通メモへの入口
操作ボタン
常時参照する地図
場面固有の情報はマーカーパネルや別シーンへ移します。
動く素材は目的で制限する
APNGやループ演出は、画面へ変化を加えます。ただし、複数の要素を常時動かすと、重要な変化と背景演出の区別がつきにくくなります。
動きを次の3種類へ分けます。
状態通知：警告、異常、戦闘開始
場面演出：霧、走査線、光
装飾：常時動く小さな効果
優先するのは状態通知です。場面演出と装飾は、文字や立ち絵を覆わず、端末上で安定して表示できる範囲へ減らします。
画面サイズを変えて検品する
制作時の大きな画面だけでなく、ブラウザ幅を狭めた状態でも確認します。
見る項目は次のとおりです。
主要な見出しが判別できる
文字と背景の明るさが近すぎない
立ち絵と情報欄が重ならない
画面端のUIが切れていない
動く素材が主要情報を覆わない
表示結果を観察することと、参加者の理解や感情を推測することは分けます。
操作層は参加者向け表示と分ける
GMが使う操作ボタンやメモは、参加者へ提示する情報とは目的が違います。
クリックアクションを使う場合は、操作用パネルであることを見た目と名前で区別します。似た色・形のボタンへ異なる操作を割り当てると、選択ミスが起きやすくなります。
使用頻度が低い操作は、盤面へ常設せずシーン一覧や手元の操作メモへ残す方法もあります。
失敗時の戻り方を設計する
上級設計で重要なのは、正常時の短さだけではありません。
各操作について、次を決めます。
誤ったシーンを反映したらどこへ戻るか
BGMが止まらなければどの操作を使うか
不要なパネルが残ったら何を非表示にするか
APNGが重ければ静止版へどう切り替えるか
ルームが壊れた場合にどのバックアップを使うか
静止フォールバックを用意すると、動作素材が使いにくい環境でも場面の情報を保てます。
改善に使える3つの観測値
複雑な分析をしなくても、次の3つを記録できます。
場面転換の操作数
主要な場面切り替えに何操作必要かを数えます。
復旧にかかる操作数
誤ったシーンやBGMから戻るための操作数を数えます。
本番前に見つかった重なり不良
文字、立ち絵、パネル、演出が意図せず重なる箇所を記録します。
これらは売上や参加者の満足度を保証する指標ではありません。部屋の運用負荷を比較するための観測値です。
上級者向け監査表
| 項目 | 確認 |
|---|---:|
| 常設・場面・一時・操作の4層に分けた | □ |
| 優先度Aの情報を装飾が覆っていない | □ |
| 場面転換時に消す要素を決めた | □ |
| 主要な場面転換の操作数を数えた | □ |
| シーン名から盤面状態が分かる | □ |
| 常設UIを必要最小限にした | □ |
| APNGの目的と静止版を確認した | □ |
| 狭い画面でも表示を確認した | □ |
| 誤操作後の戻り方を決めた | □ |
| 採用版のバックアップを復元できる | □ |
公式情報
確認日：2026年7月21日。画面や仕様は更新される可能性があります。
