编辑导语：不稳定的移动网络，是非常影响用户体验的。当用户处于弱网环境下，或者突然没有网络连接时，应该怎么设计才能让用户体验不被影响呢？本文作者给出了五个关于弱网和离线场景设计的建议，感兴趣的小伙伴们一起来看一下吧。

产品设计时，产品经理往往很少考虑当在弱网环境下（网络连接慢时）或突然网络没有连接时（如进入电梯、地下室或开车进入隧道）与用户怎么交互。

网络问题常常被认为是暂时的问题，只需要给用户一个错误提示。然而，网络连接会直接影响用户体验，对移动应用更是如此，因为移动网络常常不稳定。

我会讨论关于弱网和离线场景设计的5个建议。

01 关键内容，提前缓存

理想情况下，移动应用应该在用户离线和在线时同样工作。如果你的应用不需要大量的数据，那么你应该默认缓存所有的数据。有些需要实时更新数据（如社交应用，地图，音乐等等）的产品除外。

针对这种情况，建议有网络时加载可用内容，并提供让用缓存的功能，如离线地图，下载歌曲等，这将让用户在离线时也可正常使用。

提示：了解你的用户如何使用你的应用。这样可以知道哪些内容和功能需要提供用户下载，并进行离线使用。比如地图和音乐应用，用户应该能下载歌曲、地图，这样他们就可以在没有网络的情况下使用，尽量使“保存为离线”在界面中容易被找到。

如果你设计的产品有时间敏感信息，如股票交易或货币兑换的应用，你需要显示应用程序的最后更新时间。这将防止用户做出错误的决定。

02 离线状态，动态告知

如果你的应用有一些只有在线时才能使用的功能，应该提示用户当前状态是否为离线状态，通常用toast提示 “你已离线”。

建议：要让用户知道他们在离线模式下可以做什么。

03 用户操作，进度保存

在弱网或没有网络环境下，用户已输入的内容没有保存，是会让用户抓狂的。对于像填写表格这样的操作，应该缓存用户的进度，并可以让用户从停止的地方继续开始。

建议：向用户保证，他们的进度将被保存，他们输入的数据不会被删除。例如，无网情况下，当用户输入完，点击 “发送”时，应该有一条令人放心的信息：“当连接恢复时，信息将被发送”。

另外，一些涉及用户隐私的信息可以不必缓存，如姓名、身份证、银行卡号等，以免用户误解你在储存他们的隐私另作他用。

04 页面加载，框架优先

如果加载内容需要较长的时间，你可以先展示一个页面框架，而不是显示一个带有无限加载旋钮的空白屏幕。

页面框架是你页面的一个线框版本，在内容等待加载时显示。它在中间状态下发挥作用，给系统几秒钟的时间，以便能加载内容。让用户不会误认为出了问题。

建议：尝试在弱网环境使用你的产品。例如，Facebook举办了2G星期二，他们的移动开发团队使用2G网络来了解他们产品的体验问题。

05 无网提示，刷新重试

为必须有网络时的应用提供无网说明页面。当用户在离线时，没有功能可用时，建议用一个简短无网描述外加一个 “刷新”按钮，以便用户在恢复连接后可以点击。

由于应用程序可以自动检查连接，从功能的角度来看，这个按钮并没有提供多少价值。然而，它给用户一种对系统的控制感，这种 “假按钮”的方法类似于人行道上的 “过街”按钮。

06 总结

移动产品设计中，弱网和离线环境是产品经理不得不考虑的一个场景。

通过离线缓存、动态提示、保存进度、页面懒加载及刷新重试增加产品体验设计。

本文由 @殷元星௸ 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议