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

时间:2009-08-17 14:35:58

标签: layout user-interface readability heuristics

我的网络应用程序包含显示许多静态字段的页面。

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

我的问题:

  

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

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

以下是我倾向于遵循的一些指导原则:

  1. 组相关字段。
  2. 将主要(或父级)字段定位到顶部和左侧。将次要(或子)字段放在底部和右侧。
  3. 不要觉得有必要填充每个像素。如果能提高可读性,请考虑使用空格。
  4. 尽可能支持progressive disclosure
  5. 考虑accordion control

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

我从事人力资源软件工作,并多次遇到过这个问题。当我们引入崩溃控件或任何渐进式披露模式时,我们在反馈中一直看到的一件事是我们的用户不喜欢那些类型的“web 2.0”(他们的单词lol)页面不打印的方式。因此,如果您的用户群仍然坚持打印大页面数据包括打印介质样式表,请提醒您。

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

答案 2 :(得分:0)

我认为你几乎已经回答了你自己的问题,特别是与渐进式披露相关的重要领域的分组。