网格滚动以获得更好的用户体验答案

【问题标题】：Grid scrolling for better user experience网格滚动以获得更好的用户体验
【发布时间】：2010-01-15 16:01:57
【问题描述】：

我们有一个基于某些搜索条件显示报告的 Intranet 网页。搜索条件的控件位于页面顶部，报表网格是页面上的唯一内容。网格通常会显示超过 50-100 行并且需要滚动。从用户体验的角度来看，哪种页面设计更合适：

带有垂直滚动条和固定标题的固定大小网格。
- 这种方法的优势在于，当用户垂直滚动网格时，标题保持在原位并始终可见，从而更容易理解报告的内容。过滤条件也始终可见，无需滚动回页面顶部即可更改。
- 缺点是网格的大小必须固定，并且根据浏览器窗口的大小，可以显示两个垂直和两个水平滚动条（标准浏览器滚动条和网格滚动条）。这可能会有所缓解，因为我们知道用户的屏幕尺寸，并且我们可以在浏览器窗口最大化的情况下优化页面。
让网格根据记录数调整大小。
- 优点是只显示标准浏览器滚动条。
- 缺点是当用户向下滚动时，标题和过滤条件变得不可见。

请注意，我们不想使用分页，因为记录的数量不足以要求这样做，而且用户通常不喜欢分页，因为这会使他们更难以扫描结果。

这可能有点主观的问题，但它很常见，我认为应该有一个明确的用户体验指南来说明如何处理它。

【问题讨论】：

【解决方案1】：

作为一般规则，您应该避免在已经显示滚动条的页面中使用滚动条。对于水平滚动条尤其如此，您应该尽量避免使用它。

在长的垂直滚动列表中，固定列标题总是一个好主意，我强烈推荐（如果需要）。

但是，这些设计问题实际上取决于您的最终用户需求。您应该向用户群提出一些简单的问题，即：

用户将如何与数据交互？他们将执行的主要任务是什么？
他们将执行哪些次要任务？任务使用频率是多少？哪些数据对任务最重要？（显示优先级）设计对这些任务有帮助还是阻碍？
是否可以显示更少的数据，仍然有效满足用户需求？如果显示的数据较少，用户在需要时访问它的最有效方式是什么？等等

获得其中一些答案后，您应该专门针对最常见的需求进行设计，同时仍然考虑其他需求（使用 80/20 规则）。

而且，老实说，确保满足用户需求的最佳方法是让他们与您正在构建的内容进行交互，并在他们需要实际使用之前获得他们的意见以告知您的设计。

使用比较进行认知演练或使用实际原型，看看您的用户是否可以有效且高效地执行他们的任务。 UI 应该增强这一点，而不是阻碍它。如果您发现问题，您可以在设计上线之前对其进行更新。

归根结底，您是在为这些用户设计 - 在设计过程中包含他们和他们的反馈，您一定会成功！

【讨论】：

【解决方案2】：

让用户控制他们想查看多少条记录。

【讨论】：

【解决方案3】：

准则是“以最适合其使用方式的方式”

在不知道这些问题的答案的情况下，我会倾向于需要最少代码的想法，然后观察用户如何与之交互。

一旦您了解了它们的工作原理，您就可以了解哪些优化将使他们的生活更轻松。

让生活更轻松等于出色的用户体验。

【讨论】：