妨げないフィードバック
McFarlane(2002)は即時の割り込みが最も作業を損なうと報告し、IqbalとHorvitz(2007)は復帰に時間がかかると示しました。トーストは流れを止めずに結果を伝えます(Google, n.d.)。
使う場面と避ける場面
決済失敗など重要な内容はモーダルダイアログで示します。通知は既に多く(Pielot et al., 2014)、内容とタイミングが重要です(Mehrotra et al., 2016)。結果が見える操作はマイクロインタラクションで十分です。
時間・位置・アクセシビリティ
ナビや固定ボタンを隠さない位置に置き、長い文ほど長く表示します。WCAG 2.2(W3C, 2023)はフォーカス移動なしの読み上げを求めます。role="status"を使いましょう(Lazar et al., 2007; ウェブアクセシビリティ)。
よくある質問
- 何秒表示する?
- 短文で約4秒以上、ボタンや長文ならもっと長く。
- スナックバーと違う?
- ほぼ同じで、操作ボタン付きをスナックバーと呼びます。
出典確認日:2026-10-27
参考文献
- Google. (n.d.). Snackbar. Material Design 3. スナックバーの位置・時間・操作の公式ルールです。
- Pielot, M., Church, K., & de Oliveira, R. (2014). An in-situ study of mobile phone notifications. In Proceedings of MobileHCI 2014 (pp. 233–242). ACM. 一日に数十件の通知を受けるという現場研究です。
- Mehrotra, A., Pejovic, V., Vermeulen, J., Hendley, R., & Musolesi, M. (2016). My phone and me: Understanding people's receptivity to mobile notifications. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (pp. 1021–1032). ACM. 内容とタイミングが受容性を左右する研究です。
- McFarlane, D. C. (2002). Comparison of four primary methods for coordinating the interruption of people in human-computer interaction. Human–Computer Interaction, 17(1), 63–139. 即時・交渉・仲介・予定の割り込みを比較しました。
- Iqbal, S. T., & Horvitz, E. (2007). Disruption and recovery of computing tasks: Field study, analysis, and directions. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 677–686). ACM. 通知後に元の作業へ戻る時間を示した研究です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. ステータスメッセージ(4.1.3)とタイミング調整(2.2.1)の基準です。
- Lazar, J., Allen, A., Kleinman, J., & Malarkey, C. (2007). What frustrates screen reader users on the web: A study of 100 blind users. International Journal of Human–Computer Interaction, 22(3), 247–269. 視覚障害者100人の不満を調べた研究です。
