私のWebアプリケーションには、多くの静的フィールドを表示するページがあります。
レイアウトが悪いと、常に情報過多と読みやすさが低下することを私は知っています。
私の質問:
多くの静的フィールドを含む画面をレイアウトするためのベストプラクティスまたはヒューリスティックはありますか?
通常、私はビル・スコットとテレサ・ニールの優れた本を参照しますが、この問題に関するガイダンスを見つけることができないようです。
これが私が従う傾向があるいくつかのガイドラインです:
- 関連フィールドをグループ化します。
- メジャー(または親)フィールドを上と左に配置します。マイナー(または子)フィールドを右下に配置します。
- すべてのピクセルを埋める義務を感じないでください。読みやすさが向上する場合は、空白を考慮してください。
- 可能な限り、段階的開示を優先します。
- アコーディオンコントロールを考えてみましょう。