APP中的数据加载方式设计

当前位置:首页 › blogAPP中的数据加载方式设计

当我们设计完app之后,肯定会进行多个版本多迭代更新、界面多优化等工作。今天就跟大家来聊聊app数据加载的6种常见方案。

 

1.全屏加载

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

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

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

 

2.优先加载

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

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

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

 

3.整页加载

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

 

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

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

 

APP数据加载方案4、自动加载

可以设定规则,默认加载20条,滚动第20条的时候,自动再加载20条。用这种手法,可以营造一种无极限浏览的错觉,很容易的把用户吸引住,一直向 下滚,一直向下滚。(因为人们受多巴胺的驱动,产生寻求信息的好奇心和热情,不断寻找信息,当我们找到的信息越容易,就越投入其中,这就是为什么当我们看 新闻、逛淘宝、刷微博时总是走不出来的原因)。适用于瀑布流、长列表、商品列表等情况。

 

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

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

 

5.智能加载

当用户处于WiFi下,不受限于流量和访问速度时,可以放心加载大图、或播放视频,但是如果用户处于非WiFi的模式下(消耗数据流量),则需处理 成小图或者无图模式,视频和动画直接用一个占位符标识就好了,这种根据网络状况,智能调整的加载方式,叫做智能加载。适用于有大量图片或视频的APP,如 电商类、新闻或在线视频类APP。

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

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

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

6.离线加载

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

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

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

设计工具,推荐使用码前-一站式免费在线设计工具,轻松完成编码前所有设计工作。

 

码前https://www.devbefore.com​)用友旗下一站式在线设计平台,帮助您一站式完成编码前所有设计工作,需求梳理+原型设计+ui设计一个人统统搞定。