你是会员吗?寄存器登录

打开菜单

无限滚动:优缺点

单页网站是一种主要的设计趋势。尤其是当涉及到一个充满内容的页面设计时,由于无限滚动技术,设计师可以无限期地继续网页。

这项技术对某些网站和内容类型非常有用,而对其他人来说,这可能是麻烦和令人沮丧的。像其他设计技术一样,你不应该仅仅因为你想尝试一些新的东西而这样做;它应该是设计框架的战略部分。那么你怎么决定呢?让我们来看看无限滚动网站的优缺点。

什么是无限滚动?

无限滚动

在我们深入研究无限滚动的好坏之前,我们应该确保它被清楚地理解。随着一页网站的数量每天都在增加,区分无限滚动和视差滚动是很重要的。

视差滚动是一种流行的设计技术,背景和前景图像以不同的“速度”移动。创造深度的假象。这种技术通常用于单页网站上,以模拟不同内容的多个页面或屏幕的外观和感觉。虽然视差滚动没有限制,大多数设计师把它放在少数几个面板上。

无限滚动是另一种流行的设计技术,当用户向下滚动页面时,内容继续填充在屏幕底部。结果是“无穷无尽”随着用户操作继续增长的内容流。它没有独特的(或任何)停止或终结点。无限滚动的常见例子是流行的社交媒体网站Facebook,Twitter,和Pinterest。这些站点中的每一个都使用这种无限滚动技术来保持信息填充到提要中,所以网站没有尽头。

专业:保留用户

无限滚动

无限滚动对于想要长时间保留用户的网站来说是一个很好的工具。该技术对于具有经常更新的列表或内容的站点很常见。(回到社交媒体网站的常见用法。)

因为内容继续出现,用户发现自己滚动和交互的时间更长。谁不想看到刚刚出现在你已经交互过的内容下面的新内容?这种技术可以帮助设计师在用户面前获取各种内容,甚至可能是用户在其他方面找不到的信息。

con:页脚信息丢失

无限滚动最大的问题之一是这些网站上缺乏页脚。用户喜欢并理解页脚。设计师和开发人员都受过“培训”一个页脚将出现在网站最重要的部分的用户,如联系人或社交媒体信息,隐私或安全通知,版权信息等。

黏脚是解决这个问题的一种方法。更多具有无限滚动功能的站点开始使用这种技术。但是,重要的是要考虑你的网站的重要信息在哪里,并确保用户可以找到他们。

专业:非常适合移动和触摸

无限滚动

无限滚动几乎是为移动用户设计的。与桌面网站体验不同的是,我们多年来一直在争论卷轴是否死掉,移动设备是为卷轴设计的。用户希望滚动。无限滚动对于这个平台来说是一种期望的和几乎是期望的体验。

此外,无限滚动也适用于触摸。想想许多无限滚动项目的设计,弹出的内容框。这些框中的每一个都是以这样一种方式设计的,即每个框都是一个独特的元素,每个元素都可以点击或点击来获取更多信息。

反对:导航和链接会变得混乱

知道有很大一部分的网站访问者以主页以外的方式访问某个网站,导航对于保持这些用户在身边至关重要。无限滚动会使导航有些混乱。

导航在哪里?粘性概念是这里的一种选择。但它如何链接到其他内容呢?站点地图的链接和流模式是什么?如果一切都在一个巨大的页面上,这可能具有挑战性。

这也会使书签和跳跃变得困难。了解这些用户保存和跳过信息是网站设计中需要考虑的问题。另一种选择是编码“页面”以某种方式对信息进行分组。

专业:为视觉效果而设计

无限滚动

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

图像数量、图像大小或图像形状没有限制。它可以像一个巨大的拼图游戏一样拼凑在一起,提供一种有趣的美学效果。视觉效果可以与文本等其他元素结合在一起,颜色或用户界面工具,以吸引更多的用户。

使用无限滚动最常见(也是最好的方式)的网站是那些包含高度可视内容的网站。设计和照片组合以及照片共享网站内容很常见。其他常见的内容是聚合,例如Tumblr(也倾向于可视化)和一些电子商务。

反对:跟踪分析更难

如果你生活在分析领域,无限滚动有一些很大的挑战。一行谷歌分析代码可能无法提供您需要的所有信息,一些第三方工具可能是必要的。

这也给搜索引擎优化带来了一些挑战。有一些方法可以克服SEO问题,但是你必须考虑到它。谷歌有一个指南,可以让这些应用程序在网站管理员工具包.

pro:使浏览变得容易

无限滚动

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

在需要指示的网站上使用许多不同的滚动技术,无限滚动是其中最简单的。向下移动页面,将显示更多内容。你不必担心用户放弃你的网站,因为他们不理解它是如何工作的。

con:装载时间和碰撞问题

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

尽管所有这些都是合理的考虑,通过良好的设计和开发实践,您可以与其中许多人进行抗争。你也可以考虑无限卷轴不一定是无限的。也许卷轴很长,但有一个结尾。可能它加载了如此多的图像,然后要求用户单击以获取更多信息。也许网站会无限滚动,但那个卷轴实际上是一个内容循环。

专业:开启创新之门

无限滚动

上面的con示例中的maybes仅仅开始暗示在考虑Web设计项目的无限滚动时您拥有的选项的数量。这项技术开启了创造性的大门,也开启了展示信息和讲述故事的新途径。

考虑一下这种技术如何与您的内容和网站设计的其他部分协作。无限滚动是在一个更大的网站的单个页面上工作的吗?它是一种结合其他效果讲述独特故事的方式吗?在开始使用它之前,考虑一下这种技术如何帮助您的内容(如果它帮助您的内容)。

反对:相同的旧设计

悲哀地,无限滚动的最大缺陷之一是使用这种技术的站点看起来很像。他们中的许多人的轮廓看起来像一个品脱最想要的人。

最重要的是,你需要创造出属于自己的东西。使用无限滚动,因为“其他人都在这样做”最终不会很好地为你服务。

结论

在项目中是否使用无限滚动是一个重大的决定。它既时髦又有趣,而且提供了一些独特的专业人士,但它也会给设计师和用户带来挑战。在你开始之前,值得权衡一下每一个利弊,所以这里有一个回顾式的检查表!

赞成的意见

  • 留住用户
  • 非常适合移动和触摸
  • 为视觉效果而设计
  • 使浏览变得容易
  • 开启创新之门

欺骗

  • 丢失页脚信息
  • 导航和链接会变得混乱
  • 跟踪分析更困难
  • 装载时间和碰撞问题
  • 老设计