App端产品网络异常设计

2018-08-15 本文已影响226人流粒子

用户在使用App端产品的时候经常会遇到网络异常的情况，当然这些情况作为产品设计者或者交互设计师方案中必须考虑，并由研发同学实现。那么网络异常的情况分哪几种情况呢？有没有什么规范可遵循呢？本文针对网络异常总结了五种不同的异常情况，并给出每种情况的适用情景和具体的交互方式。

一、断网状态无缓存

断网状态是指移动设备没有网络数据，导致无法上传和下载数据，从而无法正常使用产品。

适用情景：

1、用户之前从未登录过APP，在未连接网络的情况下打开APP

2、用户之前登录过APP，但是无缓存数据

交互方式：

采用整页异常提示的方式：在进入页面时，提示用户当前网络未连接，以具有情感的插画图片或者icon及相关文本展示说明，同时设置刷新重试的按钮。

二、断网状态有缓存

适用情景：

1、用户之前登录过APP，本地有缓存数据

2、使用过程中网络被切断

交互方式：

移动设备处于断网有缓存状态时，只有在当前页面进行操作时，toast提示“网络异常，请稍后重试”，3s后自动消失，让用户的行为即使得到反馈。

当用户停留当前页面不进行操作时，不必提醒用户。

三、弱网状态

适用情景：

弱网状态是指用户所处的网络并非完全流畅的WIFI环境；2G/3G/4G网络下信号不强的场景，如移动设备处在地铁、公交、电梯等环境。

交互方式：

移动设备处于弱网状态时，只有在当前页面进行操作时，toast提示“网络不太稳定，请稍后重试”，3s后自动消失，让用户的行为即使得到反馈。

当用户停留当前页面不进行操作时，不必提醒用户。

四、WIFI网络转蜂窝移动网络

适用情景：

用户在页面内有操作时，设备连接的WIFI网络中断，自动切换到蜂窝移动网络。

交互方式：

1、非视频页面：移动设备网络由WIFI转换为蜂窝移动网络时，在当前页面toast提示“当前网络已切换为2G/3G/4G移动网络”，3s后自动消失。

2、视频页面：模态弹窗提示，给用户选择是否继续进行播放。

五、蜂窝移动网络转WIFI网络

适用情景：

用户在蜂窝移动网络使用的过程中，设备自动连接到WIFI网络的情况下，提示网络的转换。

交互方式：

移动设备网络由蜂窝移动网络转换为WIFI网络时，在当前页面toast提示“WIFI网络已连接”，3s后自动消失。