知らせ方の違い
トースト・バナー通知・アナウンスバー・モーダル
何かを知らせるUIはたくさんあります。違いは「どこに出るか」「どれくらい邪魔するか」「勝手に消えるか」です。
表で比べる
| トースト | バナー通知 | アナウンスバー | モーダル | |
|---|---|---|---|---|
| 出る場所 | 画面の下 | 画面の上(アプリの外でも) | ページの一番上の帯 | 画面の真ん中 |
| 作業を止める? | 止めない | 止めない | 止めない | 止める(答えるまで操作できない) |
| 消え方 | 数秒で勝手に消える | 数秒で上に戻る | × を押すまで残る | ボタンを押すまで残る |
| 向いている内容 | 保存しました、など操作の結果 | 新しいメッセージ | キャンペーン・メンテナンスのお知らせ | 削除の確認など大事な判断 |
こんなときは、これ
迷ったら迷ったら、まずはトースト。どうしても答えが必要なときだけモーダルにします。