web-dev-qa-db-ja.com

ポップアップの使用

私は主にUIデザインを担当する開発者です。無知を許してください。フォームベースのアプリケーションを開発しています。フォームには複数の編集可能なフィールドがあり、これらの各フォーム要素は個別のグリッドとしてグループ化されています。これらを編集する方法を提供する必要があります。グリッドごとにアクション可能なモーダルポップアップを開くのは良い考えですか。たとえば、ページに5つのグリッドがある場合、個々のグリッドを編集するためのポップアップを開くことができます(行の要素を削除または追加するためにも)。

別のモーダルポップアップを使用することもできますか?

これが悪いUIデザインである場合、私にもっと良い方法を提案していただけませんか?あなたの助けは高く評価されます(可能であれば、これについて読むためのリソースをさらに提供してください)。

2

一般的に、ポップアップは機能するため、ユーザーのフロー感を妨げるので、ポップアップは避けることをお勧めします。ユーザーが複数のレベルから「ポップ」する必要があるため、モーダルのカスケードはさらに悪くなります。 80年代後半から90年代半ばのUIはこのパターンが非常に好きでした。

最近では、ページ内編集が大流行しています。あなたは至る所で例を見つけることができます。デスクトップベースのアプリケーションとブラウザベースのアプリケーションのどちらを作成しているかに応じて、contenteditable=trueをコンテナに追加し、Javascriptを関連付けるだけの簡単な場合もあります。

値の検証を行う必要がある場合は、それ自体が問題であり、モーダルダイアログなしでそれを行う方法はたくさんあります。

インライン編集の例のキラーリストを次に示します。

より具体的な例については、このサイトを検索してください。右側の提案から:

6
Alex Feinman