该当是利用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好？相信这是一些设计师常常须要去思考的问题。实在任何事物都有优缺陷，无限下拉滚动和分页也不例外。本文将两种方法的适用场景并剖析哪类项目适宜用哪种办法，相信对你有一定的帮助。
无限下拉加载技能利用户在大量成块的内容面前一贯滚动查看。这种方法是在你向下滚动的时候不断加载新内容。虽然听起来比较诱人，但该技能并不是一个面向任何网站或运用程序的通用方案。
优点1：用户参与和内容创造
当你利用滚动作为创造数据的紧张方法时，它可能使你的用户在网页上勾留更永劫光并提升用户参与度。随着社交媒体的盛行，大量的数据被用户消费。无线滚动供应了一个高效的方法让用户浏览海量信息，而不必等待页面的预加载。
无限滚动险些是一个创造界面的必备功能。当用户并不特意探求特定的内容时，他们须要通过查看大量内容找到自己中意的信息。
你可以通过Facebook信息流的例子来评估无线滚动的好处。用户知道他们不可能看到信息流里面的所有内容，由于内容更新太频繁了。通过无线滚动技能，Facebook正竭尽所能匆匆使更多的信息能呈献给用户面前，用户则产生对信息的浏览和消费行为。
优点2：滚动要比点击好
用户利用滚动能得到比点击/轻点更好的体验。鼠标滚轮和触控屏使滚动行为要比点击更快更随意马虎。对付那些连续且冗长的内容，比如一本解释书，滚动要比把这些信息分成几个独立的屏幕或页面有更好的易用性。
优点3：滚动对移动设备很友好
屏幕越小，滚动就越长。移动浏览的遍及也匆匆使了长滚动。移动设备的手势掌握使滚动更直不雅观和易用。其结果便是，用户享受相应式的体验不论他们利用何种设备。
缺陷1：页面性能和设备资源
页面加载速率是良好用户体验的统统。多项研究已经表明缓慢的加载速率会造成用户离开你的网站或者删除你的运用程序从而降落转换率。这对那些运用了无线滚动方案的开拓者自然是坏。用户在一个页面越向下滚动，就会加载更多的内容。结果便是页面性能越来越低。
另一个问题是用户设备资源的限定性。在很多运用无线滚动方案的网站上，尤其那些包含很多图片的站点，那些受资源限定的设备，比如iPad会越来越慢由于其加载了大量外部资源。
缺陷2：搜索和位置标记
无线滚动的另一个问题是当用户到了当前信息流中的一个特定点，他们没法标记当前位置且不能再随后再回到这里。他们一旦离开，就会丢失当前的浏览记录，以至于如果要回到上次的位置，他们必须得重新滚动去创造。这种做法的结果便是用户产生困扰厌烦更影响了其全程的体验。
在2012年，Esty花韶光利用了无线滚动方案，末了创造该方案并没有分页方案表现的好。虽然两种方案下的购买转化率差不多，但是用户的参与度降落了—用户没再过多的利用搜索功能。
就像Dmitry Fadeev 指出：“人们会想要回到他们的搜索结果列表中检讨他们刚刚找到的东西，并跟列表之外他们创造的东西做比拟。无线滚动不只冲破了这种动态，它也使得高下移动列表变得困难，尤其当你返回到列表页却创造自己又回到顶部，不得不重新滚动等待结果的加载。从这个角度来看，无线滚动确实要比分页方案效率低。”
缺陷3：无关紧要的滚动条
另一个讨厌的问题是滚动条并没有反响呈现实的数据量。假设你快要靠近底部了，你会很随意马虎受滚动条的领导再滚动一点点，但结果却创造当你到那里的时候数据量又翻倍了。从一个可用性的角度来说，冲破滚动条的正常利用规则对用户来讲是非常糟糕的。
缺陷4：页脚的缺失落
页脚的存在是有缘故原由的：它们包含一些用户可能会须要的信息—如果用户找不到它们想找的东西或它们须要一些额外的信息的话，他们常日会到页脚看看。但是由于这种信息流的无线滚动，用户常常一到底部就会有更多的数据加载出来从而将页脚永久的置于了视野之外。
那些运用无线滚动方案的站点该当让页脚或者固定或者将其迁移至顶部或侧边栏显示。
另一个办理方案是出发加载更多的按钮的时候再去加载信息。新的内容不会自动加载直到用户点击了加载按钮。通过这种方法，用户能很随意马虎地到达页脚而不要一贯追赶它。
二、分页
分页技能是指将内容信息划分成独立的页面来显示。如果你滚到一个页面的底部看到一行数字，这些数字便是当前站点或者运用程序里面的分页。
优点1：良好的转换
当用户是在结果列表查找特定的信息而不是仅仅浏览信息流时，分页便是好的选择。
你可以用谷歌搜索的例子来评估分页的好处。查找最好的搜索结果可能须要花费1分钟或者1个小时，这取决于你的搜索。但是放你在谷歌现有的搜索格式下停滞征采时，你会知道搜索结果的准确数量。你能够决定在哪里停下或者精读哪些结果。
优点2：掌控感
无限滚动就像个无止境的游戏——无论你滚动多久，你会觉得永久结束不了。当用户知道可用结果的数量时，他们能够做出更知情的决定而不是被动的无限滚动列表。按照David Kieras 在他的研究Psychology in Human-Computer Interaction中提出：“能够到达结束点供应了一种掌控感”。该研究同时揭示了当用户有有限且干系的结果时，他们更随意马虎决定他们在探求的究竟在不在里面。
同样的，当用户能够看到结果的数量时，他们将能够预估他们找到想找的东西大概要花费多永劫光。
优点3：位置标记
分页方案让我们能够大概定向搜索的目标位置。用户可能难以记录页面的精确数字，但至少能够记录大概位置，而且页码链接能让他们更随意马虎到达那里。
分页方案对电子商务网站或运用程序来说很好。用户在线购物的时候，他们希望能够回到他们之前离开的地方连续购物。
缺陷1：额外的动作
在分页方案中，用户要到达下一张页面，就必须找到页码链接，移动鼠标置于其上，点击然后等待新页面的加载。
这种方案的紧张的问题是大多数网站中，每一页只向用户战象相称有限的信息。在不影响加载速率的情形下，加长你的页面，用户就能在每一页获取到更多的内容，他们就不必太频繁的点击那些页码链接。
三、什么时候利用无限滚动/分页方案？
实际上，运用无限滚动方案的实例只有很少部分。它最适宜于那些靠用户生产内容（Twitter，Facebook）或表现视觉内容（Printerest，Instagram）的站点/运用程序。而分页方案对那些希望知足用户目标导向的站点/运用程序来说则是一个安全、友好的办理方案。
谷歌的履历就很好的解释了这一点。谷歌图片利用无限滚动是为了担保用户能够比文本更快的浏览处理图片。阅读一个搜索结果列表每每花费一些韶光。
这便是为什么谷歌索索仍旧利用传统的分页方案。
四、结论
设计者在选择办理方案前该当权衡无限滚动/分页方案的优缺陷。这个选择取决于你设计中的高下午和内容的呈现办法。一样平常来说，无限滚动适用于向Twitter等那些用户重在消费无限的信息流而并不常征采特定的信息的运用。分页则适用于那些用户在探求特定信息的搜索结果列表页以及那些用户的浏览记录比较主要的场合。
译自：https://uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1#.3oje53veo
译者@三达不留点gpj
来源@简书
本文由 @三达不留点gpj 授权发布于大家都是产品经理 ，未经容许，禁止转载。
