代码之家 › 专栏 › 技术社区 › Ken Paul

Web显示:分页与长表

html-table pagination html

Ken Paul · 技术社区 · 17 年前

Web设计的趋势似乎是提供页面输出,其中长表一次显示一个页面。我的客户不喜欢这样,他们要求我为他们设计的网站将所有条目显示在长表格中。分页的理由似乎主要是基于显示长表的性能影响,这在高带宽的企业内部网中不太受关注。反对分页的论据包括打印整个表、对整个表执行字符串搜索、从整个表中选择任意范围进行复制等。我指出,这些功能可以很容易地添加到网页设计中(例如,打印整个表的打印按钮,或创建csv文件的按钮)。但是页面输出对他们来说仍然不方便。我们典型的桌子大约有100到600件。显然,要大得多的表可能需要分页。

问题:

对于长表中的页面输出和完整输出,您在个人或客户偏好方面有什么经验?
Web设计工具似乎在推动分页模式。他们是失去联系,还是我的客户不寻常?
如果你在想“这取决于桌子的长度”,你会使用什么阈值?

6 回复 | 直到 10 年前

PEZ 17 年前

我喜欢长的单页列表。我能看到页面的几个原因之一清单是您指出的关于性能的内容。
我认为你们的顾客很平常,而且保持着联系。
阈值是关于页面加载时间的。当服务器不能足够快地生成完整的列表或者列表太长以至于浏览器速度变慢时。(如果您的CSS中有非标记悬停内容,并且浏览器是IE,则后一种情况可能发生在相当短的列表中。)

给用户一个强大的搜索功能,他们会缩小自己的页面列表。

EBGreen 17 年前

为什么不简单地让它成为一个用户可配置的选项呢?听起来您无论如何都计划基本上实现这两个功能。

老实说,我认为不管你选谁,都会有人抱怨。至少在它是用户可配置的情况下,您可以将它放回用户身上。

Jason S 17 年前

提供一个默认的页面长度和一个可配置的参数(例如,在用于编程的查询字符串中,和/或网页上用于交互的表单中),以控制页面中有多少列表。

用户灵活性好。Texas Instruments有一个参数化搜索工具,供电气工程师查找符合某些技术特征的IC,其中包括一个网页中的“显示全部”链接和一个.csv文件中的“下载全部”链接。那是一个很好的模特,我很荣幸。和Flickr一样,它们的API允许您控制(在很大程度上)Web服务调用上显示多少结果。

我个人讨厌那些默认为每页10个列表却无法增加的网站。浏览它们需要花费很长时间,如果我能一次得到所有的东西,我愿意等待更长的时间。

如果它是一个交互式网页,我会考虑使用一个每次下载100个的Ajax解决方案,这样就有进度的指示(如果有20000个结果,用户可以停止它)。

我同意佩兹的观点,这都是关于反应能力。

Joachim Sauer 17 年前

最佳解决方案:不要提供超过100个项目的列表。

通常您的用户不希望阅读超过100个甚至600个项目。他们就是不在乎。他们正在寻找一个(或者可能是几个)。确保有一种方法可以让他们在没有 visual-grep-ing 通过列表。

如果你的客户坚持显示所有项目,那么提供一个可配置的页面大小的分页,如果他想的话,让他输入“每页100000个项目”。

Paul Tomblin 17 年前

其中一本关于网页设计的开创性书籍(对不起,我忘了哪一本)曾经说过不要指望你的用户向下滚动,因为他们中的大多数人不知道该怎么做,也不会被打扰。我认为最近的一个更新表明,虽然对一般公众来说是正确的,但是某些技术性更强的用户可以向下滚动,你可以制作需要滚动的页面,如果你知道你的用户可以处理。

Perpetualcoder 17 年前

我非常了解你的处境。我也遇到过类似的情况。我将一个业务流程从人工管理改为自动化。最初使用Excel电子表格进行。我的软件的涉众是55岁以上的年龄段的人,他们不喜欢任何半开或任何你所说的用户界面模式。这种情况下,数据检索逻辑可以优化。任何接触到1K标记的表或具有图像斑点或类似项目的表都应该从性能角度以部分形式显示。

长输出渲染速度慢,性能差
客户绝大多数时候不想改变,除非你能说服他们,否则客户总是对的。
我已经提出我的门槛,但这也取决于行的内容。

快乐编码!