产品设计之网络异常设计

网络异常分两种：

一种是网络切换，如WiFi切换3g/4g网络，造成暂时性无网；

此种情况，已toast提示用户网络变化即可，对于流量损耗较大应用，建议以弹窗dialog形式提示用户，继续使用将会消耗流量，被运营商收取一定费用之类（此处三三对显示文字设计小小的佩服了一下，是运营商收费哦，不是我们app收的~虽然事实就是如此😆 ）

第二种是网络彻底中断，如打开飞行模式或者无信号连接不上网络之类的；

此类型网络异常有三种方式进行应对处理：
1.如果在无网情况下点击进入一个新的页面，此时以整页无网页面提示较好，例如：

整页无网页面

此类无网页面一般包含三个元素：

• 代表app形象的icon或图片；
• 无网说明性文字；
• 操作性文字或按钮：通常为下来刷新或点击按钮刷新当前页面。
  当网络恢复时，自动刷新当前页面。

2.toast提示
对于已经加载出来内容的页面，若网络突然中断，适当的toast提示，可让用户了解发生了什么而不那么突兀。通常toast提示语设置为1-3后自动消失。

3.参考资料中提到另外一种方式：预设图和占位符，个人觉得这种形式更像是预加载，若不加上无网络提示语，用户可能会觉得是一直未加载出来。

参考资料：

1. 网络异常时，APP该如何设计？