web-dev-qa-db-ja.com

流動的で疎結合のデータUIを設計する方法は?

次の特性を持つシステムのビューを設計する際にいくつかのアドバイスが必要です。

  • 多くの可能なデータ(「ラベル:情報」)
  • データはかなり疎結合ですが、いくつかのグループ化があります
  • 入力されたデータのみを表示

例えば:

目的:整理された/クリーンなビューで、顧客に関する記入済みの情報を表示します。

データ:多くのフィールドを持つ顧客オブジェクトがあります。それは、大まかにグループ化されたあらゆる種類の情報を保持します。一般情報の25フィールド、銀行情報の10フィールド、リストがいくつかある個人的な関心の5フィールド、および実際にはどこにもグループ化されていない他の20フィールド。ほとんどのフィールドは必須ではなく、顧客は2または+50のフィールドに入力できます。一部の顧客には、銀行情報と一般的なフィールドの1つしか入力されていません。

問題入力された情報のみを表示できる場合、どのようにすてきなUI/UXを維持できますか?のページを非常に空で表示したくないのでいくつかのフィールドのみを入力した顧客。フィールドが1つしかない場合など、情報グループにヘッダーを付けて表示したくない場合などです。情報フィールドなどのリストがあるため、グリッドに配置することはできません。

誰かがそのようなシステムを設計した経験がありますか?

5
Peter Briers

グループの見出しのリストを表示することもできます(もちろん、データを含むグループの場合)。

  • 個人的な
  • 銀行
  • 興味
  • 等.

選択されたら、その選択を展開します。これは、ページを新しい情報で置き換えるか、ページ内で開かれた新しいセクションに表示するかのいずれかです。

このようにして、ユーザーは情報が入力されている場合にどのような種類かを確認し、関心のあるセクションにドリルダウンできます。セクションがない場合、レコードにその情報がないことがわかります。

1
ChrisF

タブメニューの別のタブの下にすべてのグループを保持し、「追加情報(またはその他)」というタイトルの下にグループ解除属性を保持するだけです。これは、すべてのデータを分離して理解しやすい状態に保つための、きちんとしたクリーンなアイデアです。入力されているかどうかに関係なく、すべての属性を表示します。その理由は、ユーザーがデータを追加するために残っているフィールドの数に関する詳細を持っているからです。したがって、将来、必要に応じて、すべての属性を知らなくても詳細を追加することができます。属性の数が増えるため、ユーザーは覚えることができなかったので、それを維持してください

1
Jasmin Javia