3

私のWebアプリケーションには、多くの静的フィールドを表示するページがあります。

レイアウトが悪いと、常に情報過多と読みやすさが低下することを私は知っています。

私の質問:

多くの静的フィールドを含む画面をレイアウトするためのベストプラクティスまたはヒューリスティックはありますか?

通常、私はビル・スコットとテレサ・ニールの優れた本を参照しますが、この問題に関するガイダンスを見つけることができないようです。

これが私が従う傾向があるいくつかのガイドラインです:

  1. 関連フィールドをグループ化します。
  2. メジャー(または親)フィールドを上と左に配置します。マイナー(または子)フィールドを右下に配置します。
  3. すべてのピクセルを埋める義務を感じないでください。読みやすさが向上する場合は、空白を考慮してください。
  4. 可能な限り、段階的開示を優先します。
  5. アコーディオンコントロールを考えてみましょう。
4

3 に答える 3

1

私はHRソフトウェアに取り組んでおり、この問題に何度も直面しています。折りたたみコントロールや段階的開示パターンを導入するときにフィードバックで見続けることの1つは、ユーザーがこれらのタイプの「Web 2.0」(彼らの言葉は笑)ページが印刷されない方法を好まないということです。したがって、ユーザーベースが依然として大きなページのデータの印刷を主張している場合は、印刷メディアスタイルシートを含めることを忘れないでください。

データセットの大きさに応じて、いくつかの検索機能または並べ替えメカニズムを真剣に検討します。多くの場合、データセットが大きい場合、ユーザーごとに優先順位が異なり、カスタマイズを許可することが幅広い対象者を満足させる唯一の方法です。

于 2009-08-18T12:31:23.800 に答える
1

おそらく、DetailsonDemandアプローチがうまく機能するでしょう。他のデータを非表示にしながら、どのデータがユーザーに絶対的かつ即座に関連しているかを自問し、それらをグループ化します。必要に応じて、ユーザーが詳細を表示できるようにする「展開」リンクまたはコントロールをいつでも提供できます。

(インターフェイスデザインパターンを見ているのは良いことです。見落とされがちです!)

于 2009-08-17T22:08:44.600 に答える
0

特に、段階的開示に関連する重要なフィールドのグループ化については、あなた自身の質問にほぼ答えたと思います。

于 2009-08-17T19:21:18.260 に答える