产品异常场景设计——5招搞定弱网和离线场景的产品设计

6 评论 3875 浏览 25 收藏 6 分钟

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

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

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

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

01 关键内容,提前缓存

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

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

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

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

02 离线状态,动态告知

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

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

03 用户操作,进度保存

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

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

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

04 页面加载,框架优先

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

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

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

05 无网提示,刷新重试

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

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

06 总结

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

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

 

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

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 作者想的很棒,文章写的也很棒,挺有用的,收藏

    回复
  2. 移动产品设计中,弱网和离线环境是产品经理不得不考虑的一个场景。
    要是什么时候可以出现玩小游戏了,估计会更有意思一点。

    回复
    1. 很有意思的想法,就像谷歌断网的时候404界面有一个小恐龙游戏,能提升产品趣味性,哈哈

      来自广东 回复
    2. 很棒!把一个用户的槽点变成Aha moment了!

      来自江苏 回复
  3. 离线是一个经常会出现的情况,这部分的设计也要到位,不然会让用户烦上加烦

    来自广东 回复
  4. 哇,作者考虑的问题非常仔细,虽然弱网环境很少有,但是还是有必要在设计中考虑到。

    来自江苏 回复