自己的工作经验+请教程序员哥哥,总结出来的点。
小饼子物语:你要知道现象产生的原因和实现机制。
一,什么是加载
信息或数据的载入
二,需要加载的位置
1,启动页(一种加载APP的形式)
IOS:2秒
Android:2秒
2,加载新页面
(1)在当前页加载:也叫模态加载,指在当前页面提示正在加载或处理,成功后打开新页面。适用于需要判断的情况。(接口请求到了以后再跳页)。
(2)在进入页加载:先进入新页面,再提示正在加载或处理。体验更为流畅,可以使用几种不同的加载方式)。
3,IOS的加载过程
1.加载图标先显示。
2.然后请求接口。
3.接口请求成功以后,(文字是接口带过来的,图片是一个链接)。
4.先显示文字,再显示图(网不好的情况下会优先显示占位图)。
4,Android 的加载过程
三,APP产生加载的几种情况
1 , 网不好
一直加载(未知加载时间),可以设置超时时间。
2,没有网络
(1)直接显示空白页(没有网络的提示)该页面有重新加载按钮。
3,其他加载
1.游戏界面的加载(以网络无关)加载游戏界面,人物皮肤等。(一般有进度条,因为知道已经加载了多少)
2.浏览器加载进度条(这个有待研究)
四,优化加载
(1)让加载等待的时间变的更加有价值
比如豆瓣在每天第一次打开时的日历提醒。
(2)加载图标更加有趣
比如在美团外卖上点外卖时,如果刷新不出来,美团外卖的logo一直在奔跑。
(3)保持用户感受的连续性
这是指在加载之前和加载之后页面的颜色、风格等不要有太大出入,以免让用户产生疑惑。
五,关于启动页加载优化
(1)APP很少可以立刻打开,需要加载时间,就产生了启动页【启动页】。
降低用户在等待APP启动过程中产生的焦虑,提高用户体验【用户体验】,让用户忽略APP的加载时间。
(2)几种启动页的形式【启动页】
六,几种加载展现方式
(1)一张图片(程序哥哥们让它转动)
(2)帧动画(工具:AE/PS)
大神不是吃着别人咀嚼过的东西,成为大神的,而是拿着最原本的东西,怀揣着初心,一步一步走过来的,他们说着自己的话,体验最原本的纯净。