Web应用程序中包含许多列的表

时间:2010-09-13 09:16:13

标签: usability

哪种方法可以表示列中包含多列和可能的长文本的数据?困境是,如果我使用表格,表格宽度很长,桌子溢出div。有什么选项,我可以列出数据,这个帖子在业务应用程序的stackoverflow中列出的方式?它将如何影响可用性?

1 个答案:

答案 0 :(得分:3)

一般情况下,非常宽的表没有基本的可用性问题,每条记录占用一行只要:

  • 您提供水平滚动,以便用户可以访问所有字段。

  • 您将记录标识符修复为行标题,它们滚动出视图,以便用户始终可以识别他们正在查看的记录。

  • 字段相对较短,因此可以同时查看很多字段;当然,您不希望一个字段比典型的窗口屏幕宽,因此用户可以为每个记录来回滚动以读取该字段。

用户成功使用非常宽的电子表格这一事实表明,宽表不是必需的问题。

然而,像SO这样的多行记录布局可能最适合用于SO的任务:用户扫描特定字段值(问题标题)的记录以查找可能感兴趣的记录。一旦用户找到可能有趣的记录,则他或她可以在没有任何额外输入的情况下读取其他字段(例如,答案数量,投票数)以确定是否值得深入了解更多信息。与宽的单行每记录表相比,这意味着更多的滚动来扫描相同数量的记录,但更少滚动或点击以查看给定记录中的内容。因此,在以下情况下,用户的工作量会减少:

  • 某些字段很长(例如,跨越整个窗口)。

  • 用户可能会扫描的字段很少。

  • 这些扫描字段在图形上非常突出,便于扫描(例如,使用大字体,粗体字和/或彩色字体)。

当用户可能正在扫描大量字段中的任何字段时,每行多行记录布局不太好。你可以使一到三个领域比其他领域更突出,但如果你试图让每个领域都显着,那么它们都不会显着。

与宽的单行每记录表相比,用户可以水平滚动到任何感兴趣的字段并向下扫描表格。没有必要使任何特定领域比其他领域更突出。

当用户在给定字段上的两个或多个记录之间工作时,单个每行记录表也更好,例如,比较字段上的记录或复制一个字段价值到另一个。一次可以看到给定字段值的更多记录,从而减少滚动。当它们直接在彼此之上而不是由其他字段垂直分开时,也可以更容易地比较值。