网络异常设计

主要是在无网络或者弱网情况下提示用户。使用场景主要有以下3种：

1. 用户没有打开网络权限

2. 用户没有连接网络

3. 用户的网络环境变化，比如用户刚刚还在办公室或家里，之后走进电梯，从有网络变为无网络或弱网。

什么是网络权限？

网络权限指的是你的App是否有访问网络的权限，一般指的是用户开启/关闭App网络权限。iOS App联网的流程大体是：手机联网 → 用户开启App网络权限 → App可以联网。

安卓没有类似iOS的用户可控的网络权限。因为安卓是在开发阶段就会确定是否为该App申请网络权限，如果此App有申请网络权限，之后只要用户的安卓手机有联网，这个App就能联网，而无需用户授权联网。安卓 App联网的流程大体是：开发时为App申明网络权限 → 用户手机联网 → App可以联网。

网络异常状况

一、当前网络环境不变化

二、当前网络环境发生变化

网络异常页面

在显示网络异常页面时，一般也会根据是否有缓存，来显示不同的异常页面。大体流程如下，有缓存显示缓存+占位图页面，无缓存显示空页面。

1）缓存+占位图页面

如果用户在使用App过程中出现网络异常，会出现一部分数据有缓存到本地，而另一部分数据，比如图片，网络异常不能正常显示的，就以占位图的形式显示。

2）空页面

网络异常空页面会常用于无缓存数据时显示，或者只要网络异常就都显示空页面，简化开发处理逻辑。

空页面元素：页面标题、网络异常icon、网络异常提示语、刷新按钮，点击可手动刷新看网络是否已经恢复正常。

网络开启提醒。如果你的产品有覆盖大量用户，或者你的目标用户中有很多对手机操作不太熟悉的，就可以增加类似拼多多这样的网络开启提醒。

3) toast提示

用户在网络异常的情况下点击页面元素，toast提示用户网络异常。

4) 对话框提示

和网络开启提醒类似，可以引导用户快速开启网络权限。

参考

关于异常状态的设计总结