Web 界面：显示许多静态字段的好方法是什么？

Question

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

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

我的问题：

是否有任何最佳实践或启发式方法来布置包含许多静态字段的屏幕？

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

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

1. 组相关字段。
2. 将主要（或父）字段置于顶部和左侧。将次要（或子）字段置于底部和右侧。
3. 不要觉得有必要填充每个像素。如果可以提高可读性，请考虑留白。
4. 尽可能支持progressive disclosure。
5. 考虑accordion control。

Answer 1

也许Details on Demand 方法会很好用。问问自己哪些数据与用户绝对和直接相关，并将这些数据分组，同时隐藏其他数据。您可以随时提供“展开”链接或控件，以便用户在需要时查看详细信息。

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

Answer 2

我从事人力资源软件工作，并且多次遇到过这个问题。当我们引入折叠控件或任何渐进式披露模式时，我们在反馈中不断看到的一件事是，我们的用户不喜欢那些类型的“web 2.0”（他们的话 lol）页面不打印出来的方式。因此，如果您的用户群仍然坚持打印大页数据，请提醒您包括打印媒体样式表。

根据您的数据集有多大，我会认真考虑一些搜索功能或排序机制。很多时候，当数据集很大时，不同的用户有不同的优先级，允许定制是满足广大受众的唯一方法。

Answer 3

我认为您几乎回答了您自己的问题，尤其是与渐进式披露相关的重要领域的分组。