バナー通知

Notification banner

ページ上部などに表示され、ユーザーが明示的に閉じるまで残り続ける、持続的な状態・注意喚起の通知帯。

○ 使う場面

  • メンテナンス予定やアカウント状態など、ユーザーが認識し続けるべき情報を出したいとき
  • 消えてほしくない警告・注意喚起を、ページの目立つ位置に置いておきたいとき

× 避ける場面

  • 数秒で消えてよい、操作結果の軽い通知で十分なとき(→トースト通知)
  • 確認や選択などユーザーの応答が必須で、他の操作を止めてでも見せたいとき(→確認ダイアログ)

別名

バナー、インラインバナー、アラートバナー、アラート

近縁種との比較

「通知帯」を指す語はAlert(重要な警告全般を指す最も広い語)・Banner(Polaris/Atlassian/GOV.UKがページ上部の持続的な帯として使う語)・Callout(Atlassianの Section message などが使う、文中に埋め込む注意喚起ボックス)・Flag(Atlassian用語で、画面隅に浮くカード型の一時通知)と乱立しており、研究ノートの同義語表もこれを「インページ持続型と一時型で二分される」概念として扱う。CalloutやFlagのような文中埋め込み型・カード型の亜種は、バナー通知・トースト通知いずれかに準ずる実装として扱い、別カード化はしていない。Bannerという語はもともと戦場や式典で掲げる「旗」を意味し、目立つ位置に掲げて周囲に知らせるという原義が、ページ上部に掲げ続けて注意を引く通知帯という用法にそのまま引き継がれているとされる。

近縁種違い・使い分け
トースト通知持続的に残り続ける帯であるバナー通知に対し、トースト通知は数秒で自動的に消える軽量通知として、78エントリの枠内で別カードに分けて扱う。
確認ダイアログ確認や選択などユーザーの応答が必須なら、より強い制止力を持つ確認ダイアログを使う。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション