web-dev-qa-db-ja.com

1ページに大量のデータ

私はビジネスアプリケーションを開発するチームのメンバーです。基本的に-それはすべてデータ入力に関するものです。 1日中座っている人(数千人)が、さまざまな方法で以下のフォームに繰り返し記入しています。または、現在、メインフレームで実行します。

問題は、UIを変更する場合、どのようにアプローチするかです。このシステムは、他のいくつかの機能を(それらを置き換えるために)提供するように設計されており、「設計上」メインフレームよりも多くのデータを表示する必要があります。また、私はすべてのデータが彼らの仕事に必要であり、重要であると確信しています。どこから始めるべきか提案はありますか?システムの深い知識がなくても何か提案できますか?

以下に、通常のユーザーがほとんどの時間を費やす画面の簡略化されたモックアップを添付します。幅は1000pxで、これより広くすることはできません。モックアップにはさらに多くのフィールドがあります。また、各フィールドの上にラベルがあります。

(はい、知っています-それはis怖いです)

mockup

5
user22094

これは魔法使いを求めて泣いています。情報が多すぎて入力できない場合は、情報を論理的なグループに構造化して、行ったように見せて徐々に表示することをお勧めします。ユーザーとして私はいくつかの「Step 1 of x」フォームに記入しましたが、ほとんどの場合、入力した情報の量が多すぎることに気づきませんでした。 ウィザードは間違いなく良いスタートです。

5

これまでのところ、与えられた回答は複数のページを示唆しています。ユーザーはこのフォームに何度も入力するので、ページ数が増えると、次のページが読み込まれるまでの待ち時間が長くなり、ページごとに余分なクリックが増えることに注意してください。ユーザーがこの長いフォームに複数回記入しなければならない場合、傷害に侮辱が加わり、次のページを待つように強いられます。次のページは、何が記載されているかがわかっていて、それから始めたいと思っています。このような場合、ページを分割する唯一の理由は、後続のページが前のパーツで入力または選択したコンテンツに依存している場合です。

すべてのコンテンツがプリロードされており、ページ間の切り替えが非常に高速である場合、次のセクションに到達するまでに余分なクリックが必要ですが、私の主張は適用されません。

私はそれを1ページに保つことをお勧めしますが、それをより明確に定義されたセクションに分割し、各部分にはるかに多くのスペースを与えます。これにより、ページの読みやすさが向上し、それほど圧倒的に見えなくなります。セクションをスキップしたい場合は、単一ページサイトのWebデザインの人気の傾向を利用して、複数のページの雰囲気を与えることができます。この場合、上部のメニューオプションが適切なセクションまでページをスクロールします。

この形式 は、間隔が広いのでフィールド数が多すぎず、ヘッダーがコンテンツをセクションに明確に分割する良い例です。

この例 のようにタブまたはページを使用すると、ユーザーが一度に表示するコンテンツの量を最小限に抑えることができます。繰り返しになりますが、タイトル/見出しは、ユーザーが一度に1つの概念に集中できるように、セクションを明確に定義しています。

3
sacohe

背景:私はUXの経験はありませんが、熱心なコンピューターユーザーであり、市場に出ている多くのプログラムのパワーユーザーです。私の意見が-HELP-を導いてくれることを願っています、専門家のアドバイスとしてそれをとらないでください!

可能であれば、フォームに複数のページを含めることを検討してください。私はそれを見て、すぐにそれがあまりにも複雑で、平均的なユーザーが圧倒されているように感じる(生産性を低下させる)とすぐに感じます。ページの外でそれを単純化する方法は完全にはわかりません。

常に同じであるフォーム上のほとんどのデータを事前に入力する「プロファイル」または「プリセット」、または「リンクされた」フィールドのようなものを許可することが可能である可能性があります。もう1つは同じ答えであり、最初のデータを入力すると2番目のデータが自動的に入力されます(ただし、2番目の値を変更しても最初の値は変更されません)。明らかに、データを入力して注意を払うよりも、ユーザーがよく読み飛ばす可能性が高いため、これにより精度が低下する可能性があります。そのため、速度の向上が妥当性とどのように対抗するかを必ず監視します。

2
Nrgdallas