分页和自动加载的用户体验分析

无论是在web页面还是手机应用，信息往往无法在一个页面全部展示，这就需要用到一些可以扩展页面信息的交互模式：分页（Pagination）和加载（Continuous Scrolling）。分页和加载都是非常常见的交互模式

分页

分页可以将大篇幅的内容分成小块，显示在单独的连续页面上，便于用户理解和查找。可以让用户清楚的知道，自己所要浏览的内容到底有多少、已经浏览到哪个部分、还剩余多少。分页可以使用户对所浏览的内容有清楚的预期。

篇幅较长的文章是一定会用到分页的。一是给用户内容多少的预期，二是可以给浏览者提供一个停顿。如果用户看一篇文章已经翻了十几屏，滚动条还是停留在浏览器中间靠上的位置，那该多绝望。

使用分页控件时，用户必须通过点击才能查看到更多的内容，所以说，信息获取是用户主动请求的。而使用连续加载时，新的信息是被自动加载进来，用户是被动的接受。

折中的方式

分页和加载各有利弊，如今的很多网站也会采取一些折中的方式：分页加载一起用。

如Quora，会在自动加载4次后出现一个“More”按钮，在连续的信息流之后，给用户一个停顿，让他们去主动的获取更多信息。

新浪微博也采取了这种折中方式，自动加载两次后出现分页。对于大多数用户，在闲暇时浏览微博，加载两次的内容已经能够满足他们，对于需要浏览更多信息的用户，也让他们知道自己到底浏览了多少。为了使用户可以快速看到更多图片，Google图片搜索也采用连续加载的方式，但在搜索图片时，用户也非常需要明确的自己的位置，也很有可能会回去找刚才看到过的图片，所以Google在同一页中也会标出页码，便于定位和查找。这也是另一种折中的方式。

手机客户端

在屏幕更小、使用场景更多变的手机端，滑动显然比精确点击更简单更不容易误操作。手机端产品信息架构相对简单，用户浏览时长相对较短，使用时注意力也相对分散。所以大多数app都会使用连续加载的方式。而且加载也比分页控件更省空间。

1.自动加载无法感受到接下去的内容还有多少

2.自动加载内容多了的时候，显得页面过长

3.可以根据页码记住刚才看到的感兴趣的东西在第几页，回去找比较方便，但是自动加载的话就有些麻烦

“自动加载”即“无限分页”，当用户滚动页面接近底部时，自动加载下一页的内容，对于内容比较复杂的列表页，例如可能会在页面出现较大的图片（包括 gif）、视频等，当加载内容到一定量的时候，将出现明显的性能问题，对于 IE 而言，更是卡得不行。这些 dom 元素是通过 js 动态创建的，这也是影响性能的重要原因。假设用户拉到后面已经卡得动不了，那么“自动加载”也就失去了意义，用户连查看内容都显得困难了，不会有太大欲望继续往下拉。

　在设计社交类型的网站的时候，所需要呈现的资料是非常即时的，使用者第一个想看到的应该都是最新发生的消息、朋友最新的状态，然后才是逐次的慢慢阅读到他还没看过的讯息。这种依照时间排序、变动性质非常大的资料，如果采用分页的方式呈现，每一个页码所代表的内容改变性很大，若采用分页可能是比较不好的方法。想像一下，你每次打开一本书、翻到第38页的时候，看到的都是不同的内容，应该是很困扰的一件事。

相对的，Google 和Flickr 所呈现出来的资料是搜索结果，和好友动态讯息比起来相对变化性低。使用者在每次翻页的时候都会留下使用印象。当使用者在第三页找到资料，而下次又需要这笔资料的时候，他会透过页码大概记得这笔资料的正确位置，而不用使用滚轮来上下卷动来寻找他所需要的资料。

1. 卷轴式适合浏览，分页式适合沉浸式阅读 

卷轴式编排适合结构清晰、大信息量、线性不强的内容，能够使用户在快速的扫描式阅览过程中高效获取需要的信息点，而长期在信息超量的门户网站之中成长起来的国内用户，信息扫描提取的能力较强。

分页式编排适合精细化、线性、需要深入阅读思考的内容，不同于卷轴式无限的下拉延伸，用户无法快速将所有内容一览无余，上下左右四条固定的边界也对注意力形成了一定程度的约束，精细化的线性阅读成为可能。同时，不同于卷轴式阅读需要无时无刻地滚动和适应变化了的内容格局（想想鼠标滚轮一滑，图片就被切掉了一半），逐页阅读是具有停顿和节奏的，内容始终是在既定的框架和约束之中的，类似于书籍，可以给用户以思考和互动的时间。

2. 卷轴式是用户主导，分页式是设计主导 
卷轴式编排设计成本较低，周期较短，对版面形式要求不高，在实时突发新闻的发布上具有即时快速的优势，能在第一时间将新闻内容以基本可接受的方式发布。另一方面，这也使得设计师/内容生产者丧失了对信息展现方式的主导权，除非信息量少到不用滚屏即可看完，否则用户看到的永远不是一个完整单位的信息，而是信息的局部——不受生产者精细控制，是用户在选择看他想要的部分。

分页式编排设计成本更高，周期较长，看看传统报刊的照排、美编就能知道，设计师在内容的呈现上发挥了较大的作用。页界定了包裹内容的边界，是对信息的一种切割，以页为单位，给了设计师与编辑做选择的可能──没有限制就无需做选择，它带来的直接好处就是能为用户提供更好的阅读体验。

3. 卷轴式应用终端广泛，分页式更适合移动终端 
在长期的纸本时代，我们习惯于“无页不成书”，纸张的便携和亲近感恰恰在移动终端上得到了继承，所以分页式编排更适合于便携、触控的移动终端。而卷轴式编排则具有更广泛的终端使用性，无论桌面、平板、手机都可以适用于卷轴式编排的新闻产品。