加载效果研究 2018-4-27

加载效果

数据加载模式

1.全屏加载

菊花旋转，一般用于手机网页的加载。3s以上用户会焦躁。

2.优先加载

淘宝、网易、知乎新闻类，优先文字露出，图片延后。适用于内容阅读型的APP。

3.整页加载

每个页面的数据量不是太大的情况下使用。例如宫格图片模式，全屏图片模式，网状详情页模式。

4.自动加载

类似于新浪微博、今日头条模式，让用户一直向下滚动，适用于瀑布流、长列表、商品列表等情况。

5.智能加载

根据网络状况下智能调整加载方式，大可以加载大图片，甚至直接播放视频动画，非WiFi情况下，使用占位符。

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

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

6.离线加载

本地存储缓存，提前下载好。

减少等待感的具体方式：

1.用非模态的加载方式，加载过程中不打扰用户

2.动画加载

3.漫长加载告知用户进度（进度条先满后快）

4.尽量提前加载