APP不单单需要功能性，可用性，稳定性，还需要让用户感到愉快

在app泛滥的时代里细节不可忽视

当我们在使用APP的时候，偶尔会碰到网络状态不好的情况

大致讨论后得出下图的几种状态

不了解 谈何设计

来来来我们一起聊聊“网”

图中的几种状态对开发者来说在处理相关情况时判断条件会有所不同

对设计师来说是自由发挥页

通常这种提示状态页上级不会给到设计师详细的需求信息

来个设计给朕把这个页做一下

But……对用户来说就一种状态“没网”

当网络出现问题时APP如何应对？

现今通用的断网提示有三种：

① 弹出框提示   ② 背景图刷新提示   ③ 顶部提示

（这三种断网处理方法也经常混合使用，达到产品想要传达的效果）

所以在接到设计任务时，设计来需要了解所设计的界面将用于什么状态下

正所谓对症下药

壹

适用于弹框提示

当用户没开数据、WiFi或该APP网络限权时

打开APP此时应该强行提示网络状态信息引导用户去设置

贰

 适合用于跳转其他页面的情况/背景图刷新提示

在网络数据或WiFi打开状态下 用户所处环境网络信号不稳定时

例如：正在使用APP购买东西突然网络不稳定中断用户当前行为时

叁

适用于顶部提示引导

app自身缓存内容空间大时

如：电商、聊天软件

总结

一个好的网络状态提示可以

☆  帮助和教育  

☆  避免用户消极情绪（惊慌、烦感、急躁……）

☆  使用户快速行动  

一个好的设计师在该状态提示界面设计上要做到

◆   一个解释  当前网络状态 （避免用户惊慌）

◆   一个方向  用户明白如何去解决这个问题   

【 当前页面请求服务器 】

如果点击保存，网络请求超时，这时候弹出另一个页面就遮挡住了之前的信息，对于用户是一个不好的体验，这种情况下更适合采用背景图刷新提示，用户可以很快捷高效的进行刷新界面______再一次的保存操作。

【 不同的产品，面对的不同的情况 】

比如对于新闻类的、咨询类的，这类APP一般都会有缓存，比如缓存好一个列表页，下一次进入APP即使没有网络，也不会碰到什么内容都没有的情况而是加载之前缓存的列表。以及之前阅读的文章也会缓存下来，下次再阅读不需要再次请求服务器。再举一个例子就是我们大家都很熟悉的微信朋友圈，没有网络的情况下也是可以查看之前加载过的内容。如果特意去查看一下微信占用的空间，你会发现缓存占了很大的一块，这里面就包括朋友圈内曾经加载过的内容以及图片等。这类产品在出现网络请求超时的情况就不需要跳转另一个页面，多此一举还影响用户体验。（他们大多采用顶部提示的方式告知用户当前网络状态）

做的越少动静越小，对用户的体验影响越小越好

这样对于用户也是一种心理暗示——这都不是事，不要慌。所以最好的做法是能让用户在出现异常情况下可以很轻易的再次重试，使得用户能够淡化对于异常情况的敏感以及反应过激。

看到网络状态提示时用户状态

在人才辈出的时代想做UI设计师不会交互怎嘛行