← 型録トップへ戻る

ARCHETYPE / WAYFINDING

イベント当日の
進行と会場案内

告知や集客のページではなく、会場にいる人が「いま何を見て、次にどこへ動くか」を決めるための型です。

ためした自主制作モック検証済み試作案内する
いまここ次へ

デモを開く →
設計の記録 →

運用主体

開催中の会場にいる来場者本人。スマホを片手に、立ったまま次の行動を判断します。当日スタッフの進行確認も許容します。

入力

現在地ゾーン、トラック・ジャンルの絞り込み、「いま進行中だけ」、気になるセッションや出店への★。

判断

現在時刻に動いているもの、次に始まるもの、目当ての場所、そこまでの方向と徒歩分数を組み合わせます。

最終成果物

現在線入りタイムテーブル、会場図、出店・ステージ一覧がつながった当日ビュー。任意で★の予定を紙に残します。

NOW / PLACE

現在時刻と、
現在地を重ねる。

時間だけのプログラム表でも、場所だけの地図でもありません。「13:20にBゾーンを出て、14:00のAゾーンへ向かう」という段取りまでを一面で支えます。

時間軸

13:20の現在線を基準に、済/進行中/まもなく/予定を導出する。

now
空間軸

Zone A〜Eと出店番号を模式図・一覧の両方で示す。

place
移動

現在地ゾーンから対象ゾーンへの方向と徒歩分数を出す。

move
予定

★を付けた項目だけを時刻順の当日予定へ変換する。

plan

SURFACE / TIMELINE

最初に見るのは、
現在時刻。

最初のviewportに開催概要や魅力の説明を置かず、今この場で使うタイムテーブルを置きます。

CSS Grid

desktopでは10分粒度の時刻行と4トラックを組み、セッションを開始・終了位置に置きます。

現在線

11:00からの分差を実時間オフセットにして、13:20を横断する線として表示します。

状態語

色だけに頼らず、済・進行中・まもなく・予定をセッション名の近くに出します。

mobile

4列を横スクロールさせず、現在→まもなく→このあと順の単一カラムへ畳みます。

SURFACE / MAP

地図は、
迷わせない模式図。

写真や装飾的なピンの集合ではなく、ゾーン、出店番号、現在地からの方向を読める会場図にします。mobileではSVGを隠し、ゾーンの定義リストへ切り替えます。

Zone A〜E

中央ステージ、手仕事小屋、かまど通り、小さな市場、休憩庭。

5 zones
現在地

ゾーンボタンから選び、対象までの方向・徒歩分数を更新する。

select
相互選択

セッション、ゾーン、出店行を同じIDで結び、ページ内の対応箇所を強調する。

linked
雨天時

屋外通路を短縮し、受付をAゾーン屋根下へ移す注意書きを持つ。

notice

案内する

入口の判断構造は「来てください」ではなく「いま・ここから次へどう進むか」。現在時刻と現在地の組み合わせが中心です。

営業状態

出店側には営業中、時間限定、完売、本日休止を持たせ、プログラムと別の状態軸として扱います。

印刷

気になる項目だけを、時刻順の当日予定とゾーン凡例へ変換します。操作部品は紙面に持ち込みません。

範囲外

チケット販売、事前予約、整理券、チェックイン、実際の混雑計測、リアルタイム通信は含めません。

EVIDENCE / SELF-MADE

この型の根拠

これは当日案内の情報設計を検証する自主制作モックです。実在イベントの運用実績や、実測した会場データを示すものではありません。

主たる検証例

北のつくり手市 2026 / 当日案内モック。時刻・場所・状態・★予定を一つの画面で検証したページです。

検証済み
転用

マルシェ、展示会、ワークショップ、学園祭、複数会場の回遊案内へ展開。

つなげられる

SIGNATURE / WAYFINDING

案内は、
現在地から始まる。

時間の表と場所の図を別々に置かず、来場者の次の一手までつなげる。これが「案内する」型の署名です。

時間場所移動

NEXT / CONSULT

この見本に近い相談をする。

イベント当日の進行や会場案内に近い困りごとがあれば、気になった見本の名前と、いま迷っていることを教えてください。

相談の入口へ →