美文网首页
加载效果研究 2018-4-27

加载效果研究 2018-4-27

作者: 郝佳琦 | 来源:发表于2018-05-02 16:44 被阅读0次

加载效果

数据加载模式

1.全屏加载

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

2.优先加载

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

3.整页加载

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

4.自动加载

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

5.智能加载

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

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

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

6.离线加载

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

减少等待感的具体方式:

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

2.动画加载

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

4.尽量提前加载

相关文章

网友评论

      本文标题:加载效果研究 2018-4-27

      本文链接:https://www.haomeiwen.com/subject/gfpcrftx.html