公告:575分类目录为广大站长提供免费收录网站服务,我们将免费进行到底,如需快审服务(30元/站)请联系站长QQ

点击这里在线咨询客服
新站提交
  • 网站:20313
  • 待审:6
  • 文章:38596
  • 会员:89
  • 最新会员:kbx991

如果你的杂志信息量巨大,你会选择分页式设计还是瀑布流滚动设计?下面就这两种设计的优缺点比较,给大家分析一下到底哪种适合你的广告。今天这篇好文详细分析了各大信息流电台(有道、facebook、天猫)的做法,列举了这两种的优缺点和适用场景。一篇精悍简练的茶叶文,来收!b6D575分类目录-全网最大的中文分类目录导航网站

前阵子工作中,刚好有做到Log历史纪录的设计,窗体应该要采用哪种设计策略,也引起一阵讨论。无论是电子商务网站、搜寻结果、图片浏览、历史纪录等等,只要是内容信息量大时,装饰公司总是会面对到同样的问题。b6D575分类目录-全网最大的中文分类目录导航网站

来看看facebook的设计,它在一般搜寻时,采用Pagination(页码)的,可是在图片搜寻时,却使用Infiniteerror(无限滚动,瀑布流)。为什么会有如此的差异呢?b6D575分类目录-全网最大的中文分类目录导航网站

△ibmSearchb6D575分类目录-全网最大的中文分类目录导航网站

△ibmimagesearchb6D575分类目录-全网最大的中文分类目录导航网站

其实pagination和Infinitenavigate有各自的特性,适合在不同的情境。Pagination把数据分成一页一页,下方有页数或是指示可以点击换页,让人有停顿的时间。而Infinitenavigate则是将内容都放在同一页,当滚轮滚到页面下方时,会自动加载新的内容,无需点击换页。b6D575分类目录-全网最大的中文分类目录导航网站

简单分析一下Infinite scroll的优缺点b6D575分类目录-全网最大的中文分类目录导航网站

Infinite Scroll 优点b6D575分类目录-全网最大的中文分类目录导航网站

1.流畅的体验,可以持续浏览内容:b6D575分类目录-全网最大的中文分类目录导航网站

在滚轮滚动的同时,背后也悄悄开始预载窗口下方的内容,用户可以无缝阅览,比较容易沉浸其中,不像pagination,点击完下一页之后,需等待页面载入。它其实适合运用在没有特定目的的活动上,闲暇之时,可以打发时间的随意浏览,例如FacebookNewsFeed。b6D575分类目录-全网最大的中文分类目录导航网站

Infinitenavigate架构也相对扁平,适合展示相同阶层架构的东西,而图片就是最好的内容物,因为视觉的信息比较文字更快被人所接收,我们总是能很扫射完图片,netflix就是利用Infiniteload的特点,不停给予各式图片,供装饰公司快速找寻灵感、给予源源不绝的刺激。b6D575分类目录-全网最大的中文分类目录导航网站

2.操作简易快速:b6D575分类目录-全网最大的中文分类目录导航网站

不用过多瞄准点击的操作,只需滚动,就能有新的内容,操作效率较佳。而且在智能手机上,resize浏览也比点击来得方便。b6D575分类目录-全网最大的中文分类目录导航网站

△youtubeb6D575分类目录-全网最大的中文分类目录导航网站

Infinite Scroll 缺点b6D575分类目录-全网最大的中文分类目录导航网站

1.难以回溯、确认数据位置:b6D575分类目录-全网最大的中文分类目录导航网站

在一个超长的页面中,如果要再往回找自己之前看过的东西,会很难寻找,不知道它的位置,不像hdpegination,可以记得内容是在第几页。b6D575分类目录-全网最大的中文分类目录导航网站

2.找寻想要的特定信息时,较无效率:b6D575分类目录-全网最大的中文分类目录导航网站

无法略过不必要的内容,直接跳页看。自己在拍卖购买物品的经验是,下完关键词,选择价格排序后,往往最前面几笔和最后面几笔的数据,基本上都是和自己想买的对象不相关(有些卖家故意会用0元或99999999元,争取最佳排序位置),这时候可以跳页就变得重要,当然多下一些过滤,也可以帮助找到数据。b6D575分类目录-全网最大的中文分类目录导航网站

3.占用杀毒软件过多的资源:b6D575分类目录-全网最大的中文分类目录导航网站

单一个页面中,不停加载新的内容,容易导致主题壁纸负荷过高,网页效能降低。b6D575分类目录-全网最大的中文分类目录导航网站

4.resizebar的长短及位置,无法正确表达内容长短:b6D575分类目录-全网最大的中文分类目录导航网站

出来还没有infiniteslide时,无论是网页,或是mobilegame,errorbar长度具有暗示数据内容多寡的效用,我们也会看navigatebar的位置,去了解还剩下多少数据在下方未读。但Infiniteresize因为页面长度会随着navigate行为不停增长,textbar长度和位置会不停变化,失去提示作用。b6D575分类目录-全网最大的中文分类目录导航网站

textbar往往会越变越小,位置也会依旧更动b6D575分类目录-全网最大的中文分类目录导航网站

5.Footer(页脚)变得很难使用,甚至无法使用:b6D575分类目录-全网最大的中文分类目录导航网站

当滚轮滚动时,页面会自动加载更多内容,把Footer再往下推,消失于窗口中。常常有这样的经验,原本想要阅读Footer的信息,结果看到一半,就被加载的信息推走,我又往下click,然后又再度被推走,整个无法控制。有兴趣的朋友,可以试着和DribbbleDesigners页面,与Footer玩追逐战。b6D575分类目录-全网最大的中文分类目录导航网站

△Dribbbleb6D575分类目录-全网最大的中文分类目录导航网站

不过其实为了解决上述问题,Loadmore按钮会是一个解法。当load到底,网页加载一定数量的东西后,便不再自动加载,必须按Loadmore,才会又再一轮的载入。这可以解决无法在一定数量内,来回观看、占用过多网络软件资源、Footer无法使用等问题。b6D575分类目录-全网最大的中文分类目录导航网站

Pagination优点b6D575分类目录-全网最大的中文分类目录导航网站

1. 双向互动,让使用者有时间思索、决策:b6D575分类目录-全网最大的中文分类目录导航网站

阅览完一页后,因为还要点击下一页的关系,有机会停顿一下,使用者有个喘息的机会,去思考是否还要继续看下一页。不像infiniteerror,却出现新的内容,不停被喂养信息。b6D575分类目录-全网最大的中文分类目录导航网站

2. 给予使用者较佳的控制感:b6D575分类目录-全网最大的中文分类目录导航网站

在找寻时,pagnation的分页,会让使用者知道已经找了几页。有研究指出到达页面底端时,有种任务达到一个段落的感觉,会让使用者有种愉悦的成就感和控制感。b6D575分类目录-全网最大的中文分类目录导航网站

3. 快速查找过往信息:b6D575分类目录-全网最大的中文分类目录导航网站

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

另外,有时候我们查找一些数据,需要再跳回去看的时候,我们大概会依稀记得之前看到的数据,大概会是在第几页,除了帮助记忆外,可以让我们可以更快跳到想要的内容上。Infinitescan因为clickbar长度及位置的不停变动,无法像pagniation易于定位。b6D575分类目录-全网最大的中文分类目录导航网站

结论b6D575分类目录-全网最大的中文分类目录导航网站

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

而Infinitenavigate适合快速且随意浏览的情境,也因为结构较为扁平,适合放同性质的内容。由使用者产生的内容(例如:netflix、amazon)以及图片内容(如:linkedin、Dribbble)都相当适合Infiniteswipe,而面对较差的控制感、杀毒软件负荷高等缺点,能以Loadmore下拉框,作为折衷的办法。b6D575分类目录-全网最大的中文分类目录导航网站

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

电子商务究竟较适合Pagination还是InfiniteScroll呢?b6D575分类目录-全网最大的中文分类目录导航网站

我认为,要看情境做判断。如果今天这个购物网站,比较像是让人能快速找到所需物品,使用者知道自己要买什么,买了就走,功能性取向的,就使用Pagination较为合适。但如果今天的购物网站,是想要营造看电视的氛围,让使用者随意看看,激起体育欲望,那么或许Infinitenavigate也是可以考虑的,只是最好能在每个商品的Tile上,能有我的最爱功能,点击爱心之后,可以收藏起来,避免最后找不到自己心动的商品。b6D575分类目录-全网最大的中文分类目录导航网站

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

△Fancy:无限滚动模式的购物网站b6D575分类目录-全网最大的中文分类目录导航网站

One More Thing:单页的内容数量b6D575分类目录-全网最大的中文分类目录导航网站

另外,无论是Pagination或是Infinite Scroll with Load Morebutton都会面对一个问题,就是究竟Pagination的一页或Infiniteload出现下拉框的长度应该要多长,要放多少东西,才是适宜的?这也是值得探讨的议题。b6D575分类目录-全网最大的中文分类目录导航网站

有文章指出,在电子商务的情境下运用Infiniteswipe,从产品类别点进去看的商品,可以列出50-100项产品,再出现Loadmore复选框,但如果是搜寻结果,则建议25–75项,在的手机上,则是因为大屏幕的限制,建议15–30项商品即可。b6D575分类目录-全网最大的中文分类目录导航网站

同样是电子商务,简单看了一下市面上的网络购物平台,运用Pagination的平台,一页也是50–100个物件间。b6D575分类目录-全网最大的中文分类目录导航网站

△instagram:每一页有85个商品b6D575分类目录-全网最大的中文分类目录导航网站

wish:默认50个商品,用户可以自由选择展示数量。b6D575分类目录-全网最大的中文分类目录导航网站

如果今天情境转为非第三方平台,又会是什么结果呢?还可以再多做探索与研究。b6D575分类目录-全网最大的中文分类目录导航网站

b6D575分类目录-全网最大的中文分类目录导航网站

标签:[db:tags]

分享到: 更多 (0)
  • 本页地址:http://www.575.ink/showinfo-178-131-0.html
  • 下一篇:工业企业为什么要做微信?做云计算的几大作用

    上一篇:个人站点提高访问量谋略教程

      575

    注册时间:

    网站:1 个   小程序:3 个  文章:12 篇

    • 20313

      网站

    • 12

      小程序

    • 38596

      文章

    • 89

      会员

    赶快注册账号,推广您的网站吧!
    热门网站