スケジュール・イベント一覧 UI のパターン
一言まとめ
集約ポータルはカード型グリッド / リスト + 地図 + ファセットフィルターが定石。時間的な緊急性は「残り〇日」「開催前 / 開催中 / 会期終了」のバッジで示し、注目はキュレーションカルーセルとランキングで浮上させる。
目次 6 sections
調査時点: 2026-04。美術館・展覧会の集約サイト群の観察に基づく。
一覧ビューの種別
| ビュー | 向く場面 |
|---|---|
| カード型グリッド / リスト | 集約ポータルの主流。列数切替やグリッド ⇔ リストのトグルを併設する例が多い |
| 格子型の月カレンダー | 単一施設の個別サイト向け。多数の項目を集約するポータルには向かない |
| 地図ビュー | 位置情報が意味を持つドメイン。GPS の近傍検索と組み合わせる |
| タイムライン(横軸 = 時間、縦軸 = 施設 / カテゴリ) | カレンダーライブラリには用意されるが、集約ポータルでの採用は限定的 |
カレンダーライブラリは scheduler / calendar / timeline / agenda の 4 ビューを組み合わせ、月・週・日・アジェンダ間を行き来する設計が一般的。
注目を浮上させる
- キュレーションカルーセル(「PICK UP」「Best 〇〇 of the Month」)+ ランキング(日 / 週 / 月の複数軸)。
- サイドバーの編集部おすすめ、人気順ソート。
- 稼働状態を示す緑の小円ドット(open / active)などのグラフィカルなインジケーター。
時間的緊急性・ステータスの表現
| カテゴリ | 表現例 | 方式 |
|---|---|---|
| 終了間近 | 「7 日以内に終了」「もうすぐ終了」「残り〇日」 | フィルター / 専用セクション / カードバッジ |
| 開始前 | 「開催まであと〇日」「Coming Soon」 | ラベル / バッジ |
| 三状態 | 「開催前 / 開催中 / 会期終了」 | カードバッジ |
| 新着 | 「NEW」 | カードバッジ |
| ソート | 「終了日順」「開始日順」 | ソートオプション |
- バッジのセマンティックカラーは赤 = 緊急、緑 = 成功 / アクティブ、青 = 情報。具体的な HEX は標準化されていない。
- 人は「今夜」「今週末」「来週」「来月」といった自然言語の時間バケットで考える。イベントをこのバケットに分類して概観を与える設計が効く。
モバイル
- ナビゲーション項目は 3〜6 個以下に絞る。
- 近い日付ほど詳細、遠い日付ほど簡略という密度変化で画面を節約する。
関連
更新履歴
- 2026-04-20: 初版(ローカル調査ノート)
- 2026-10-17: Wiki へ移植、概念ページとして再構成