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

Question

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

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

我的问题：

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

通常，我会参考 Bill Scott 和 Theresa Neil 的优秀书籍，但我似乎找不到任何关于这个问题的指导。

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

1. 分组相关字段。
2. 将主要（或父）字段定位在顶部和左侧。将次要（或子）字段定位在底部和右侧。
3. 不要觉得有必要填充每个像素。如果可以提高可读性，请考虑使用空格。
4. 尽可能支持渐进式披露。
5. 考虑一个手风琴控件。

Answer 1

也许“按需详细信息”方法会运作良好。问问自己哪些数据与用户绝对和直接相关，并将这些数据分组，同时隐藏其他数据。如果需要，您始终可以提供允许用户查看详细信息的“扩展”链接或控件。

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

Answer 2

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

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

Answer 3

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