当用户网络异常时如何设计APP?

1. 当用户网络异常时如何设计APP?

对于用户来说，网络异常一般分为两种情况：一种是网络较慢，加载时间过长就会导致用户认为网络异常；另一种是网络不稳定/断网。针对这两种情况，在设计上有着不同的解决方式。
1.网络较慢现在的2g/3g移动数据都是相对较慢的网络环境了，甚至对有一些图片较多的APP来说即使是4g也相对较慢的，加载都需要较长的时间。其实我们在设计时就需要对我们产品页面的加载速度进行评估与测试，如果图片较多、页面较长时，加载速度会很慢，如果直接加载整个页面的话，会导致整个页面需要加载10s-30s，这段时间是用户不能忍受的，会让用户认为网络异常从而放弃产品的使用，这也是设计上的失误。
常用的解决方案有：分步加载、预加载以及框架优先加载。
①分步加载

常见的用在Feed流的设计，内容本身是无限加载没有上限的，但在设计时让产品每一次加载的数量都是固定的，这样即保证了加载的速度，也不会影响用户的正常浏览。
②预加载

再看这个APP，评论列表采用的翻页设计，一次只需加载一页，但在浏览过程中可以预加载下一页的内容，这样用户翻页时就不需要等待。
③框架优先加载

像这个设计，由于本身图片较多，如果一次加载需要较长的时候，于是优先加载出一些占位图，让用户感知到加载的过程，这样就可以降低用户等待的焦虑感。

2.网络不稳定/断网

相比于网络较慢，真正意义上的网络异常对于用户来说还是比较容易接受的，不会伤害到产品。在设计时只需要明确告知用户当前的网络状况即可。

2. 当用户网络异常时如何设计APP?

对于用户来说，网络异常一般分为两种情况：一种是网络较慢，加载时间过长就会导致用户认为网络异常；另一种是网络不稳定/断网。针对这两种情况，在设计上有着不同的解决方式。
1.网络较慢现在的2g/3g移动数据都是相对较慢的网络环境了，甚至对有一些图片较多的APP来说即使是4g也相对较慢的，加载都需要较长的时间。其实我们在设计时就需要对我们产品页面的加载速度进行评估与测试，如果图片较多、页面较长时，加载速度会很慢，如果直接加载整个页面的话，会导致整个页面需要加载10s-30s，这段时间是用户不能忍受的，会让用户认为网络异常从而放弃产品的使用，这也是设计上的失误。
常用的解决方案有：分步加载、预加载以及框架优先加载。
①分步加载

常见的用在Feed流的设计，内容本身是无限加载没有上限的，但在设计时让产品每一次加载的数量都是固定的，这样即保证了加载的速度，也不会影响用户的正常浏览。
②预加载

再看这个APP，评论列表采用的翻页设计，一次只需加载一页，但在浏览过程中可以预加载下一页的内容，这样用户翻页时就不需要等待。
③框架优先加载

像这个设计，由于本身图片较多，如果一次加载需要较长的时候，于是优先加载出一些占位图，让用户感知到加载的过程，这样就可以降低用户等待的焦虑感。

2.网络不稳定/断网

相比于网络较慢，真正意义上的网络异常对于用户来说还是比较容易接受的，不会伤害到产品。在设计时只需要明确告知用户当前的网络状况即可。