网站建设之网页设计成无限滚动的利弊

单页网站是主要的设计趋势。尤其是涉及内容丰富的一页设计时，这要归功于无限滚动技术，使设计人员可以无限期地继续浏览网页。

对于某些站点和内容类型，此技术非常有用，而对于其他站点和内容类型，此技术可能很麻烦且令人沮丧。与任何其他设计技术一样，您不应该仅仅因为想要尝试一些新事物而这样做。它应该是设计框架的战略部分。那你怎么决定呢？让我们看一下无限滚动网站的优缺点。

什么是无限滚动？

在深入探讨无限滚动的优点和缺点之前，我们应该确保已清楚了解它。随着每天一页的网站数量的增长，区分无限滚动和视差滚动非常重要。

视差滚动是一种流行的设计技术，在该技术中，背景图像和前景图像以不同的“速度”移动以产生深度错觉。该技术通常在一页网站上使用，以模仿具有不同内容的多个页面或屏幕的外观。尽管视差滚动没有限制，但大多数设计人员将其限制在少数面板上。

无限滚动是另一种流行的设计技术，其中，当用户向下滚动页面时，内容会继续填充在屏幕底部。结果是“无限”的内容流随着用户的动作而继续增长。它没有明显的（或任何）停止点或端点。无限滚动的常见示例是流行的社交媒体网站Facebook，Twitter和Pinterest。这些站点中的每一个都使用这种无限滚动技术来将信息填充到提要中，因此这些站点没有止境。

专业版：保留用户

网站建设

对于希望长时间保留用户的网站，无限滚动可能是一个很好的工具。对于列表或内容经常更新的网站，该技术很常见。（回到社交媒体网站的常见用法。）

由于内容继续出现，因此用户会发现自己滚动和交互的时间更长。谁不想在与您互动过的内容下方看到刚刚弹出的新事物？该技术可以帮助设计人员在用户面前获得各种内容，甚至可能包含用户可能无法通过其他方式找到的信息。

缺点：页脚信息丢失

无限滚动的最大问题之一是其中许多网站上都缺少页脚。用户喜欢并了解页脚。设计师和开发人员已经“培训”了用户，使页脚会出现在网站的末尾，其中包括联系人或社交媒体信息，隐私或安全声明，版权信息等更多重要信息。

粘性页脚是解决此问题的一种方法。无限滚动的更多站点开始使用此技术。但是，重要的是要考虑您的网站活力所在的位置，并确保用户可以找到它们。

Pro：非常适合移动和触摸

网站建设

无限滚动几乎是为移动用户设计的。与台式机网站体验不同（我们多年来一直在争论滚动是否已失效），而移动版是为滚动而设计的。用户希望滚动。无限滚动是该平台的预期和几乎期望的体验。

此外，无限滚动也可以很好地与触摸配合。想想许多无限滚动项目的设计，弹出的内容框。这些框中的每个框的设计方式都使每个框成为一个独特元素，每个元素都可以点击或单击以获取更多。

缺点：导航和链接可能会变得混乱

知道很大一部分网站访问者都是通过首页以外的其他方式访问网站的，因此导航对于保持这些用户的访问至关重要。无限滚动会使导航有些混乱。

导航在哪里？粘性概念是这里的一个选项。但是它如何链接到其他内容？网站地图的链接和流程模式是什么？如果一切都在一个巨大的页面上，这将是一个挑战。

它还可能使添加书签和跳转变得困难。了解这些用户既可以保存信息又可以跳过过去的信息，这是您在网站设计中需要考虑的事项。一种替代方法是将“页面”编码为滚动技术，以便以某种方式对信息进行分组。

专业版：为视觉而生

无限滚动仅适用于视觉网站。您可以以Pinterest样式显示无限数量的图像。

图像数量，图像尺寸或图像形状没有限制。它们都可以像一个巨大的拼图一样拼凑在一起，以提供有趣的美学效果。视觉效果可以与其他元素（例如文本，颜色或UI工具）结合使用，以进一步吸引用户。

使用无限滚动最常（且以最佳方式）的网站是包含高度可视内容的网站。设计和图片组合以及图片共享网站的内容很常见。其他常见的内容是聚合，例如Tumblr（也趋于可视化）和一些电子商务。

缺点：跟踪分析更困难

如果您要进行分析，那么无限滚动将面临一些巨大的挑战。一行Google Analytics（分析）代码可能无法提供您所需的所有信息，并且可能需要某些第三方工具。

它还会带来一些搜索引擎优化挑战。有一些方法可以解决SEO问题，但您必须考虑到它。Google在网站管理员工具包中提供了有关使它们的爬网程序可找到的应用程序的指南。

优点：浏览方便

每个用户都知道如何滚动。就这么简单。

在网站上有许多需要说明的滚动技术，无限滚动是最简单的方法之一。向下移动页面，将显示更多内容。您不必担心用户放弃您的网站，因为他们不了解它的工作原理。

缺点：加载时间和崩溃问题

有时无限滚动会卡住。可能会很慢。如果用户确实无限期滚动，它可能会停止工作。就像其他任何类型的网站设计一样，它可能崩溃。

尽管所有这些都是有效的关注点，但是您可以通过良好的设计和开发实践来应对其中的许多问题。您可能还会考虑无限滚动实际上不一定是无限的想法。也许卷轴很长，但已经结束了。也许它加载了这么多图像，然后要求用户单击以获取更多图像。也许网站可以无限滚动，但是该滚动实际上是内容循环。

优点：打开创造力之门

上面con示例中的mays仅在暗示为Web设计项目考虑无限滚动时所具有的选项数量。该技术为创造力和展示信息和讲故事的新方法打开了大门。

考虑一下该技术如何与您的内容以及网站设计的其他部分协同工作。无限滚动在大型网站的单个页面上是否起作用？这是一种结合其他效果讲述独特故事的方法吗？在开始使用该技术之前，请考虑该技术如何帮助您的内容（以及是否对您的内容有帮助）。

缺点：相同的旧设计

可悲的是，无限滚动的最大陷阱之一是，使用这种技术的站点如此之多。他们中的许多人都有看起来像Pinterest的轮廓。

为了产生最大的影响，您需要创建自己的东西并拥有它。由于“其他所有人都在做”而使用无限滚动最终并不能很好地为您服务。

结论

在项目中是否使用无限滚动可能是一个重大决定。它既时尚又有趣，并提供了一些独特的优点，但也可能给设计人员和用户带来挑战。在开始之前，有必要权衡每个优点和缺点，因此这里有一个概述样式清单！

优点

• 留住用户
• 非常适合移动和触摸
• 专为视觉设计
• 轻松浏览
• 打开创造力的大门

缺点

• 页脚信息丢失
• 导航和链接可能会变得混乱
• 跟踪分析更加困难
• 加载时间和崩溃问题
• 相同的旧设计