当用户网络异常时，APP该如何设计？思维导图

当由于网络信号不好或网络中断等原因引起页面数据无法调取状态时，页面做此处理。

闪电购&猫眼

整页异常的设计样式包括三部分：icon或者插画形式；网络异常文案；重新连接网络的button。

上面两图分别是闪电购和猫眼的整页异常设计，都采用了品牌形象的插画形式，不仅增添了趣味性还起到了宣传品牌形象的作品，可谓一举两得。闪电购在button下还增加了一个入口：搞不定网络，看看小贴士。因为有部分用户可能并不清楚当前的网络中断是由于什么引起的，尤其对于小白用户来说，添加一个下贴士的入口，帮助用户解决问题。所以从用户体验的角度来看，闪电狗比猫眼做的更用心。

当由于网络信号不好或网络中断等原因引起页面数据无法调取状态时，我们可以事先在APP中预设好图标和占位符来替代加载的数字、图片、文字等数据。也就是预处理过程。

京东

keep&一个

网络信号不好或网络中断时，用户还在继续操作APP，为了提示用户，会采用toast或dialog的形式来提示用户网络异常。

Path&招行

上面两个页面都使用了dialog来提示用户网络异常，但是又有所区别。因为左边的path直接给出“设置”入口，让用户直接前往设置界面开启网络，而右边招行的dialog就逊色一点，仅仅是提示了用户网络异常，如果仅仅是提示用户网络异常，直接用toast的会更好，因为toast不会获得用户焦点，并且不会中断用户的操作。

摩拜单车&网易考拉

摩拜单车和网易考拉采用了toast的形式提示用户网络异常。

上述说的三种设计形式并不是孤立的，是可以配合使用的。上图的网易考拉APP就使用了整页提示和toast提示。形式可以千变万化，但总归是为了服务功能，而功能又立足于用户需求。深刻理解用户需求才是灵活运用设计形式的根本。