当前位置: 代码网 > 服务器>网站运营>网站建设 > 分页式设计还是瀑布流滚动设计?信息量大的网站取舍指导

分页式设计还是瀑布流滚动设计?信息量大的网站取舍指导

2016年08月08日 网站建设 我要评论
分页式设计还是瀑布流滚动设计?信息量大的网站取舍指导如果你的网站信息量巨大,你会选择分页式设计还是瀑布流滚动设计?下面就这两种设计方式的优缺点比较,给大家分析一下到底哪种适合你的网站... 16-08-08

pagination优点

1. 双向互动,让使用者有时间思索、决策:

阅览完一页后,因为还要点击下一页的关系,有机会停顿一下,使用者有个喘息的机会,去思考是否还要继续看下一页。不像infinite scroll,一直出现新的内容,不停被喂养信息。

2. 给予使用者较佳的控制感:

在找寻时,pagnation的分页,会让使用者知道已经找了几页。有研究指出到达页面底端时,有种任务达到一个段落的感觉,会让使用者有种愉悦的成就感和控制感。

3. 快速查找过往信息:

相信大家都有过找寻一些历史消息的经验,可能找了几页数据,我们就可能10页10页这样跳,大概会抓说可能10页就是几天的讯息,可能可以利用页数,大概抓到资料会在第几页哪个位置。但是infinite scroll就无法做到这件事了,如果要找比较远的数据,就必须一直scroll到底再等待加载,中间加载了许多我们不需要的信息,就为了看比较久远的数据,强迫我们必须经历那个过程。

另外,有时候我们查找一些数据,需要再跳回去看的时候,我们大概会依稀记得之前看到的数据,大概会是在第几页,除了帮助记忆外,可以让我们可以更快跳到想要的内容上。infinite scroll因为scroll bar长度及位置的不停变动,无法像pagniation易于定位。

结论

pagination和infinite scroll有各自的优缺点,运用在适当的情境时,可以将优点及大化,缺点甚至会转为优点。pagination是比较常见的设计,因为需要点击才有下页内容,让人有停顿的时间,适合用在目标导向、一些需要思考决策、有目的性的活动,例如搜寻商品,或是找寻数据。

而infinite scroll适合快速且随意浏览的情境,也因为结构较为扁平,适合放同性质的内容。由使用者产生的内容(例如:facebook、twitter)以及图片内容(如:pinterest、dribbble)都相当适合infinite scroll,而面对较差的控制感、浏览器负荷高等缺点,能以load more按钮,作为折衷的办法。

再回过头看最初的问题,历史纪录应该用pagination还是infinite scroll? 或许一开始数据量不大的时候,infinite scroll是好用的,可是当数据量慢慢累积,需要好几页的内容时,为了找寻特定目标的需要,pagination会是比较好的选择。

电子商务究竟较适合pagination还是infinite scroll呢?

我认为,要看情境做判断。如果今天这个购物网站,比较像是让人能快速找到所需物品,使用者知道自己要买什么,买了就走,功能性取向的,就使用pagination较为合适。但如果今天的购物网站,是想要营造逛街购物的氛围,让使用者随意看看,激起购物欲望,那么或许infinite scroll也是可以考虑的,只是最好能在每个商品的tile上,能有我的最爱功能,点击爱心之后,可以收藏起来,避免最后找不到自己心动的商品。

其实有研究指出,pagination会拖慢浏览速度,也会让用户懒得点击去看其他页面的产品,降低产品曝光度。不过另外一方面,使用pagination,会让使用者花比较多的时间在第一页。当我们知道这些现象的时候,其实就可以运用一些策略手法,把看似缺点变成优点。例如使用pagination,多数人都停在第一页,这时候,第一页就可以放主打商品。

tf201608061

△ fancy:无限滚动模式的购物网站

one more thing:单页的内容数量

另外,无论是pagination或是infinite scroll with load more button都会面对一个问题,就是究竟pagination的一页或infinite scroll 出现按钮的长度应该要多长,要放多少东西,才是适宜的?这也是值得探讨的议题。

有文章指出,在电子商务的情境下运用infinite scroll,从产品类别点进去看的商品,可以列出50-100项产品,再出现load more按钮,但如果是搜寻结果,则建议25–75项,在手机上,则是因为屏幕的限制,建议15–30项商品即可。

同样是电子商务,简单看了一下市面上的网络购物平台,运用pagination的平台,一页也是50–100个物件间。

tf201608062

△ taobao:每一页有85个商品

tf201608066

ebay:默认50个商品,用户可以自由选择展示数量。

如果今天情境转为非电子商务平台,又会是什么结果呢?还可以再多做探索与研究。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com