CampusDownWiki
累計引用 20,344한국어KO 2,709EnglishEN 15,238日本語JA 796中文ZH 1,601
CampusDown(韓国語)↗
日本語

モーダルダイアログ

⚙️ 工学・技術 執筆 CampusDown ウィキ編集部 最終更新
モーダルダイアログとは、現在の画面に重なって表示され、利用者が応答するか閉じるまで背後の画面を操作できなくするインターフェース要素です。
目次
  1. 1. 流れを止める強い道具
  2. 2. 確認の乱用とタイミング
  3. 3. フォーカスとモバイル
  4. 4. よくある質問
  5. 5. 参考文献

流れを止める強い道具

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

参考文献

  1. Fessenden, T. (2017, April 23). Modal & nonmodal dialogs: When (& when not) to use them. Nielsen Norman Group. モーダルを使う・避ける場面を整理した記事です。
  2. Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: The essentials of interaction design (4th ed.). Wiley. 不要な確認ダイアログを批判しています。
  3. Raskin, J. (2000). The humane interface: New directions for designing interactive systems. Addison-Wesley. モードがエラーを生むという古典的議論です。
  4. 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. 割り込みが時間・エラー・不安を増やす実験です。
  5. 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. 作業の区切りで割り込むと害が減るという研究です。
  6. 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. 罪悪感を誘う文言などダークパターンの調査です。
  7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. フォーカス順序とキーボードトラップの基準です。

役に立ったらシェアしてください

必要な友だちに送ってみましょう。

X Facebook Threads

この理論を使ったレポート・資料(韓国語)

この理論だけを扱った資料はまだありませんが、CampusDown 資料室(韓国語)で関連レポートを検索できます。

レポートをもっと探す・「모달 대화상자」の検索結果 →

あわせて読みたい理論

最新記事すべて見る ›

大学の勉強・課題に役立つ新着記事(韓国語)

この記事は2026年10月27日に最終更新されました。内容は広く知られた原典と教科書に基づいて整理していますが、レポートで引用する際は参考文献の原典を必ず確認してください。