河西做网站设计：滚动UI技巧应该避免

2019.05.30 河西做网站设计

河西做网站设计滚动是我们所知道的网络的一个基本功能。然而，一些网站喜欢改变滚动的工作方式，这不仅会让你吃惊，而且会以负面的方式影响你的整体体验。

简而言之，滚动之类的功能应该保持简单。在本文中，我们将讨论滚动如何影响用户的体验。然后，我们将讨论两个流行的滚动UI技巧，您应该避免，并讨论更好的选择。

向下滚动继续阅读！

为什么滚动会影响网站的功能

从功能和风格的角度来看，现在的网站非常复杂。然而，我们与他们互动的方式通常非常简单。在大多数情况下，与网站的交互可以归结为点击、键入或滚动。我们都知道这三种功能是如何工作的，更重要的是，我们期望它们具有普遍性。

例如，想象一下，每次单击页面内的任何地方，都会访问一个向下滚动页面的网站。它会使导航混乱，在某些情况下，它甚至可能会让你相信你的浏览器或电脑有问题，尤其是如果你不懂技术的话。

然而，是你可以改变滚动的工作方式，而不会影响你的网站的可用性。以视差为例。它的工作原理是创造一种虚假的深度感，通过以不同的速度滚动剖面来实现：

河西做网站设计

但是，视差之所以有效，是因为滚动功能对于用户来说仍然是一样的。这仅仅是一个视觉技巧，如果实现得很好，看起来就会令人叹为观止。考虑到这一点，让我们来谈谈一些类型的滚动UI技巧，这些技巧不一定能改善用户体验，但却很常见。

每当你在你的网站上实现新功能时，你需要问自己两件事：它是否实现了一个目的，它是否使你的网站使用起来更加复杂？理想情况下，答案应该分别是“和”否“。否则，你就有麻烦了。

以下是两种常见的滚动策略，它们为上述问题提供了不同的答案。

undefined

一个无限滚动的网站是时尚的，但它不是太实际。

河西做网站设计无限滚动是一个吸引人的名字，网站似乎永远不会结束-几乎字面意思。实现它意味着用户在滚动时将动态加载更多的内容，直到内容用完为止。

通常，在图库或博客索引上都会使用无限滚动。其目标通常是改进现场时间指标，而不必跳过几个页面。虽然效果看起来很酷，而且有一个合乎逻辑的目的，但实施这种策略有三个关键的缺点：

1. 它对大多数脚都不起作用。如果你的网站没有尽头，你将无法使用页脚除非你让它粘稠，这就占用了屏幕上的房地产。

2. 单个页面上过多的内容会影响性能。增加页面上的内容会占用访问者的资源。这意味着你的网站可能开始感到迟钝当用户滚动时。

3. 您需要实现加载动画。您经常需要添加某种视觉暗示当您向下滚动到页面底部时，要指示正在加载更多内容。否则，游客可能不明白发生了什么。

无限大滚动的简单替代方法是“分页”。如果你的网站内容太多，用网页来分解它是有意义的。不仅你的布局看起来不那么杂乱无章，而且从一个页面跳到另一个页面就像导航一样简单。

divi用户可以选择多少个帖子。在索引上显示，则主题将自动添加相对于内容的页面。同样的情况也适用于画廊模块，它支持在这样的情况下分页，在这些情况下，您有太多的图像，无法在一个页面中轻松地容纳。

你，你们能，会，可以避免添加更多的网页到你的网站，如果你只有少量的内容。但是，随着它的发展，您需要做出不影响用户导航的设计选择。添加页面是一个复杂问题的优雅解决方案，我们打赌您的用户不会对此抱怨。

undefined

卷轴劫持可以创造一个有趣的，但用户不友好的叙事体验。

通常，滚动是以设定的速度进行，这取决于你是使用键盘还是鼠标。然而，一些网站“劫持”了这些功能，使你在几乎没有过渡的部分之间跳跃。这听起来很小，但当你在野外遇到它时，可能会引起震动。

通常，设计和风格重的站点实现滚动劫持。他们有很多动画，视频背景，和其他铃铛和口哨。虽然它们看起来令人叹为观止，但它们也势不可挡。这就是我们反对涡旋劫持的具体原因：

· 它使导航显得迟钝。在大多数情况下，过渡将被人为地减缓，以避免看起来是即时的。然而，其结果是，你的网站最终会感到迟钝。

· 它剥夺了用户的自由。用户应该能够自由地浏览你的网站，滚动劫持可以让他们觉得自己受到了你想让他们看到的东西的限制。

· 有些游客可能会对这一变化感到困惑。如果用户需要精通技术来浏览你的网站，那么它在可用性方面的得分可能很低。

滚动劫持背后的目标是增加交互性。将此作为目标是非常好的，幸运的是，有几种方法可以做到这一点，而不影响您的网站的可用性。添加微相互作用例如，这是一个让访问者觉得你的网站更“活生生”的好方法。

但是，你不需要用动画填充你的网站创建一个引人注目的用户体验。如果你想要你的网站打破模具，最好的方法是设计一个独特导航方案，因为它的模块化系统，Divi可以帮助您实现这一点。

当涉及到网页设计时，滚动不是很多人关注的事情。毕竟，这些功能在大多数平台和应用程序中都是一样的。考虑到这一点，改变它通常是一个坏主意，因为你的网站的可用性是固有的影响所有的访问者。

河西做网站设计一般来说，我们反对你的网站进行负面影响的改变，而改变滚动工作的方式就是其中之一。我们特别推荐您避免滚动UI技巧，它们是：

1. 无限滚动：这个设计技巧可以看起来很棒，但它可以影响您的网站的性能。

2. 卷轴劫持：基本功能，如滚动和点击，应该保持不变的任何网站访问。

你认为如何改变滚动在你的网站上的工作方式？在下面的评论部分与我们分享你的想法！