移动端产品设计完全指南7:加快App的响应速度

2018-03-1017:15:37网页设计Comments2,410 views字数 811阅读模式

加载时间对用户体验至关重要。随着技术的进步，用户变得越来越不耐烦，如今，47%的用户期望页面加载时间在 2 秒甚至更短时间内。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

App的加载速度越快，用户体验越好（图片来源：Google）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

用户流失率与页面加载时间成正比，这就是为什么开发App时，加载速度是优先考虑的问题。但不管App的性能多好，有些时间终究是避免不了的。加载时间还受到网速、硬件性能、操作系统性能等多个因素的影响。但即使无法再缩短加载时间，也要提升加载过程的用户体验。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

7.1. 在可见区域内加载内容

优先加载可见区域的内容，滚动展示的内容可以在首屏加载完成后继续加载。这样做的好处是让用户快速使用初始内容，有时用户甚至感受不到余下内容的加载过程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

7.2. 显示加载时间

如果在加载内容时页面是空白或者静止状态，那么用户无法区分这是内容加载还是App崩溃，会造成认知障碍，并可能造成流失。至少显示一个基本的loading动画，告知用户这是在加载内容。如果等待时间较长，则建议显示进度条和预计的加载时间，这会增强用户的安全感和控制感。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

7.3. 分散用户注意力

如果在内容加载时，给用户提供一些有趣的“小玩意儿”，用户就不会太在意加载本身，也就是分散用户的注意力。建议提高加载动画的趣味性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

精细制作的动画能给用户小惊喜（图片来源：UI8）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html

当然，不论动画设计的多么有趣优质，如果过度使用，也会让用户厌烦。在考虑使用加载动画时，先问下：用户在第一百次看到这个动画时，会不会感到厌烦。加载动画只是个小惊喜，不能只考虑动画设计而忽视产品性能，那就本末倒置了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1510.html