it-swarm.cn

什么是更好的用户体验:可滚动表或全尺寸表允许浏览器窗口进行滚动?

什么是更好的用户体验:

  1. 通过在DIV中使用溢出CSS设置来创建可滚动表?
  2. 允许浏览器窗口滚动的全尺寸表吗?
11
7wp

允许浏览器的滚动条(2)进行数据滚动的全尺寸表是更好的用户体验,因为同一页面上的多个滚动条将使用户感到困惑,并且有点令人生气。

当然,这仅适用于我们在此处讨论的滚动数据是页面的主要焦点的情况,在这种情况下,具有专用于屏幕该部分的滚动条是可以接受的。

13
Ryan Shripat
  1. 同一浏览器窗口中的多个垂直滚动条可能会造成混淆,尤其是在使用滚轮时。
3
Mattias Kihlström

只要在接口的上下文中有意义,就可以使用这两种方法。我尽量不要在DIV中使用滚动DIV作为一般规则,因为它们会变得混乱。当用户滚动击中一个DIV的底部时,浏览器通常会开始滚动下一个DIV或页面,这可能会令人不快。

以我的经验,在所有其他因素相同的情况下,复杂程度较低的界面将具有较短的接受/学习曲线。

2
Matt

我要说的是,如果您的数据表非常大,最好的方法是使用CSS设置<tbody>标签在表格中。这样,您的标头(存储在<thead>)将保持可见,无论用户滚动了多少。这将为用户提供类似于查看表格数据时在标准应用程序中可以提供的体验。

我认为这是最好的解决方案,因为在进行大量滚动操作时,用户一定要记住这些列标题是什么,并且如果可以这样做,以便他们始终可以看到标题,那么您肯定会为他们提供更好的体验(记住史蒂夫·克鲁格(Steve Krug)不朽的话-“不要让我思考”。

2
Charles Boyung

读完这篇文章后,发生在浏览器窗口中可滚动窗口的非常糟糕的实现 完美示例 。我认为这显然很尴尬。

我首先尝试使用外部滚动条将所有的狗滚动走,在内部窗口中移动鼠标会滚动这些狗,但是现在我只看到一半的窗口,必须回到第一个滚动条才能将其移回。主要内容不应降级为这样的小内部框架。

2
scauer

选择选项2。在滚动至底部并且页面飞下来时,在滚动范围内滚动始终会使用户感到困惑,并且烦人。

我的问题是,您是否有任何方法可以对数据进行排序,以使所显示的数据集更小?是通过混合使用JavaScript和CSS进行隐藏还是通过使用某种脚本?显示多行数据绝不是用户友好的。除非用户理解ctrl + f的奇妙之处,否则会浪费大量时间滚动。

您还可以考虑添加滚动时漂浮在列表顶部的标题。这样,用户不必向上滚动到顶部即可知道列名是什么。

2
LoganGoesPlaces

通常应避免嵌套滚动条。真正应该使用它们的唯一时间是表下方是否有控件,如果表很长,可能会丢失这些控件。

2
Tom R

这取决于您所设想的用法。

有很多避免嵌套滚动条的充分理由,但是在某些情况下,应该滚动表。这里有一些:

  1. 除了桌子外,其他所有内容都可以显示在屏幕上。如果是这种情况,则说明您没有嵌套的滚动条(即浏览器没有它们),并且可能有充分的理由使表格只能滚动。
  2. 该表的主要用途是对照页面上的其他内容引用其中的一小部分。例如,您必须根据用户必须查找的表中的某些内容(“某些内容”过于直观而无法自动化)来填写三段信息。如果使整个页面可滚动,则用户必须在表中搜索所需的内容,然后滚动到顶部以填写信息,然后再次搜索等。如果使表可滚动,则“填充”部分UI停留在屏幕上。
2
DJClayworth

垂直滚动让浏览器处理水平滚动(应完全消除),使用CSS溢出设置进行处理。

研究表明,用户不介意向下滚动,但讨厌滚动。

1
Sruly