不打断的反馈
McFarlane(2002)发现即时打断对任务损害最大,Iqbal与Horvitz(2007)显示恢复任务需要时间。Toast在不打断流程的情况下告知结果(Google, n.d.)。
何时用、何时避免
支付失败等重要内容应使用模态对话框。人们每天已收到大量通知(Pielot et al., 2014),内容与时机很关键(Mehrotra et al., 2016)。结果可见的操作用微交互即可。
时长、位置与无障碍
放在不遮挡导航和固定按钮的位置,文字越长显示越久。WCAG 2.2(W3C, 2023)要求不移动焦点也能朗读状态消息,可用role="status"(Lazar et al., 2007;网页无障碍)。
常见问题
- 显示几秒?
- 短句约4秒以上,有按钮或长文本更久。
- 与Snackbar不同吗?
- 基本相同,带操作按钮的称为Snackbar。
来源核查日期:2026-10-27
参考文献
- Google. (n.d.). Snackbar. Material Design 3. Snackbar位置、时长与操作的官方规范。
- 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位盲人屏幕阅读器用户的挫折。
