モーダルデザイン

UIに状態(モード)が複数あり、同じ操作でも状態によって異なる挙動をするデザイン手法。モードレスデザインの対となる概念。

モーダルインタラクションの特徴

操作の順序が固定的:

  1. コマンド(動詞)を選択
  2. オブジェクト(名詞)を選択
  3. 確定

例: Photoshopで「塗りつぶしツール」を選択してから、塗りつぶす領域をクリック

モードの問題点

モーダルUIの例

関連概念