在Web應用程序中有許多列的表格

Question

哪種表示列中包含許多列和可能的長文本的表格的最佳方法是哪種？困難在於，如果我使用表格，表格寬度非常長，並且表格在div之外溢出。有什麼選擇，我可以列出數據，這些帖子在商業應用程序的計算器中列出的方式？它會如何影響可用性？

Answer 1

在一般情況下，有沒有根本的可用性問題具有非常寬的表每條記錄佔據一行，只要：

• 您提供水平滾動條，使用戶可以得到的所有字段。

• 您將記錄標識符修復爲行標題而不是滾動出視圖，以便用戶始終可以識別他們正在查看的記錄。

• 字段相對較短，所以很多字段都是同時顯示的;當然你不希望一個字段比典型的窗口屏幕寬，所以用戶可以爲每個記錄來回滾動以讀取該字段。

用戶成功使用非常廣泛的電子表格的事實表明寬表是沒有必要的問題。

然而，像SO這樣的多行記錄佈局對於用於SO的任務來說可能是最好的：用戶掃描記錄特定字段值（問題標題）以找到潛在記錄利益。一旦用戶找到可能有趣的記錄，他或她就可以在沒有任何額外的輸入的情況下閱讀其他字段（例如，答案的數量，票數）以決定是否值得深入瞭解更多信息。與單寬記錄表相比，這意味着更多的滾動功能可以掃描相同數量的記錄，但滾動或點擊的次數更少，可以查看給定記錄中的內容。因此，在以下情況下，用戶的工作將會減少：

• 某些字段非常長（例如跨越整個窗口）。

• 用戶可能掃描的字段很少。

• 用於掃描的那些字段在圖形上顯着以便於掃描（例如，用大，粗體和/或彩色字體）。

當用戶可能在大量字段中的任何一個上進行掃描時，多行每記錄佈局不太好。你可以做出比其他一些更突出的一到三個領域，但是如果你想讓每個領域都突出，那麼它們都不是突出的。

與寬單線每記錄表格相比，用戶可以水平滾動到任何感興趣的字段並向下掃描表格。沒有必要使任何特定領域比其他領域更突出。

單行每次記錄表也更好當用戶兩個或多個記錄之間在給定的場工作，例如，上一個字段比較記錄或複製一個字段值到另一個。一次顯示給定字段值的更多記錄，減少滾動。比較直接位於彼此之上的值而不是其他字段垂直分隔時的值。