百木园
产品设计时，产品经理往往很少考虑当在弱网环境下（网络连接慢时）或突然网络没有连接时（如进入电梯、地下室或开车进入隧道）与用户怎么交互。
网络问题常常被认为是暂时的问题，只需要给用户一个错误提示。然而，网络连接会直接影响用户体验，对移动应用更是如此，因为移动网络常常不稳定。
我会讨论关于弱网和离线场景设计的5个建议。
01 为离线场景提供关键内容和功能
理想情况下，移动应用应该在用户离线和在线时同样工作。如果你的应用不需要大量的数据，那么你应该默认缓存所有的数据。有些需要实时更新数据（如社交应用，地图，音乐等等）的产品除外。
针对这种情况，建议有网络时加载可用内容，并提供让用缓存的功能，如离线地图，下载歌曲等，这将让用户在离线时也可正常使用。
提示：了解你的用户如何使用你的应用。这样可以知道哪些内容和功能需要提供用户下载，并进行离线使用。比如地图和音乐应用，用户应该能下载歌曲、地图，这样他们就可以在没有网络的情况下使用，尽量使“保存为离线”在界面中容易被找到。
如果你设计的产品有时间敏感信息，如股票交易或货币兑换的应用，你需要显示应用程序的最后更新时间。这将防止用户做出错误的决定。
02 告知用户当前的状态和状态的改变
如果你的应用有一些只有在线时才能使用的功能，应该提示用户当前状态是否为离线状态，通常用toast提示 “你已离线”。
建议：要让用户知道他们在离线模式下可以做什么。
03 保存用户的使用进度
在弱网或没有网络环境下，用户已输入的内容没有保存，是会让用户抓狂的。对于像填写表格这样的操作，应该缓存用户的进度，并可以让用户从停止的地方继续开始。
建议：向用户保证，他们的进度将被保存，他们输入的数据不会被删除。例如，无网情况下，当用户输入完，点击 “发送”时，应该有一条令人放心的信息：“当连接恢复时，信息将被发送”。
另外，一些涉及用户隐私的信息可以不必缓存，如姓名、身份证、银行卡号等，以免用户误解你在储存他们的隐私另作他用。
04 使用页面框架来创造正在加载的“假象”
如果加载内容需要较长的时间，你可以先展示一个页面框架，而不是显示一个带有无限加载旋钮的空白屏幕。
页面框架是你页面的一个线框版本，在内容等待加载时显示。它在中间状态下发挥作用，给系统几秒钟的时间，以便能加载内容。让用户不会误认为出了问题。
建议：尝试在弱网环境使用你的产品。例如，Facebook举办了2G星期二，他们的移动开发团队使用2G网络来了解他们产品的体验问题。
05 为离线状态设计重试按钮
为必须有网络时的应用提供无网说明页面。当用户在离线时，没有功能可用时，建议用一个简短无网描述外加一个 “刷新”按钮，以便用户在恢复连接后可以点击。
由于应用程序可以自动检查连接，从功能的角度来看，这个按钮并没有提供多少价值。然而，它给用户一种对系统的控制感，这种 “假按钮”的方法类似于人行道上的 “过街”按钮。
06 总结
移动产品设计中，弱网和离线环境是产品经理不得不考虑的一个场景。
通过离线缓存、动态提示、保存进度、页面懒加载及刷新重试增加产品体验设计。
给作者点赞，鼓励TA抓紧创作！
来源：http://www.woshipm.com/pd/5376215.html
本站部分图文来源于网络，如有侵权请联系删除。