My web applications have pages that display many static fields.
I know that poor layout invariably leads to information overload and poor readability.
My Question:
Are there any best-practices or heuristics for laying out a screen that contains many static fields?
Ordinarily, I would reference Bill Scott and Theresa Neil's excellent book, but I can't seem to find any guidance for this issue.
Here are some guidelines that I'm inclined to follow:
- Group related fields.
- Position the major (or parent) fields towards the top and the left. Position the minor (or child) fields towards the bottom and right.
- Don't feel obliged to fill every pixel. Consider white space if it will improve readability.
- Favor progressive disclosure wherever possible.
- Consider an accordion control.