哪种方式是表示具有多列且列中可能有长文本的表中的数据的最佳方式?困境是,如果我使用表格,表格宽度很长并且表格溢出到div之外。有哪些选项,我可以列出数据,这些帖子在业务应用程序的 stackoverflow 中列出的方式吗?它将如何影响可用性?
最佳答案
一般来说,对于每条记录占据一行的非常宽的表来说,只要满足以下条件,就不存在根本的可用性问题:
您提供水平滚动,以便用户可以访问所有字段。
您将记录标识符修复为行标题,使其不会滚动到 View 之外,以便用户始终可以识别他们正在查看的记录。
字段相对较短,因此可以同时看到许多字段;当然,您不希望某个字段比典型的窗口屏幕宽,这样用户就可以前后滚动每条记录来读取该字段。
用户成功使用非常宽的电子表格的事实表明,宽表不一定是问题。
但是,像 SO 这样的每条记录多行布局可能最适合 SO 所用于的任务:用户扫描记录中的特定字段值(问题标题)以查找潜在感兴趣的记录。一旦用户找到可能感兴趣的记录,她或他就可以在没有任何额外输入的情况下读取其他字段(例如答案数、投票数)来决定是否值得深入了解更多信息。与每条记录单行的宽表相比,这意味着需要更多的滚动来扫描相同数量的记录,但需要更少的滚动或单击来查看给定记录中的内容。因此,在以下情况下,用户的工作量将会减少:
某些字段非常长(例如,跨越整个窗口)。
用户可能会扫描的字段很少。
这些用于扫描的字段以图形方式突出以方便扫描(例如,使用大、粗体和/或彩色字体)。
当用户可能扫描大量字段中的任何一个时,每条记录多行布局不太好。您可以使一到三个字段比其他字段更显着,但如果您尝试使每个字段显着,那么它们都不显着。
与每条记录单行的宽表相比,用户可以水平滚动到感兴趣的任何字段并向下扫描表。没有必要让任何特定领域比其他领域更加突出。
当用户在给定字段上的两个或多个记录之间工作时,例如,比较某个字段上的记录或复制一个字段,每条记录单行表也更好对另一个人的值(value)。一次可以看到给定字段值的更多记录,从而减少滚动。当值直接重叠时,比被其他字段垂直分隔时更容易比较值。
关于usability - Web 应用程序中具有多列的表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3699077/