次の特性を持つシステムのビューを設計する際にいくつかのアドバイスが必要です。
例えば:
目的:整理された/クリーンなビューで、顧客に関する記入済みの情報を表示します。
データ:多くのフィールドを持つ顧客オブジェクトがあります。それは、大まかにグループ化されたあらゆる種類の情報を保持します。一般情報の25フィールド、銀行情報の10フィールド、リストがいくつかある個人的な関心の5フィールド、および実際にはどこにもグループ化されていない他の20フィールド。ほとんどのフィールドは必須ではなく、顧客は2または+50のフィールドに入力できます。一部の顧客には、銀行情報と一般的なフィールドの1つしか入力されていません。
問題:入力された情報のみを表示できる場合、どのようにすてきなUI/UXを維持できますか?のページを非常に空で表示したくないのでいくつかのフィールドのみを入力した顧客。フィールドが1つしかない場合など、情報グループにヘッダーを付けて表示したくない場合などです。情報フィールドなどのリストがあるため、グリッドに配置することはできません。
誰かがそのようなシステムを設計した経験がありますか?
グループの見出しのリストを表示することもできます(もちろん、データを含むグループの場合)。
選択されたら、その選択を展開します。これは、ページを新しい情報で置き換えるか、ページ内で開かれた新しいセクションに表示するかのいずれかです。
このようにして、ユーザーは情報が入力されている場合にどのような種類かを確認し、関心のあるセクションにドリルダウンできます。セクションがない場合、レコードにその情報がないことがわかります。
タブメニューの別のタブの下にすべてのグループを保持し、「追加情報(またはその他)」というタイトルの下にグループ解除属性を保持するだけです。これは、すべてのデータを分離して理解しやすい状態に保つための、きちんとしたクリーンなアイデアです。入力されているかどうかに関係なく、すべての属性を表示します。その理由は、ユーザーがデータを追加するために残っているフィールドの数に関する詳細を持っているからです。したがって、将来、必要に応じて、すべての属性を知らなくても詳細を追加することができます。属性の数が増えるため、ユーザーは覚えることができなかったので、それを維持してください