断网是影响用户使用的不良状态，Harris 根据Interactive对Tealeaf的一项调查，23%的用户承认诅咒了他们的手机，11%的用户对他们的手机大喊大叫，4%的用户在网络出现问题时扔掉了手机。

断网就是这样的问题之一在断网的情况下，要尽量采取合理的提醒方式，减少用户的焦虑。举一个反面例子:

断网后下拉刷新，缓存内容清空IOS系统用于测试，版本为1.5.6.我首先打开应用程序，浏览主页一段时间，然后打开飞行模式，下拉刷新结果，我甚至没有加载好的信息，也没有清楚地告诉用户如何刷新它最奇怪的是，我认为断开网络后也是下拉刷新，但这个页面实际上是点击刷新。

一个页面在不同的情况下使用了两种刷新方法ps:这里无意黑，pmcaff的核心业务不在app，网络加班设计优先级相对较低有很多积极的例子，可以参考数千万用户的app但问题是，断网的提醒风格有很多种，适用于不同的场景。

经验丰富的用户体验产品经理或互动设计师，了解各种提示风格，可以根据自己的经验选择最合适的提示风格但如果经验不够丰富，可能需要时间和精力因此，本文的目的是帮助产品新人在最短的时间内完成断网设计附上本文思维导图：。

断网提醒设计第一步:明确前提前提是在进行网络超时设计之前，要明确以下两个问题1.用户需要查看缓存内容吗？缓存内容还可以减少用户在断网时的焦虑，有些内容对用户有价值，比如微信聊天记录2.什么时候检查网络状态？有时需要实时检查网络状态，如微信消息列表、一些手机游戏等。

大多数应用程序实际上不需要实时检查断网设计更多的是优化现有产品的用户体验此时，您需要与技术进行更多的沟通，以了解您的产品何时检查网络状态第二步：根据场景选择样式：断网的提醒风格有很多种，适用于不同的场景。

在这里，我将场景分为四类您可以先选择相应的场景，然后选择场景中常见的提醒风格1.有必要立即打断用户提醒这类场景页面(区域)功能不能全部使用，且没有本地缓存可以查看如果你不连接互联网，你就不能使用或看到任何东西。

你应该关注网络问题，所以使用整页提示或内容区域按钮，清楚地告诉用户当前的网络状况，让用户获得控制感，引导用户解决网络问题，帮助用户恢复正常的网络状态最好解释用户下一步应该做什么，而不是只告诉用户“加载失败”。

除此之外，弹出窗口还可以打断用户的操作，提醒用户总结:在这种情况下，可用的提醒风格包括全页提示、内容区按钮和弹出窗口2.有必要提醒用户，但不要打断用户这类场景页面的一些本地功能是可用的，或者有本地缓存可以查看。

此时，应用程序并非不可用，因此不应打断用户的思维，而应轻轻提醒用户“理解和知道”常见的提醒方式有以下几种Notice bar：见微信消息列表截图，更常见，持续提醒，一般出现在标题栏下方或列表顶部，点击可获得解决网络问题的帮助；

toast：见支付宝截图，一般显示少量文字，几秒钟内消失，容易被忽略，提醒但不中断；提示：看墨迹天气，不打断用户，起到让用户知道的目的总结:在这种情况下，常见的提示风格是Notice bar、toast、页面提示。

3.需要提醒用户，但不是马上这种场景，我将其总结为用户将继续操作的场景，可能不太合适，例如例如，新浪发送微博，假设用户在编辑内容之前没有完成文本，提示用户网络加班，这是否想让用户打字？此时，有以下常见的提醒风格。

重试按钮：见微信聊天，发送失败会提醒用户，点击即可重新发送弹出窗口：见淘宝截图用户在操作过程中不会中断完成后，弹出窗口将提示失败并保存操作弹出窗口中的内容通常更重要有时，弹出窗口将用于更长的内容toast：见知乎，断网时打开主页，已经有缓存内容(没有缓存内容时需要立即提醒)，没有立即提醒，点击一个内容时会提醒。

一起使用各种提示样式结合使用也很常见：比如微博，使用重试按钮，方便恢复网络时重新发送，Notice 点击bar进入草稿箱，同时使用toast提醒总结:在这种情况下，常见的提示风格包括重试按钮、弹出窗口、toast。

4.不需要提醒这种场景，断网没有影响比如微信阅读，读本地书，内容缓存，不需要提醒用户总结一般app会根据需求和场景使用各种断网提示，而不是简单的一种比如微信，用Notice切断线下消息列表 bar、用弹出窗口设置页面，用重试按钮设置聊天框，朋友圈断网时不提醒。

现在试着用这种方法优化pmcaff的断网提醒第一步，用户需要查看缓存内容吗？就我个人而言，截图页面的核心是显示内容，所以断开网络后没有理由清空页面缓存什么时候检查网络状况？这更明显，当下拉刷新时，检查网络状态。

因此，用户需要查看缓存内容，并在下拉刷新时检查网络状态第二步是根据场景选择风格您是否需要立即打断用户并提示此块？如果没有缓存内容，你什么也看不见如果您需要，请使用整页提示但是，如果有缓存内容，则不需要点击打开文章并提醒您。

您可以参考知乎并使用toast总结变化为：断网时，有缓存内容时下拉刷新不清空缓存内容，用toast提示（PS：pmcaff全页提示的文案也可以改为“加载失败”  请点击重试”)最后，我要感谢在这里看到的朋友们。

我以前整理过我产品的断网规则我想在网上看一些相关的文章，但我找不到因此，整理和发送你的想法并不一定可靠我希望你能吸引玉石欢迎批评和交流

今天就分享到这里吧，德斯资源网每天都会更新一些日常软件小知识，包括有微信,钉钉,支付宝,陌陌,QQ,68,哈小聊,奈斯特惠,山楂树,小小街,米兰优选,淘淘,优品盲盒,满易购物,智幸,KUKU好物,汇聚,火星严选,典易优选,腾城购,易点购,知信,汇通至选,小小街,智云互享,咪玩,惠趣购,火星严选,佑米,世纪购,亿讯,联信,尚客商城,微信多开,微信分身等社交软件下载，软件自带功能有红包软件,红包辅助,埋雷辅助,单透,埋雷软件,牛牛辅助,牛牛外挂,尾数控制,机器人等一些红包强项外挂辅助软件功能免费下载使用。