您准备好了吗?我们时刻准备就绪!
专注优质网站建设
无论是普通的pc端网页展现仍是最近火起来的微信企业号页面规划,微信小程序界面规划,一个优秀的网页规划必定是用户角度动身的,内容展现页有两种交互方法,瀑布流展现和分页出现,两者相较各有千秋。那么问题来了,网页展现内容时是选用瀑布流方法展现好仍是分页出现好呢?信任这是每个规划师规划网页的时分最苦恼纠结的问题之一了。现在就让规划师给大家剖析一下这两种页面展现方法的优缺点。
瀑布流
瀑布流是一种答运用户不断往下翻滚,页面主动刷新出现内容的交互形式,且这样的翻滚是没有结尾的。这种方法在许多网站和运用中有所运用,但并不合适一切的网站和运用。
长处剖析
运用瀑布流作为阅读内容的交互方法能够延伸用户在页面的逗留时长,增加用户的参与度。
它是伴随信息高速增加应运而生,答运用户在信息海洋自在徜徉,有种自由自在的直观感,比较合适用户去在大量的内容中随意逛游发现自己中意的内容。当用户在海量内容里去挑选自己喜欢的东西,而不是去挑选特定内容的时分,瀑布流成了一个标配,它十分符合逛的特质。再从操作自身来比较,比起单击和双击等动作,无论是PC端仍是移动端,翻滚或滑动来得更简单,功率更高。比方将一篇冗长的文章涣散在不同页面去出现,还不如让用户翻滚去看完全篇,这样的体会比分页更好。
缺点剖析
首要预加载关于用户的阅读是一个极佳的体会,这个技能出现的布景是因为内容加载速度慢而导致的用户的高流失率,运用的被卸载。运用瀑布流的页面和运用会不断预加载内容,可是当加载了大量内容后,页面反应速度会越来越慢,影响运用体会。其次因为瀑布流都会装备大量图片,所以关于硬件的容量要求特别高,许多16G、32G的PAD在运用了一段时间后,需要咱们清除缓存才干再次运用。
其次便是当咱们翻滚过程中发现了几个好的内容,可是也没有能够符号的动作,回头再想找中意的内容时就很苦楚,你得重复刚刚的翻滚过程,运气好你能找到印象中的那几个内容,回马枪很难耍起来,降低了这方面的用户体会。
再次咱们无法直观看到内容的数量,瀑布流不会像分页计算一样有一个总数据的计算。用户也无法通过阅读器的翻滚条的长度去预估什么时分能到底。因为当页面翻滚到底部的时分,更多内容会加载进来,翻滚条的长度又开端发生变化,一起footer会被推开视界,然后footer中包括的信息也就看不到了,关于想看得用户来说是个难点。所以规划的时分能够尝试把底部做固定或者规划一个“更多”的按钮,这样内容的加载操控点在用户手中,体会更佳。
分页显现
顾名思义便是把内容分别拆分到不同的页面显现。比方200行内容,每一分页显现20行,分10页显现,你能直观看到内容的总分页数,分页内容数,分页出现内容数的操控。
长处剖析
分页显现能够方便用户去寻找特定的内容,用户再次打开页面,仍是能快速找到对应的内容。准确的定位能协助你快速找到那些你中意的内容,整个阅览的进度,加载多少内容都会是在准确的操控范围内。
比照瀑布流的无穷无尽,用户在分页显现中知道内容数量是多少,总数量是多少,什么时分能够阅读完毕。分页操作的界面:上一页,01,02,03,04,05……19,20 下一页,让用户做到胸有成竹,让用户感受到操控感。上述特点能够看到,分页显现比较适用一些购物类的网站,当用户在网上购物,他们经常会来回比较查看感兴趣的产品。比对下淘宝和京东的APP,京东在网下滑动的时分是有分页显现的“9/70”,清晰告诉你数量,淘宝这点暂时还没发现。
缺点剖析
当然比照瀑布流的操作方法,分页的方法在操作次数所需更多,比方用户要看下一个分页内容,得找到”下一页”的按钮,鼠标移动到按钮上,“点击”然后等候下页的加载,每页显现的内容也是有限的。
那如何决定是运用瀑布流仍是分页显现?
分页显现相对来说是一种安全形式,比较适用那些带有清晰内容偏向的用户去运用的场景。
举个直观的例子:谷歌的文字查找是运用分页显现,而图片查找采用的是瀑布流的方法,纠其原因是:
文字查找关于用户来说是有清晰意图倾向的而图片查找关于用户来说他也不知道该找哪张图片,所以需要从海量图片中找寻;用户阅读和处理图片的速度远大于处理文字的速度,瀑布流的大量内容的推送关于用户处理来说不在话下。
所以规划师在挑选运用瀑布流或分页显现前得想清楚各自的优缺点。具体运用哪种交互方法,得根据实际的场景和内容的传递方法来剖析。总的来说,瀑布流更合适那些随意阅读,逛逛看看不带特定意图的场景运用。而分页显现比较合适带有特定意图,想查找具体项在哪个位置,阅读过的内容还能回头一一快速而方便找回的场景。
我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间
期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……
电 话: 021-67637587,13817759102 (微信同号)
电 话: 15900942493 (微信同号)
邮 箱: service@kj021.com
地 址: 上海市松江区荣乐东路2369弄绿地大厦309室
地 址: 上海市闵行区(莘庄)友情路50弄15号1302室
上海开杰信息技术有限公司 上海网站建设 电话:021-67637587
地址:上海市松江区荣乐中路228弄104号202室
地址:上海市闵行区(莘庄)友情路50弄15号1302
上海开杰信息技术有限公司松江分部
电话:021-67637587 15900942493
地址:上海市松江区荣乐中路228弄104号202室