博客长文章选择无限下拉,还是分页?

2017年11月19日14:41:43 32 1,376 views
创业项目

我应该为我的长博文选择无限下拉模式还是分页模式呢? 一些设计师在为此而感到纠结。每种模式都有他们的优势和劣势,在这篇文章中,我们会概述这两种模式,并决定为我们的长博文选择哪一个。

 

 无限下拉模式 

无限下拉模式使用户在浏览包含大量信息时能够使页面无穷无尽,它实现起来也并不复杂,只要在用户下拉时更新页面就行。听上去似乎还挺诱人的,然而这种模式并不是应对所有网站或应用的万全之策。

 

博客长文章选择无限下拉,还是分页?

 

优势 #1: 用户参与和内容发现

当你使用滚动作为检索数据的主要方式的时候,它可能会让用户在你的网页上停留得更久,用户参与也随之增加。随着社交网络的普及,大量的信息被消耗;无限下拉提供了一种无需等待页面预加载即可畅游信息之海的有效方法。

无限下拉是几乎每个发现界面的必备功能。在用户并不搜索特定内容,而是需要阅览海量信息来发现他们感兴趣的事物的状况下。

 

博客长文章选择无限下拉,还是分页?

 

优势 #2: 下拉比点击更易于操作

相对于点击来说用户更熟悉下拉。鼠标滚轮或者触摸屏让下拉(的动作)要比点击来的轻松迅捷。对于连续而冗长的内容,比如一篇教程,下拉模式相对将文本分为几个不同的屏幕或页面提供了更好的可用性。

 

博客长文章选择无限下拉,还是分页?

 

点击事件: 每次内容刷新都需要一次额外的点击动作,还有等待页面加载的时间。

下拉: 内容刷新只需要一个下拉动作。

 

优势 #3: 下拉适用于移动设备

屏幕越小,拉得越长。

移动浏览的普及是长下拉的又一重要支撑。移动设备的手势使下拉(的动作)直观易用。其结果是,无论所使用的设备如何,用户都能享受到真正的响应式体验。

 

博客长文章选择无限下拉,还是分页?

 

劣势 #1: 页面性能和设备资源

页面加载速度对于良好的用户体验来说意味着一切。 多项研究已经表明缓慢的加载速度会导致用户离开你的网站或者卸载你的应用,而这些则意味着低转化率。这对于那些使用了无限下拉模式的站长来说是个坏事。用户下拉的越多,在同一页面加载的内容也就越多。其结果是,页面性能会越来越慢。

另一个问题是用户设备的性能限制。在很多能够无限下拉的网站,特别是有很多图片的那种,性能有限的设备,比如iPad,可能会由于大量加载的数据而变慢。

 

劣势 #2: 项目搜索和定位

无限下拉的另一个问题是当用户在信息流中选定一个点的时候,他们无法标记并稍后返回到这里。一旦离开站点,他们会丢失所有的进度,还不得不重新下拉到原来的位置。 无法确定下拉的位置不仅会为用户带来烦恼或困惑,也会导致对整体用户体验的损害。

 

博客长文章选择无限下拉,还是分页?

 

劣势 #3: 不相干的滚动条

另一个烦人的东西是不反映实际可用数据量的滚动条。 你可以轻松的滑动页面,以为自己正靠近底部,这可能会让你稍微多滑了那么一点,结果就会是在当你抵达的时候,(内容)刚好翻了一倍。从可达性的角度来说的话,影响用户对滚动条的使用这一点真是糟糕。

 

博客长文章选择无限下拉,还是分页?

 

劣势 #4: 缺少底栏

底栏是有理由存在的:它们包含用户有时会需要的信息——一旦用户找不到什么东西或者想要获取更多信息的话,他们常常会去找找底栏。但因为无限下拉的缘故,用户在触及底部的同时,会有更多的数据加载,每次都会将底栏推到视线之外。

使用无限下拉的网站,应该让底栏固定在(网页)底部或将链接移至顶栏或侧边栏

另一个解决方案是通过使用一个加载更多的按钮,根据需要加载。新内容不会自动加载,除非点击【加载更多】的按钮。这样以来用户不用追逐就能容易的到达你的底栏。

 

博客长文章选择无限下拉,还是分页?

 

 分页模式 

分页模式是一种将内容分解到不同的独立页面的用户界面模型。如果你下拉到页面底部,看到了一串数字——那就是这个网站或者应用的分页。

 

博客长文章选择无限下拉,还是分页?

 

优势 #1: 优秀的转化效果

分页模式适用于用户需要在搜索结果列表中检索特定内容的时候,而不是仅仅对信息流进行浏览。

你可能会把百度搜索作为估量分页模式优势的例证。寻找最好的搜索结果,最短只需要几秒钟,长则花个把小时,都取决于你的搜索内容。但当你决定不再按当前模式在百度搜索时,你知道搜索结果的具体数量。 你可以决定在哪里停止或有多少搜索结果需要阅览。

 

博客长文章选择无限下拉,还是分页?

 

优势 #2: 掌控感

无限下拉像是一场无休止的游戏 ——不论你已经下拉了多长,你都会觉得这永远都不会有尽头。用户在知道搜索结果数目时更能够作出更明智的决定,而不是在被留在那里面对着一个无限下拉的表单时。 根据研究人机交互中的心理学: “抵达终点给人一种掌控感。”这项研究也阐明了当用户受限但是依然有相关结果时,他们很容易确定自己找的到底在不在这里。

当用户看到的结果总数时(结果的总数不是无限的),他们会估算自己寻找所需的时间。

 

优势 #3: 项目位置

一个有分页的界面会让用户对项目的大致位置有所感观。他们可能不清楚具体的页码,但会记得大致位置,而分页的链接则让这个过程更加轻松。

 

博客长文章选择无限下拉,还是分页?

 

在使用分页时,用户可以掌控自己的浏览方式,因为他们知道可以点击哪个页面回到之前浏览的地方。

分页模式很适合那些电子商务性质的网站和应用。当用户在线购物时,他们会想要回到刚才离开的位置,继续购物。

 

劣势: 额外的动作

在分页模式下,如果要去下一个页面,用户需要找到目标链接(比如“下一页”),把鼠标悬停在其上方,点击,还要等待新页面加载完毕。

 

博客长文章选择无限下拉,还是分页?

 

这里主要的问题是,大多数网站都只为用户在一个单一的页面中显示非常有限的内容。只有在使你的网页更长且不影响加载速度的情况下,才可以使用户在单一页面无需点击分页按钮获得的更多的内容。

 

 什么时候选用无限下拉/分页模式? 

只有在少数几种情境下无限下拉模式才会相当好用。它非常适合那些用户产生内容(微博,论坛) 或者视觉内容(花瓣, behance)的网站和应用。 另一方面,分页模式则是一种安全的选择, 也是那些满足用户的目标导向活动的网站和应用的优秀解决方案。

在这一点上百度的经验就是一个很好的例子。百度图片选用了无限下拉模式,因为用户浏览和理解图像的速度要快于文本。阅读搜索结果需要更长的时间。这就是为什么百度搜索依然使用分页模式。

 

   结论:   

设计师们需要在权衡这两种模式的优劣之后作出选择。选择适用于你的设计情境和内容的传达方式。总的来说,无限下拉模式适用于类似微博这种网站,用户消耗着永不停歇的信息流,不需要寻找什么特定的东西;而分页模式则适用于用户需要查找特定项目,而且已浏览记录也是很重要的搜索页。

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:32   其中:访客  26   博主  6

    • avatar mi。 0

      评论看看了

      • avatar siyochen 0

        我的是无限下拉,别人一般进来看的话也就看最前面几篇,只有自己会翻页看看以往的记录

          • avatar Liwei Admin

            @siyochen 博主的主题和内容适合所下拉的,而且需要点击“加载更多”才会展现更多内容,其实也算是分页的形式。很不错

          • avatar 狂放 1

            Ajax大法好。两个合起来不就是了233,另外滚动条会加长来着

            • avatar 值品分享 2

              我的就是无限下拉的。分页没有启用。适合自己就行。

              • avatar Mr.He 0

                有个强迫症,看网站总想看底部,结果无限下拉….