流れを止める強い道具
Raskin(2000)はモードが誤りを招くと警告し、BaileyとKonstan(2006)は割り込みが時間・誤り・不安を増やすと示しました。Fessenden(2017)は本当に止めるべき時だけ使うよう勧めます。代替はトーストやボトムシートです。
確認の乱用とタイミング
繰り返される確認は習慣的なクリックを生みます(Cooper et al., 2014)。作業の区切りでの割り込みが最も害が少ないです(Adamczyk & Bailey, 2004)。罪悪感を誘う文言はダークパターンです(Mathur et al., 2019)。
フォーカスとモバイル
WCAG 2.2(W3C, 2023)に従い、開いたらフォーカスを中へ、閉じたら元へ戻します。モバイルでは入力が必要なら全画面やボトムシートを検討します。
よくある質問
- ポップアップと同じ?
- モーダルは背後の操作を止めるポップアップです。
- 削除確認は必ずモーダル?
- 取り消せるなら「元に戻す」トーストの方が良いことが多いです。
出典確認日:2026-10-27
参考文献
- Fessenden, T. (2017, April 23). Modal & nonmodal dialogs: When (& when not) to use them. Nielsen Norman Group. モーダルを使う・避ける場面を整理した記事です。
- Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: The essentials of interaction design (4th ed.). Wiley. 不要な確認ダイアログを批判しています。
- Raskin, J. (2000). The humane interface: New directions for designing interactive systems. Addison-Wesley. モードがエラーを生むという古典的議論です。
- Bailey, B. P., & Konstan, J. A. (2006). On the need for attention-aware systems: Measuring effects of interruption on task performance, error rate, and affective state. Computers in Human Behavior, 22(4), 685–708. 割り込みが時間・エラー・不安を増やす実験です。
- Adamczyk, P. D., & Bailey, B. P. (2004). If not now, when? The effects of interruption at different moments within task execution. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 271–278). ACM. 作業の区切りで割り込むと害が減るという研究です。
- Mathur, A., Acar, G., Friedman, M. J., Lucherini, E., Mayer, J., Chetty, M., & Narayanan, A. (2019). Dark patterns at scale: Findings from a crawl of 11K shopping websites. Proceedings of the ACM on Human-Computer Interaction, 3(CSCW), 1–32. 罪悪感を誘う文言などダークパターンの調査です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. フォーカス順序とキーボードトラップの基準です。
