当页面上有大量内容信息时，设计方案中应该应用分页查询还是流布局的无止境翻转？今天这篇好文章深入分析了各种信息流网站(Google、Pinterest、淘宝)的做法，并举例说明了这两种方式的优缺点和可用场景。一个简明的干货知识，快来收藏！
前段时间正好有一个保证日志历史的设计方案。文本框应该选择什么样的设计方案也引起了讨论。无论是网络技术的网站，查找结果，查看图片，历史记录等。，如果内容信息量很大，室内设计师总是会处理同样的问题。
本文讨论了Google的设计方案。一般情况下，它使用分页(页数)的方法，但在照片搜索中，它使用无限滚动(无休止的翻转，流式布局)。怎么会有这样的差别？
△谷歌搜索
△谷歌图片搜索
其实分页和无限 滚动各有特点，适合不同的情况。分页将数据信息按页划分，底部有页码或标志可以点击换页，让人有间歇的时间。而 无限滚动把所有内容放在同一个页面。当滚动条滚动到页面底部时，它会自动加载新内容，而无需点击新页面。
简易剖析一下Infinitescroll的优点和缺点无限滚动优势
1.流畅的感觉和对内容的持续访问:
此外，当滚动时，对话框正下方的内容被悄悄预载在后面，客户可以无缝浏览，非常容易沉浸其中。与分页不同，在点击下一页后，它们必须等待 页的加载。其实适合没有特殊目的的主题活动。当你无聊的时候，你可以随便访问，比如脸书新闻频道。
无限 卷轴框架也比较扁平，适合展示类结构相同的东西，照片是最好的内容。因为视觉信息比文字更快被别人接受，所以大家总能拍完图 。Pinterest利用无限滚动的特性，不断给出各种照片，供室内设计师快速寻找设计灵感，给人无尽的刺激。
2.实际 *** 作简单快捷:
点击太少不需要看实际 *** 作，翻一下就可以有新的内容。实际 *** 作是高效的，最好的。而在手机上，滚动访问比点击更方便。
无限涡旋缺陷
1.无法返回纽约并确定数据信息的位置:
在一个很长的页面里，如果你想回过头去找以前读过的东西，会很难找到，而且你也不知道它的位置。与分页不同，您仍然可以记住内容在哪个页面上。
2.查找您想要的特殊信息的效率较低:
不能忽略多余的内容，马上跳过页面。我在自己的拍卖网站上购买物品的工作经验是，在选择了关键词，排列了价格之后，前面和最后的面的大部分数据信息 都和我想买的标的无关(有些商家会用零元或者9999999元来争取最好的排列位置)，所以此刻能不能跳页越来越关键。自然会多一点担心，帮忙找[
3.占用电脑浏览器资源太少:
在单个页面中，不断加载新的内容，非常容易使电脑浏览器过载，降低网页的效率。
4.滚动条的长度和位置不能恰当地描述内容长度:
以前无限滚动之前，无论是网页还是桌面软件，滚动条的长度都有表示数据信息内容的作用。大家也会看滚动条的位置，知道下面直接读了多少数据信息。但是，无限 scroll由于页面的长度会随着滚动条的个人行为不断改进，滚动条的长度和位置也会不断变化，失去了提醒的作用。
滚动条通常会变得越来越小，它的位置也会一直变化。
5.页脚(底部)越来越难应用，甚至不可能应用:
当滚轮翻转时，页面将自动加载更多内容，将页脚直接向下推，并淡出到对话框中。我经常有那种工作经历。本来想看文章页脚的信息。结果看到一个 半的时候就被加载的信息推开了。我又向下滚动，然后我又被推开了。我无法控制一切。有兴趣爱好的盆友可以尝试在Dribbble Designers页面用Footer玩旅行游戏。
△Dribbble
但事实上，为了更好地处理问题，加载更多按钮将是一个游戏。当滚动条在网页上实际加载了一定数量的内容时，它并没有自动完全加载。您必须按“加载更多”才能再次加载。这样可以处理一定总数内无法来回观看、占用电脑浏览器资源太少、无法应用页脚等问题。
Pagination优势1.双重互动，让用户有时间思考和管理决策:
在浏览一个页面后，用户有机会暂停，因为他们还必须点击下一个页面的关联。用户有机会喘口气，思考是否应该继续阅读下一页。与无限卷轴不同，新的内容无时无刻不在出现，信息也在不断被馈入。
2.给用户最好的 *** 控感:
搜索时，pagnation的分页查询会让用户知道已经搜索了两个页面。一些科学研究强调，当你到达页面底部时，你会觉得你有一个日常任务来完成文章的一段，这会给用户一种愉快的满足感和 *** 控感。
3.快速搜索过去的信息:
我坚信我们都有过寻找历史时间信息的经历。很有可能我们找到了两页的数据信息，很有可能会像10页一样跳转，说10页很有可能是几天的信息。很有可能我们可以用页数 来找出材料会在页面的哪一部分。但是，无限 滚动不能保证这一点。如果您想找到更多的数据信息，您必须一直滚动并等待它被加载。中间加载了很多不用的信息，只是为了更好的看更老的数据 ，这是你必须经历的整个过程。
另外，有时候当你不得不跳回去看一些数据信息的时候，你很可能会我还记得之前看到的数据信息，这些信息会在第一页。除了帮助记忆，它还能让我们更快地跳到我们想要的东西 。由于滚动条的长度和位置不断变化，无限滚动无法像pagniation那样精确定位。
结果分页和无限 滚动各有利弊。在适度的情况下应用，他们可以最大限度地发挥优势，甚至将劣势转化为优势。分页是一种流行的设计方案，因为下一页的内容 都要点击，让人有间歇的时间。适合有针对性、有针对性的主题活动，比如找产品或者数据信息。
无限 卷轴适用于快速随意的访问，由于其扁平化的结构，适用于具有相同特征的内容。用户生成的内容(如脸书、Twitter)及其图片 件内容(如Pinterest、Dribbble)都非常适合无限滚动。为了应对 *** 控感弱和电脑浏览器的高负载，可以使用Load more按钮作为折中。
回到第一个难题，历史记录应该使用分页还是无限卷轴？也许无限 scroll在刚开始信息量不大的时候很强大，但是当信息量逐渐积累，需要多页内容的时候，为了更好的找到某个特殊总体目标的必要性，分页会是更好的选择。
网络技术更适合分页还是无限滚动？
我觉得有必要看情况。如果今天的在线购物网站似乎能够使人们快速找到他们需要的东西，并且用户知道他们想要使用的东西，他们就可以购买并离开。如果是多功能的，应用 分页更合适。但如果现在的网购网站想营造一种购物氛围，让用户随便看看，刺激他们买东西的冲动，那么也许无限 scroll也可以考虑。能出现在每个产品的瓷砖上就更好了，能让我感到兴奋。点了爱之后就可以亲自收藏了，避免自己动心的产品最后找不到。
事实上，科学研究已经强调，分页会减慢访问速度，也会使客户不想点击查看其他页面的产品，从而降低产品的曝光率。但另一方面 分页的应用会让用户在第一页花费更多的时间。知道了这种情况，其实可以运用一些对策和技巧，把看似的缺陷变成优势。例如，当应用 分页时，大多数人会停留在第一页。这时，第一页可以用来放主要产品。
△花式:翻转方式层出不穷的网购网站。
OneMoreThing：宣传单页的内容总数另外，无论是分页还是无限滚动带LoadMore 按钮都会解决一个难题，就是分页或者无限滚动 的一页要多久才有按钮，要放多少东西才合适？这也是一个值得讨论的议案。
文章内容强调，在网络技术的情境下应用无限卷轴时，从产品类型角度可以列出50-100项，然后出现加载更多按钮。然而，如果你是在寻找结果，你可以提出25-75个项目。在手机上，是由于显示屏的限制，所以你可以提出15–30个项目。
同样是网络技术。简单看一下目前市面上的网购平台。使用Pagination的服务平台，一个页面也在50–100个项目之间。
△淘宝:每个页面有85个商品。
EBay:默认设置50件商品，顾客可以随意选择总数展示。
如果今天的情况变成非网络技术服务平台，会是什么结果？我们可以更好地进行探索和科学研究。
供稿:春川林
注:阅读相关网站基本建设方法的文章，请移至网站建设教程频道栏目。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）