APP的6种加载模式设计

1、全屏加载

整个屏幕白屏进行数据加载,一般会有Loading效果配合,常用于手机网页的加载。

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

缺点:有非常强烈的等待感,3s以上会产生焦躁情绪。

*一般这种情况会配合有明确进度标识的进度条。


2、优先加载

如果一个页面有图片有文字,加载图片较慢的情况下,可以先把文字都加载出来,保证用户可以顺畅阅读,然后再加载比较费流量的图片。

注意点:不能将页面的重要信息全部放在图片上,导致加载不出来。重要操作也不能使用图片按钮,否则也会有操作显示不出来的风险。

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

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

*适用于内容阅读型的APP。


3、整页加载

当当前页与下一页是整页切换的时候,可以考虑采用整页加载的形式,但是要保证每个页面的数据量不是特别的大。

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

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

*一般适用于宫格图片模式、全屏图片模式、网状详情页模式。


4、自动加载

可以设定规则,默认加载20条,滚动到第20条的时候,自动在加载20条。这种加载方式,可以营造一种无极限浏览额错觉,很容易把用户吸引住,一直向下滚动。

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

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

*适用于瀑布流、长列表、商品列表等情况。


5、智能加载

当用户处于WIFI下时,不会受流量和访问速度的限制,可以加载大图片、大图标,甚至直接播放视频动画。单如果用户处于非wifi的模式下,则需要差异化的处理成小图或者无图模式,视频和动画直接用一个占位符标识就好了,这种根据网络状况,只能调整的加载方式,称为智能加载。

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

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

*适用于有大量图片或者视频的APP,如电商类或在线视频类APP。


6、离线加载

当用户没网的时候,往往很多功能不能使用,内容也无法加载出来,导致APP变得根本不可用,这种时候需要考虑预加载+离线缓存的设计。

首先在有网络的时候把数据提前加载下来,缓存到本地,当没网的时候,直接加载已经缓存下来的内容。一般会提供给用户选择,是否开启有WIFI的情况下预加载功能,或者是否开始WIFI下全部离线缓存的功能。这样就能保证在地铁上、隧道中看不到内容的尴尬。

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

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

*适用于小说阅读、新闻阅读、视频类APP。

你可能感兴趣的:(APP的6种加载模式设计)