web-dev-qa-db-ja.com

フォームフィールドとマスター/詳細を使用してデータ集約型ビューを構造化する方法は?

私は、ユーザーがワークフローで構造化された1つ以上のタスクに取り組む製品に取り組んでいます。ユーザーがそのようなタスクを開いて作業すると、次の2つの領域に分類されるビューが表示されます。

  1. 入力エリア:このエリアには、ユーザーがタスクを完了するために必要なすべての関連情報が表示されます。ユーザーはこの入力データを編集できません。他のタスクからのものです
  2. 出力エリア:これは、ユーザーがタスクを完了するために提供する必要があるすべての情報を示します。ユーザーは、この情報を編集してタスクを進行させることができます。

さらに、このタスクビューには2つの外観があります(タスクの構成によって異なります)。

初見:フォームフィールド

入力領域と出力領域は並んでおり、各領域にはいくつかのフォームフィールドが含まれています(これらのフィールドは入力側では無効になっていることに注意してください)。

enter image description here

ここではすべてが順調ですが、問題が始まる2番目の外観です。

セカンドルック:マスター詳細

タスクのより複雑な構成の場合、ビューは次のようになります。

enter image description here

マスター詳細ビューを表示し、ユーザーが必要な出力を1行ずつすばやく提供できるようにします。入力側のグリッドには、入力データ(グレー表示、無効)と出力データの両方が含まれています。また、グリッドはinput側にありますが、グリッドにはoutput情報も含まれています。ユーザーから混乱を招くというコメントが寄せられています。

質問

画面をさまざまな領域に分割して、次のような情報を表示する最良の方法は何ですか。

  • 入力と出力が明確に分離されている
  • マスターディテールの原則はグリッドに対してそのままです(=要件)
1
t.hendr

タスク指向のインターフェースの実装により優れたエクスペリエンスを提供できます。これには一連のタスクが含まれ、各タスクには関連するデータと入力フィールドのみが含まれます。入力フィールドは、タスクに最も適した方法で配置されます。これにより、パフォーマンスが向上し、ユーザーの認知負荷が軽減されます。
enter image description here

また、無効にされたコントロールは、編集不可能なデータを表示するための適切な方法ではありません。

[〜#〜]更新[〜#〜]
明確ではない説明のため申し訳ありません。 Taskの下では、出力画面のグループを意味しました。したがって、基本的には同じ画面がありますが、レイアウトは異なります。これは、各出力グループのタスクをサポートするように設計されています。したがって、アイデアは次のとおりです。

  • to 入力データと出力データを統合タスクの場合、2つのパネルで分離しないように、
  • データを制限する各タスクに必要な量に。

enter image description here

1