文章梳理了APP加载的一些场景,并给出了相应场景的解决方法,一块儿学习下。
本文大纲图5000字,超详细总结APP加载设计使用加载方案
下面是一些常见的加载方案,大家可以针对不一样的加载场景,使用适合的加载方案。
分布加载5000字,超详细总结APP加载设计
在网页中,常常需要用到图片,而图片需要消耗较大的流量。正常状况下,浏览器会分析整个HTML代码,然后从上到下依次加载的图片标签。假如页面非常长,隐藏在页面下方的图片其实已经被浏览器加载了。假如用户不向下滚动页面,就没看到这类图片,等于白白浪费了图片的流量,不只浪费了流量,速度也非常慢。
但,淘宝、京东这类流量很巨大的电子商务,产品介绍页又需要有很多的图片,因此,这类页面的图片都是(按需加载),即用户滚动页面时显示出来的时候才加载图片。当网速飞快的时候,用户并不可以感知懒加载的动作,既省流量又不影响用户浏览。
预加载5000字,超详细总结APP加载设计
依据不一样的互联网情况来加载不一样的数据
·在wifi条件下5000字,超详细总结APP加载设计下载行为自动终止,优先加载普通甚至停止加载图片或音乐视频。
·在互联网不通畅时5000字,超详细总结APP加载设计
大家在PC端用浏览器看图片的时候,常常是先看到一张模糊图,然后再日渐的变得明确,这样的情况再看漫画的时候特别容易见到,这种成效就叫做渐进式加载,渐进式加载可以大大的提高体验感。
后台加载5000字,超详细总结APP加载设计提示
除去第一个方法外大家还能做点什么呢?不可以加快加载速度的话,大家就不管了吗?显然不是,其实用户对于应用中适当的加载比较慢的过程是可以理解的,由于不少操作本来就需要肯定的时间,你要下载一个非常大的视频,现在还不拥有一下子就下载好如此的技术,第二不少加载过程慢不是应用的错,或许是用户手机卡,或许是用户的互联网慢。
但大家在设计应用时可以帮助用户分担这类忧虑,尽可能给用户好的体验,那样大家就应该在这类加载过程比较慢的地方加入适当的提示,让用户心里有数,而不是误以为手机卡去世了,或者应用失灵了。这类适当的提示对于客户体验的提升是显而易见的,下面让大家看看应该怎么样提示用户。
提示种类5000字,超详细总结APP加载设计
·用户下面的操作与这一步的操作密切有关,假如这一步操作未实行成功则下面的操作也不可以进行。譬如登录,退出,应用启动,手机支付等,这种场景的确定需要大家结合具体的应用功能和业务场景来确定。
·用户实行的操作本身不可以和其他操作同时进行,不了解大伙有没用过微信迁移聊天记录的功能,在迁移聊天记录的过程中,应用有提示(请一直维持微信在屏幕显示),这个时候假如大家做了其他事情,将会打断传输过程,这种场景的确定需要大家和开发职员交流。
当大家确定了提示种类是需要中断用户操作的,该如何提示用户呢?
假如中断时间比较短,大家可以用模态提示,模态提示就是在屏幕中间会弹出一个提示框,除去提示框以外的地区都会变灰,变灰就代表其他部分不可以点击,譬如下图中的登录,退出。
当然更不是说只可以用模态提示,当大家的APP在启动时,需要将文件和数据从Rom中,这个过程也比较长,且用户也不可以实行任何操作,几乎所有些APP都是用广告页来占用这期间的,而不是模态提示,所以大家还是要灵活运用。除去广告页,大家还可以用品牌页,活动页来占用加载过程。
假如中断时间比较长,大家需要用专门的页面来提示用户,以引起用户的看重。
注意5000字,超详细总结APP加载设计不中断用户操作
假如大家的加载场景无需打断用户的操作,容易见到的提示方法有导航栏提示用户,在控件本身提示用户,或者页面局部地区提示用户。
在导航栏对用户进行提示是一个很好的选择,但我看了不少应用,都没将提示内容放到导航栏,为何?由于大多数应用的导航栏,不是被各种搜索框占用,就是各种选择卡占用,根本就没空间用来放提示内容。
在控件自己提示这种方法最好,可以让用户了解他的操作针对的是哪一个对象,这种提示方法一般适用于有具体的操作对象的加载过程,假如我如果想刷新,显然就不可以用这种方法了,由于刷新并没一个具体的对象。
第一个图是在下拉刷新时的提示,第二个图是在进入新页面的时候在页面中央提示的,有的同学可能要问了,第二幅图都白屏了,难道不算打断用户操作的种类吗?
其实这样的情况下,大家依旧可以点击底部菜单栏喝导航栏的tab栏,所以并不可以算作打断了用户的操作。页面局部地区提示可以说是应用中最广泛的一种提示方法了,几乎每一个应用中,都存在这种提示方法,这种方法设计起来最简单,也是最成熟的设计方法。
提示内容
提示内容包含文字和图片。
若是用文字的话,文字应该尽可能准确的告诉用户,应用正在加载什么,不要让用户去猜。譬如之前我放的关于登录的截图,图中用的是正在加载,这里假如能改成登录中就更好了。关于这个提示内容,大伙可以去察看一下微信的提示文字如何写的,收取中......,连接中......等等,相信用户更想看到如此的提示内容,而不是干巴巴的正在加载。
其实大多数状况下提示内容都是用文字,用图片的机会比较少,这里说的是那种图片式的,有的还会有动画成效,而不是那种转圈圈的小图标,为何图片用的少呢?由于图片占用的空间大,通常来讲只有在进入新页面的时候有的应用会用一些可爱的图片来分散用户的注意力,但我相信即使用户首次,第二次,第三次对你的图片有兴趣,时间长了,再漂亮的图片也会让用户感觉没的意思是。
小结
第二个方法给用户提示,这里还有一点要补充的,无论是什么形式的提示,假如能给出进度条,最好使用进度条的方法,但能给出进度条的加载场景更不是不少,由于大家大多数的加载场景和互联网有关,假如互联网不好的话,哪个了解加载到什么时间呢?通常来讲下载,上传这种场景都可以给出进度条。
总结写了这么多其实设计加载场景的本质思想并不复杂,第一找出应用中加载时间比较慢的操作,只须是慢的地方都算进去。然后依据加载场景来看,假如可以用得到加载方案就用加载方案,假如用不了的话就适当的提示用户。最后,其实大多数的加载场景都有成熟的解决方法,大家只须梳理出大家应用中的加载场景,然后再到其他人的应用里找点想法就好了。
网站题目5000字,超详细总结APP加载设计