デザイン モーダルの多重起動

フロントの画面を作成する際に、モーダルは結構便利なものです。

ユーザーに何かしらのアクションをしてもらいたい時にモーダルを出すことで、ユーザーがこちらの期待通りに入力・決定をしてくれます。

ただ、モーダルの上にさらにモーダルを、というデザインはあまり良くないとされています。

私も以前にそのような画面を開発したことがあったのですが、デメリットがあることに気がつきました。

  • 多重起動にすると、後ろのモーダルが予期せぬ動きになったりとバグになりやすい
  • ユーザー視点でいうと、戻りたい時にいちいち一つずつモーダルを閉じなければならない
  • シンプルにユーザーの気が散る(多重すぎて集中できない)

他にもあるかもしれないですが、一般的なサービスであまり多重起動するモーダルはみないです。

ステップで分けたい時は、そもそも画面全体を切り替えるようにするケースが多いと思います。

あくまで、確認用のモーダルとか、何かしらの入力を求めたい時に使う程度が良いのかなと思います。