当前位置: 首页 > 科技观察

网页开发设计:分页还是加载,这是一个问题

时间:2023-03-19 16:04:03 科技观察

无论是网页还是手机应用,信息往往无法在一个页面上显示,这就需要一些可以扩展页面信息的交互方式:分页(分页)和加载(连续滚动)。分页和加载是我们每天都会遇到的非常常见的交互方式。正是因为它们太普通了,我们甚至感觉不到它们的存在。浏览到页面底部时,只要看到页面点击一下,就会自动加载Readon。但也正是这个小点,会给用户带来截然不同的微妙感受。让我们谈谈这些小差异所带来的巨大差异。Pagination分页可以将大型内容分割成小块,分别显示在单独的连续页面上,方便用户理解和查找。它可以让用户清楚地知道自己想浏览多少内容,已经浏览到哪一部分,还剩下多少。分页可以让用户对他们正在查看的内容有一个明确的预期。较长的文章肯定会使用分页。一是给用户一个内容量的期待,二是给观看者提供一个停顿。如果用户看完一篇文章已经翻了十几屏,但是滚动条还停留在浏览器的中上部,那就没救了。再看看搜索引擎和电子商务网站,肯定会看到分页控件。在搜索或查看产品列表时,内容量根本无法预料。分页的第一个功能自然是告诉用户要浏览的信息量。其次,分页可以让用户快速跳过一些不想看的信息,或者快速跳转到第一页或最后一页,自主选择自己想浏览的内容。第三,分页非常容易定位和检索。可能是我在找裙子的时候,已经翻到第五页了,突然想起第二页有一篇好文章,直接跳转很快就找到了。分页控件实际上为网站内容创建了一个自然的停顿。如果这个停顿用得好,可以让产品更有节奏感。但是当用户浏览完一个页面的内容后,就必须停止正在进行的阅读,点击跳转获取更多的内容。不可否认,这种停顿会在一定程度上打断用户的思考。遇到分页,用户很可能会想,要不要继续浏览?还是离开网站?因此,在遇到分页时,往往会迷失部分用户。持续加载持续加载是一种与分页相反的交互模式,消息之间没有明显的边界或停顿。当页面滚动到底部时,会自动加载新信息。各种社交网络特别喜欢用这种控件,用户不会被打扰,可以流畅浏览,沉浸其中。但是因为信息是自动加载的,所以页面看起来好像还没有完成,而且很难预测页面会有多少内容。盲目加载会让用户感到迷茫:这个页面有多少内容?我查看了多少内容?我什么时候能读完这一页?对于这种不停的页面,用户也很难搜索到以前看过的信息。但对于这类以休闲娱乐为主的社交产品,采用不打断用户信息流的加载方式还是很合适的。使用分页控件时,用户必须点击才能查看更多内容,所以信息获取是用户主动请求的。使用持续加载时,自动加载新信息,用户被动接受。#p#分页和加载的折衷方式各有利弊,现在很多网站也会采用一些折中的方式:分页和加载一起使用。例如,在Quora上,自动加载4次后会出现一个“更多”按钮。在信息不断流动之后,会给用户一个停顿,让他们主动获取更多的信息。新浪微博也采取了这种妥协,自动加载两次,然后出现分页。对于大多数用户来说,闲暇时间浏览微博时,加载两次的内容就足够了。对于需要浏览更多信息的用户,让他们知道浏览了多少。为了让用户快速看到更多的图片,谷歌图片搜索也采用了持续加载的方式,但是在搜索图片的时候,用户也需要明确自己所在的位置,很有可能会回头去找图片刚看到的图片,所以谷歌也会在同一页标注页码,方便定位和搜索。这是另一种妥协。在屏幕更小、使用场景更多变的手机客户端上,滑动显然比精准点击更容易也更不易误操作。移动端产品信息结构比较简单,用户浏览时间比较短,使用时注意力比较分散。所以大多数应用都会使用持续加载。而且加载也比分页控件更节省空间。但是像搜索引擎这样的产品还是保留了分页的设计。选择加载或分页只是设计中的一个小点,但伟大的产品是由无数个小点组成的。根据产品的特点,选择最合适的交互方式是交互设计师的工作。原文链接:http://www.leeyue1007.com/index.php/2012/09/05/pagination/