15+

15年WEB沉浸

1000+

超过1000家网站案例

2+

2年多高端定制

1+

1心1意创造良好的服务体验

"一分价格一分货",不要只盯价格,根据自己的需要定制最贴合的方案才是最优的推广方法。“隔行如隔山”,跟我们提出你的需求,一起合作共筑成功之路!

免费获取优质建站方案

建站小贴士

网站在访问速度不快的情况下,不要在网站内部调用JS功能

要是你的空间主机配置不错,网站速度很快的情况下这倒也没有什么,反正你调用了也不会影响到网站的访问速度,但是你的网站访问速度本来就不快,而你还要使用数据库调用什么东西的话,那无疑是导致网站“雪上加霜”,让本来访问就不怜惜的网站变的更加缓慢。因此丹田了能够让网产睥打开速度变的快些,我们站长在网站访问速度不是那么快的情况下,尽量是避免在网站内部队调用什么东西,也尽量少点使用扯上数据库的操作!

上格信息科技
2021年09月15日 11:18:52

APP中常见的加载方式有哪些?一起来看一下这6种常见数据加载

发表:2020-11-30 22:13:44 浏览数:编辑:

全屏加载

全屏加载也叫白屏加载,就是整个屏幕白屏进行数据加载,一般会有菊花转或进度条配合,常用于手机网页的加载中,例如列表页进入详情页,图片详情等。(可考虑融入趣味性较强的小动画,增强愉悦感,从用户心理上去缩短等待时间。

优点:能保证内容的整体性,全部加载完才能够系统化的阅读。

缺点:有非常强烈的等待感,3s以上会产生焦躁情绪,所以在地铁等信号   不好的地方,使用手机网    页获取内容实在是比较灾难的一件事情。

2.分布加载

分布加载就是分步骤的加载网页,优先加载占网络资源较小的元素,包括优先加载,懒加载,预加载,渐进加载。

a.优先加载

如果一个页面有图片有文字,可以先把文字都加载出来,保证用户可以有内容可读,然后再加载比较费流量的图片。但是活动页什么的,千万不能把重要信息全部放在图片上,导致加载不出来。这种加载形式更加适用于内容阅读型的APP。

懒加载主要是针对前端页面比较大而设计出来的一种方式,假如一个网页很大,又含有很多图片、视频内容,那么想一次性加载就会等待很久,懒加载就是只有在屏幕显示范围内的资源,被用户看到的内容才会真正去加载。

   预加载就是提前加载,比如启动APP时,当显示启动画面时,就可以预先把首页内容加载出来,这样可以减少用户加载内容时的等待时间,还有一个很典型的使用场景就是浏览视频网站或者购物网站,当我们快要滑到页面底部时,下面图片已经几乎加载完成了,这就是预加载的好处,在使用上感觉更加流畅。

渐进加载

在 PC 端用浏览器看图片的时候,经常是先看到一张模糊图,然后再渐渐的变得清晰,这种效果就叫做渐进式加载。

优点:可以帮助用户快速阅读内容,了解信息。

缺点:也许会丢失掉重要的关键信息,无法建立信息获取的闭环。

3.整页加载

当当前页与下一页是整页切换的时候,可以考虑采用整页加载的形式,但是要保证每个页面的数据量不是特别的大。一般适用于宫格图片模式、全屏图片模式、网状详情页模式。

优点:能保证每个页面的完整性,体验比较整体。

缺点:不好保证整页的加载效率,且有可能影响浏览的流畅度。

4.自动加载

当你浏览信息时,不停的向上滑动,新的内容会不停的从底部出现,这种方式称为自动加载。关于自动加载,要注意每次加载多少条内容,或者多少屏的内容,我无聊的数了数今日头条每次会自动加载60条新闻。


优点:把用户代入无尽浏览模式,让用户一直向下滚动,不需要手动点击下一页。

缺点:没有尽头,容易迷失,不方便快速索引定位到某个内容。

5.智能加载

这个加载模式我经常使用到,假如是在WIFI情况下,使用QQ浏览器去看视频,那么它会自动加载视频播放,而使用4G的流量去访问视频页面的话,会有一个弹窗来确认是否要播放,以免耗费大量流量造成用户扣费。智能加载模式就是根据用户使用场景来改变加载形式的。

例如今日头条在WiFi模式下,图片大图展示,当处于非WiFi模式下时,展示小缩略图,当用户觉得某张图有足够的吸引力时,点击小缩略图加载大图,帮助用 户节省流量。再比如爱奇艺在非WiFi的模式下播放视频时,会提示用户继续播放会产生流量费用,这类设计就比较人性化,也容易让用户产生好感,建户忠诚 度。(用户知道你是在为他着想,毕竟流量还是挺贵的!)

优点:根据具体场景来控制流量和加载速度。

缺点:不一定真实有效的命中用户需求,所以还是需要给予用户一定的查看详情的入口,或者是设置项。

6.离线加载

当用户没网的时候,往往很多功能都不能用了,内容也无法加载出来,导致APP变得根本不可用,这时候就要考虑预加载 离线缓存的设计了。首先在有网 的时候把数据提前加载下来,缓存到本地,当没网的时候,直接加载已经缓存下来的内容。一般会提供给用户选择,是否开启有WiFi的情况下预加载功能,或者 是否开始WiFi下全部离线缓存的功能。这样便可在一定程度上减少地铁上信号时好时差而无法正常使用产品所带来的困扰了。但考虑到手机空间,要设计合适的离线机制。并配合一定的清理缓存的机制。适用于小说阅读、新闻阅读、视频类APP。

优点:解决了没网获取数据的问题,且节约了流量,保证了流畅。

 缺点:占用本地存储空间,而且有时候预加载的内容根本没有用到。

三、4种减少等待感的设计

1.使用模态加载

尽量使用非模态的加载方式,在加载的过程不打断用户,不需要等待加载完就可以做别的事情的,而不用傻傻等待数据加载完成,大大降低了等待的焦躁感,提升用户体验流畅度。


模态加载:app在触发加载后,出现模态提示层,防止用户在加载过程中进行其他操作,导致当前加载出错。如果采用模态加载,会因为网络原因或内容过多导致长时间处于加载状态,建议提供一个“取消”的操作。同时在安卓中的后退按钮能关闭模态提示。

2. 情感化的加载动画

用户等待加载的过程是相当痛苦的,因为他迫切的想看到页面内容,通过设计一些呆萌可爱的加载动画,让用户在等待的过程中享受动画的愉悦感,让产品情感化,在心理层面上去减少用户的急躁感。

3.

进度条加载

如果是时间较长的加载过程,最好能清晰的告知过程进度,让用户有更加明确的知情权,和加载的时间预期。一个非常经典的体验设问,同样是3s的加载时 间,匀速的进度条、先慢后快的进度条、先快后慢的进度条,哪个让用户感觉上最快?经过科学的实验证实,先慢后快的进度条是让用户心理感受上最快的设计。这是因为用户最容易记住最后一瞬间的感觉,如果最后一瞬间,感知到了快,就觉得顺畅了。

4.

尽量提前加载

尽可能的利用预加载或有WiFi的情况下离线缓存的方式,把内容提前加载下来,这样能做到最大限度的降低加载给用户带来的卡顿感。如果能判断出来用户下一步要做的事情,提前帮用户加载相应的内容,肯定是最符合需求场景的事情。当我开始读第一页的时候,第二页第三页就开始陆续缓存下来了

5.启动页加载

这个主要是APP启动时的一个页面,由于APP启动需要时间,因此可以加入一个启动页来自然过渡,而且很多启动页是广告,这样也可以带来一些收益,这个页面一般可以点击跳过。

移动互联网的场景多种多样,我们在设计的时候需要考虑各种各样的场景,例如WiFi下、非WiFi下、无网络、又或者说电梯里、地铁上等等。但是咋们的目的也只有一个:优化用户体验,提高商业价值。所以无论设计什么功能模块都应该多考虑一下用户的使用场景。

如何降低用户的焦虑感?

由于存在网速不快,网络异常,服务器异常等情况,让用户等待的情况是必不可少的。但是我们都知道,等待会产生焦虑感,分分钟让用户卸载你的产品,那么我们可以通过哪些手段来降低或缓解用户的焦虑感?

第一:优化App的加载算法,使得App与服务器数据传输的时间减短。这个需要开发人员的精益求精了。这个是从根本上解决了问题,因为直接减少了加载数据的时间,也就减少了用户需要等待的时间。

第二:采用预加载和智能加载的方式。拿阅读App打比方,当用户在看第一页的时候,App在后台加载完后面的几页,等用户翻到第二页的时候就不需要等待加载了,因为App已经帮用户提前加载好了。这种加载机制对用户体验特别好,但是存在一个问题,就是要预测用户行为,加载其他数据,这样会消耗不少流量,所以建议在WiFi网络环境下采取这种预加载机制,而在蜂窝网络状态下则不采用预加载机制。这个要和开发人员讨论沟通,确保预加载机制完美运行。

第三:异步处理。这一点做得好的App莫过于Instagram,不知道你有没有发现,用Instagram的时候会觉得特别流畅,即使在网络不好的情况下。这是为什么?因为在网络不好的情况下,你给好友点了赞,Instagram并不会提示你网络不好,操作失败,而是提示你点赞成功了,其实它只是将你点赞的操作记录了下来,等网络一好就将点赞的行为上传到服务器,从而完成点赞行为。这就是让产品自己去解决问题,而不是把问题抛给用户。

第四:设计有趣的loading动画,如上文介绍的美团APP奔跑的小人,这是提升产品情感的重要手段。



作者:江南北
链接:https://www.jianshu.com/p/c735955ab72f
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


上一篇文章: 下一篇文章:
    进一步意向对[APP中常见的加载方式有哪些?一起来看一下这6种常见数据加载]这条信息感兴趣吗?您可点此联系我们以确定进一步意向。

    相关文章

    常见的流氓推广手段有哪些?
    常见的流氓推广手段有哪些?

    流氓推广手段是一些厂商和运营者为了达到自己用户量的目的想出来的方法,流氓的推广方法,背负着欺骗、不道德、偷到、流氓等人性的罪恶,是互联网发展中的黑暗的一面,是人性利益急速膨胀的表现。建议,一个真正做推...

    • 2020-02-29
    • 本站作者
    • 66
    • 手段,推广,哪些,常见,流氓

    响应式网站设计常见误区
    响应式网站设计常见误区

    响应式网站已经成为当下比较主流的设计形式,似乎从业者都在争论,但事实上不是每一个人都真的懂得其中的概念与奥秘。下文概况了在响应式网站建设时最常见的20个误区,可以从中看到各种问题,并且看看自己有没有中招!

    • 2020-02-27
    • 匿名
    • 28
    • 设计,网站,误区,响应式,常见

    网站劫持有哪几种?2021年网站被劫持的几种表现方式
    网站劫持有哪几种?2021年网站被劫持的几种表现方式

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-07
    • 匿名
    • 1
    • 网站,劫持,方式

    企业网站建设需要注意哪些版权问题?2021年如何正确的优化企业网站
    企业网站建设需要注意哪些版权问题?2021年如何正确的优化企业网...

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-11
    • 匿名
    • 0
    • 企业网,哪些,如何,企业,注意

    怎么实现动态URL静态化?2021年静态网页开发工具有哪些
    怎么实现动态URL静态化?2021年静态网页开发工具有哪些

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-11
    • 匿名
    • 0
    • 实现,哪些,怎么,网页,动态

    优化公司常见忽悠客户话术套路
    优化公司常见忽悠客户话术套路

    一般企业主找优化公司做自己网站排名,都会找多家供应商对比。但是发现各家说法不一,还都特别有底气,弄的各个企业主都不知道该相信哪家公司了。城市套路深,客户都想回农村。十二君整理了一些不靠谱公司的常见话术...

    • 2020-02-29
    • 匿名
    • 36
    • 优化,常见,客户,公司,忽悠

    小型企业网站建设需要哪些步骤?2021年企业建站是什么意思
    小型企业网站建设需要哪些步骤?2021年企业建站是什么意思

    在搜索引擎中输入“网站建设”或其他相关的内容,可以发现网站建设相关的东西是非常多的。也正因如此让许多门外汉都望而怯步。“难了不会,会了不难”,其实初步的掌握了有关HTML、CSS、JS等简单的代码之后大家就可...

    • 2021-09-11
    • 匿名
    • 0
    • 企业网,哪些,企业,意思,小型

    网站被劫持的几种表现方式?2021年网页劫持是什么
    网站被劫持的几种表现方式?2021年网页劫持是什么

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-12
    • 匿名
    • 0
    • 网站,网页,方式,劫持

    网页设计的常见布局?什么是网页设计
    网页设计的常见布局?什么是网页设计

    网站优化一直是广大站长不变的话题,在网站建成之后我们的每一遍文章,每一次变化都是为了网站向更好的方向发展。网站就像我们的孩子一样,天天的盼着可以长大,可以变了。可是各大搜索引擎的展示规则都是密而不宣的...

    • 2021-08-23
    • 匿名
    • 0
    • 网页设计,网页设计,布局,常见

    使用老域名要注意哪些方面?2021年使用老域名要考虑哪些方面问题
    使用老域名要注意哪些方面?2021年使用老域名要考虑哪些方面问题

    几乎每一个出名的大公司都有属于自己的网站,在咱们也很多出名的企业,他们的企业网站也都是非常漂亮。当然我们上格信息科技在其中也贡献了一点点微薄之力。本着“授人以鱼,不如授人以渔”的想法,我们会不停的为大...

    • 2021-09-11
    • 匿名
    • 0
    • 使用,哪些,域名,注意,问题

    推荐文章

    真静态和伪静态之间如何选择?2021年静态网页有哪些特点
    真静态和伪静态之间如何选择?2021年静态网页有哪些特点

    “千里之行,始于足下”,“不积硅步,无以至千里”。
    相信这样简单的道理大家都懂。打开电脑,连上internet,我们会发现世界原来有这么多这么多形形色色的网站。可能你想给你的公司建立一个官网,可能你想要...

    • 2021-09-15
    • 匿名
    • 3
    • 静态,网页,伪静态,之间

    动态网站有哪些功能特点?2021年怎么实现动态URL静态化?
    动态网站有哪些功能特点?2021年怎么实现动态URL静态化?

    俗话说“磨刀不误砍柴工”,任何事都应在行动前有一个准备,想想该怎么做,需要提前准备好什么,会得到什么样的后果等,建设网站亦是如此。网站建设前应做一番功课,这样会让自己将来的网站如鱼得水、事半功倍,避免...

    • 2021-09-15
    • 匿名
    • 0
    • 网站,动态,静态,功能

    windows主机301重定向方法?2021年为什么要把域名301到带www的上面呢
    windows主机301重定向方法?2021年为什么要把域名301到带www的上...

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-15
    • 匿名
    • 0
    • www,windows,域名,方法,301重定向

    手机网站该不该有弹窗?2021年手机网站建设注意哪些事项
    手机网站该不该有弹窗?2021年手机网站建设注意哪些事项

    “我想有个属于自己的网站”。这是很多人的想法。但是都感觉网站、代码、数据等这些东西都离自己比较远。专业的事情交给专业的人做。上格信息科技每年都帮助咱很多不懂代码却想要网站的人构架了自己的网络平台。我们...

    • 2021-09-15
    • 匿名
    • 0
    • 网站建设,手机,网站

    可不可以带www的域名301到不带www的域名上?2021年301永久重定向如何避免出现循环
    可不可以带www的域名301到不带www的域名上?2021年301永久重定向...

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-15
    • 匿名
    • 0
    • www,域名,永久,301重定向

    如何更新伪原创内容?2021年网站内容从哪里来
    如何更新伪原创内容?2021年网站内容从哪里来

    俗话说“磨刀不误砍柴工”,任何事都应在行动前有一个准备,想想该怎么做,需要提前准备好什么,会得到什么样的后果等,建设网站亦是如此。网站建设前应做一番功课,这样会让自己将来的网站如鱼得水、事半功倍,避免...

    • 2021-09-15
    • 匿名
    • 0
    • 网站,内容,原创

    具体讲讲什么是APP?2021年如何对手机预置软件进行风险防范
    具体讲讲什么是APP?2021年如何对手机预置软件进行风险防范

    几乎每一个出名的大公司都有属于自己的网站,在咱们也很多出名的企业,他们的企业网站也都是非常漂亮。当然我们上格信息科技在其中也贡献了一点点微薄之力。本着“授人以鱼,不如授人以渔”的想法,我们会不停的为大...

    • 2021-09-15
    • 匿名
    • 0
    • 手机,软件,APP,风险

    如何进行网站备案查询?2021年网站备案是什么意思
    如何进行网站备案查询?2021年网站备案是什么意思

    几乎每一个出名的大公司都有属于自己的网站,在咱们也很多出名的企业,他们的企业网站也都是非常漂亮。当然我们上格信息科技在其中也贡献了一点点微薄之力。本着“授人以鱼,不如授人以渔”的想法,我们会不停的为大...

    • 2021-09-15
    • 匿名
    • 1
    • 网站备案,网站

    CMS比较适用哪些需求?2021年CMS与平台自助建站有什么区别
    CMS比较适用哪些需求?2021年CMS与平台自助建站有什么区别

    “我想有个属于自己的网站”。这是很多人的想法。但是都感觉网站、代码、数据等这些东西都离自己比较远。专业的事情交给专业的人做。上格信息科技每年都帮助咱很多不懂代码却想要网站的人构架了自己的网络平台。我们...

    • 2021-09-15
    • 匿名
    • 0
    • 平台,区别,建站,自助

    什么是ICP经营性备案?2021年网站备案有哪些规定
    什么是ICP经营性备案?2021年网站备案有哪些规定

    俗话说“磨刀不误砍柴工”,任何事都应在行动前有一个准备,想想该怎么做,需要提前准备好什么,会得到什么样的后果等,建设网站亦是如此。网站建设前应做一番功课,这样会让自己将来的网站如鱼得水、事半功倍,避免...

    • 2021-09-15
    • 匿名
    • 0
    • 网站备案

    伪静态页面是什么样的?2021年伪静态有什么坏处
    伪静态页面是什么样的?2021年伪静态有什么坏处

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-15
    • 匿名
    • 0

    威海跨境电商上热门,多语言CMS将助力跨境电商独立站
    威海跨境电商上热门,多语言CMS将助力跨境电商独立站

    近日威海召开山东省—韩国经贸合作交流会暨韩国(山东)进口商品博览会,连日来,近百名网红现场直播,约550家专业采购企业参与线上线下对接,带动博览会“一路走红”。据统计,活动日均观众量超8000人次,累计带动...

    • 2021-09-14
    • 9
    • 电商,威海,跨境电商,多语言,独立站

    手机网站建设对企业的影响越来越重视?2021年手机网站建设要有哪些原则
    手机网站建设对企业的影响越来越重视?2021年手机网站建设要有哪...

    近两年的全球一直被笼罩在疫情氛围下,为了减少人与人接触导致的传染,互联网成为了人们之间沟通交流的主要方式,对此,网站建设也迎来了它们快速发展的阶段。然而,在目前的时代要求和消费者需求下,很多企业都希望...

    • 2021-09-14
    • 匿名
    • 1
    • 网站建设,手机,网站,企业,建设

    网站开发语言有哪些?2021年网站开发需要有哪些技能
    网站开发语言有哪些?2021年网站开发需要有哪些技能

    网站可能是大家现在用的多较多的东西,学习东西查资料,百度是个网站,查到的内容平台也是网站。而且网站又包括了很多种像企业站、博客、门户等。像抖音APP在人气火了之后也推出了web端。其实在咱们地区也有很多不错...

    • 2021-09-14
    • 匿名
    • 0
    • 网站,技能,开发,网站开发

    网页设计分为哪些阶段?2021年网页设计时什么是版式设计
    网页设计分为哪些阶段?2021年网页设计时什么是版式设计

    近两年的全球一直被笼罩在疫情氛围下,为了减少人与人接触导致的传染,互联网成为了人们之间沟通交流的主要方式,对此,网站建设也迎来了它们快速发展的阶段。然而,在目前的时代要求和消费者需求下,很多企业都希望...

    • 2021-09-14
    • 匿名
    • 0
    • 设计,网页设计,网页,阶段

    APP的开发流程有哪些步骤?2021年如何对手机预置软件进行风险防范
    APP的开发流程有哪些步骤?2021年如何对手机预置软件进行风险防范

    几乎每一个出名的大公司都有属于自己的网站,在咱们也很多出名的企业,他们的企业网站也都是非常漂亮。当然我们上格信息科技在其中也贡献了一点点微薄之力。本着“授人以鱼,不如授人以渔”的想法,我们会不停的为大...

    • 2021-09-14
    • 匿名
    • 0
    • 手机,软件,流程,步骤,APP

    vps主机301重定向方法?2021年301永久重定向如何避免出现循环
    vps主机301重定向方法?2021年301永久重定向如何避免出现循环

    近两年的全球一直被笼罩在疫情氛围下,为了减少人与人接触导致的传染,互联网成为了人们之间沟通交流的主要方式,对此,网站建设也迎来了它们快速发展的阶段。然而,在目前的时代要求和消费者需求下,很多企业都希望...

    • 2021-09-14
    • 匿名
    • 0
    • ps,永久,方法,301重定向

    网站模板建站好不好?2021年模板建站好不好
    网站模板建站好不好?2021年模板建站好不好

    在搜索引擎中输入“网站建设”或其他相关的内容,可以发现网站建设相关的东西是非常多的。也正因如此让许多门外汉都望而怯步。“难了不会,会了不难”,其实初步的掌握了有关HTML、CSS、JS等简单的代码之后大家就可...

    • 2021-09-14
    • 匿名
    • 0
    • 网站模板,模板,建站,不好

    常用的免费cms智能建站系统有哪些?2021年什么是CMS?
    常用的免费cms智能建站系统有哪些?2021年什么是CMS?

    俗话说“磨刀不误砍柴工”,任何事都应在行动前有一个准备,想想该怎么做,需要提前准备好什么,会得到什么样的后果等,建设网站亦是如此。网站建设前应做一番功课,这样会让自己将来的网站如鱼得水、事半功倍,避免...

    • 2021-09-14
    • 匿名
    • 0
    • 系统,常用,智能,cms,建站

    静态网页与动态网页的区别?2021年静态网页有哪些特点
    静态网页与动态网页的区别?2021年静态网页有哪些特点

    近两年的全球一直被笼罩在疫情氛围下,为了减少人与人接触导致的传染,互联网成为了人们之间沟通交流的主要方式,对此,网站建设也迎来了它们快速发展的阶段。然而,在目前的时代要求和消费者需求下,很多企业都希望...

    • 2021-09-14
    • 匿名
    • 0
    • 区别,动态,静态,网页

    联系官方服务热线 24小时移动专家在线