网格滚动可获得更好的用户体验

Question

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

• 固定大小的网格，带有垂直滚动条和固定标题。

  • 这种方法的优点是，当用户垂直滚动网格时，标题会保留在原位并始终可见，从而更容易理解报告的内容。过滤条件也始终可见，无需滚动回页面顶部即可更改。
  • 缺点是网格的大小必须固定，并且根据浏览器窗口的大小，可以显示两个垂直和两个水平滚动条（标准浏览器滚动条和网格滚动条）。这可以稍微减轻，因为我们知道用户的屏幕尺寸，我们可以假设浏览器窗口最大化来优化页面。

• 让网格根据记录数量进行调整。

  • 优点是只显示标准浏览器滚动条。
  • 缺点是，当用户向下滚动时，标题和过滤条件将变为不可见。

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

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

Answer 1

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

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

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

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

一旦获得了这些答案，就应该专门针对最常见的需求进行设计，同时还要考虑其他需求（使用80/20规则）。

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

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

在一天结束时，您正在为这些用户进行设计 - 在设计过程中包含他们和他们的反馈，您一定会把它从公园里拿出来！

Answer 2

让用户控制他们想要查看的记录数。

Answer 3

指南是“无论什么对它的使用方式最有意义”

1. 您的用户将如何使用 格？仔细阅读结果后 搜索，他们经常需要 再次搜索？或者他们会简单 点击结果并继续进入该应用的另一个区域？

2. 是否在没有列标题的情况下轻松读取数据？即

   约翰史密斯| CEO | GlobalMecaCorp | 3斯坦福之路| （043）1233 1233

   VS

   1235 | 12312 | 1233 | 12301823 | A | ADX

如果不知道这些问题的答案，我会错误地认为需要最少代码的想法，然后观察用户如何与之交互。

一旦你看到它们如何运作，你就能看到优化将使他们的生活更轻松。

生活变得更容易等于伟大的用户体验。