w_640/images/20170927/0a85c773f3b54e5ab42a3c769552610c.jpeg

感觉 急速飞驰 浏览

小编:网络异常无非就3种情况:第一种是网络切换:WiFi网络环境切换到了移动数据网络环境。第二种是断网情况:完全没有网络。第三种就是弱网情况:2G/E时无法加载或者上传数据。 2.断网

  网络异常无非就3种情况:第一种是网络切换:WiFi网络环境切换到了移动数据网络环境。第二种是断网情况:完全没有网络。第三种就是弱网情况:2G/E时无法加载或者上传数据。

  2.断网情况:整页提示、占位符、toast提示、警示框提示、界面内嵌、tips提示

  依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,所以请不要在意细节。)

  一些需要消耗大量流量的APP的操作,例如开启视频、直播、音乐等,为保证l同时节省用户流量会给予用户友好的提示

  当网络状态从WIFI切换到3G/4G时,为了防止用户操作大量流量,APP会采用一定的设计形式来告诉用户,网络状态切换了,请小心,防止用户浪费流量(土豪除外)。当然从非WIFI状态下开启消耗大量流量操作时,也会使用警示框、界面内嵌设计形式,但这不在今天讨论网络切换范围之内。

  阻断式操作,告知用户当前网络情况,继续使用的话会浪费大量流量。用户点击警示框上的操作才可以继续使用。

  警告框传达应用或设备某种状态的重要信息,并且常常需要用户来进行操作。规范中,对警告框包含的元素做出了如下规定:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,不可更改。

  将需要消耗的移动数据提示内嵌到视频、直播界面里面,给予用户提示。这样的好处是非强阻断式,在告知用户的同时还说明消耗的流量数据。

  将提示性文案内嵌到界面中,以此达到告知用户的目的。界面内嵌的好处是减少界面层级干扰,让用户更专注的获取信息。

  例如,微信的Tips就是一直存在,点击跳转到提示的新界面。Instagtam出现1-2s后消失。

  规范中,对警告框包含的元素做出了如下规定:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,不可更改。

  当整个页面内容都因为网络异常导致未加载成功,太阳城娱乐城采用界面内嵌的提示的方式。相对于整页提示的优点在于保留了界面的大致结构。

  界面内嵌的设计样式包括:网络异常提示文案、重新连接网络的button(非必需)。

  当由于网络信号不好或网络中断等原因引起页面数据无法调取状态时,我们可以事先在App预设好图标或者占位符来代替加载的文字、数字、图片等数据。

  当网络中断时,用户点击界面进行操作时,出现Toast响应。t提示用户网络异常。让用户的行为即使在网络异常时得到反馈。

  整页异常的设计样式包括三部分:icon或者插画形式;网络异常文案;重新连接刷新网络的button。

  弱网情况和断网情况的场景基本一致,常见的有:整页提示、占位符、界面内嵌、tips提示,故不做讨论介绍。

当前网址:http://www.builder.org.cn/linggan/app/1267.html

 
你可能喜欢的: