移动端产品设计完全指南7:加快App的响应速度
加载时间对用户体验至关重要。随着技术的进步，用户变得越来越不耐烦，如今，47%的用户期望页面加载时间在 2 秒甚至更短时间内。
App的加载速度越快，用户体验越好（图片来源：Google）
用户流失率与页面加载时间成正比，这就是为什么开发App时，加载速度是优先考虑的问题。但不管App的性能多好，有些时间终究是避免不了的。加载时间还受到网速、硬件性能、操作系统性能等多个因素的影响。但即使无法再缩短加载时间，也要提升加载过程的用户体验。
7.1. 在可见区域内加载内容
优先加载可见区域的内容，滚动展示的内容可以在首屏加载完成后继续加载。这样做的好处是让用户快速使用初始内容，有时用户甚至感受不到余下内容的加载过程。
7.2. 显示加载时间
如果在加载内容时页面是空白或者静止状态，那么用户无法区分这是内容加载还是App崩溃，会造成认知障碍，并可能造成流失。至少显示一个基本的loading动画，告知用户这是在加载内容。如果等待时间较长，则建议显示进度条和预计的加载时间，这会增强用户的安全感和控制感。
7.3. 分散用户注意力
如果在内容加载时，给用户提供一些有趣的“小玩意儿”，用户就不会太在意加载本身，也就是分散用户的注意力。建议提高加载动画的趣味性。
精细制作的动画能给用户小惊喜（图片来源：UI8）
当然，不论动画设计的多么有趣优质，如果过度使用，也会让用户厌烦。在考虑使用加载动画时，先问下：用户在第一百次看到这个动画时，会不会感到厌烦。加载动画只是个小惊喜，不能只考虑动画设计而忽视产品性能，那就本末倒置了。
7.4. 加载占位图（skeleton screen）
占位图就是临时的内容格子，是内容加载过程的过渡页。
占位符能立刻显示（图片来源：Slack）
当App加载数据时，占位图能给用户一种App响应快、性能好的印象。loading时的“菊花”只是告知用户正在发生什么，而占位图则能显示更细致的加载进度。
（图片来源：Tandem Seven）
