私のアプリケーションでは、「People」や「Contracts」など、いくつかのオブジェクトのリストを表示するページがあります。これらのページから、ユーザーは新しいオブジェクトを作成できます。多くの場合、これらのオブジェクトには、ほんの一握りのプロパティ(おそらく4または5)しかありません。私の質問は、新しいオブジェクトの作成に使用されるフォームの最適なアプローチについてです。
特にプロパティの数が5〜6を超える場合は、別のページを使用することがあります。時々、モーダルダイアログを使用しました。空の行をテーブルに挿入し、値を入力するアプリケーションを見たこともあります。 (私はそれをしません!)
どのようなアプローチを取るべきか、UXの好みや提案はありますか?また、異なるタイプのオブジェクト間で一貫性を保つことは重要ですか?または、アプローチの組み合わせは大丈夫ですか?
私のアプリケーション(Ember.js、単一ページアプリ)のテクノロジを使用すると、別のページに瞬時に移動できます。そのため、アプローチ間のタイミングの違いは問題になりません。実際、Bootstrapダイアログのアニメーションは、ページ遷移よりも時間がかかります。このアプリケーションは、保険会社のバックオフィス管理システムです。
モーダルダイアログは、別のページと比較して、わずかに異なる対話を想定しています。
モーダルは、確認、サインイン、サブスクライブ、フィードバック、画像表示などの小規模で迅速な対話に適しています。
モーダルダイアログ内でのタスクの高速実行により、前のビューに簡単に戻り、コンテキストを復元できます。
モーダルはより少ない不動産を提供します。小さなタスクには適していますが、リッチなUIには苦労する可能性があります。
モーダルは、閉じるボタン、ESC、または外部をクリックすることで、簡単に終了できます。そのため、誤って閉じてデータを失う危険があります。
モーダルはネストできません。それは可能ですが、それは悪いUXをもたらします。
ツールを使用すると簡単に何かを行うことができますが、盲目的に行うべきではありません。そして、単一ページアプリのアトミックオブジェクトはページです。
私は同様のシナリオと要件で同様のプロジェクトに取り組んできました。ページ上にいる間、オブジェクトを複数回作成する必要がありました。以下の理由により、JavaScriptモーダルウィンドウを使用してそれを実現しました。
これがあなたの決断に役立つことを願っています。