layout - 网页界面 : What is a good way to display many static fields?

Question

我的 Web 应用程序的页面显示许多静态字段。

我知道糟糕的布局总是会导致信息过载和可读性差。

我的问题:

Are there any best-practices or heuristics for laying out a screen that contains many static fields?

通常，我会引用 Bill Scott 和 Theresa Neil 的 excellent book ，但我似乎找不到有关此问题的任何指导。

以下是我倾向于遵循的一些准则:

1. 对相关字段进行分组。
2. 将主字段(或父字段)放置在顶部和左侧。将次要(或子)字段放置在底部和右侧。
3. 不必觉得有必要填充每个像素。如果可以提高可读性，请考虑使用空格。
4. 喜欢 progressive disclosure只要有可能。
5. 考虑 accordion control .

Answer 1

也许是Details on Demand方法会很有效。问问自己哪些数据与用户绝对且立即相关，并对这些数据进行分组，同时隐藏其他数据。您始终可以提供“展开”链接或控件，以允许用户根据需要查看详细信息。

(很高兴看到您正在研究界面设计模式。它们经常被忽视!)