
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
断网情况在日常生活中是会经常遇到的一个情况,除了网络问题以外,因为信号强弱问题也会引起断网现象,下面我们就通过案例分析来了解一下,移动app断网设计都有哪些提示方法。
定义
移动设备没有网络数据,导致无法上传和下载数据,从而无法正常的使用产品。
使用场景
用户在使用APP的时候,进行操作时,无法正常的使用产品。
常用的设计形式
Tips提示
警示框提示
界面内嵌
占位符
toast提示
整页提示
1.Tips提示
(1)定义
一般出现在页导航栏或搜索栏之下。通过tips提示告知用户网络异常。
(2)形式
有的Tips一直存在;
有的Tips出现1-2s后消失,用户操作后再次出现;
有的Tips点击会跳转到系统网络设置界面
例如,微信的Tips就是一直存在,点击跳转到提示的新界面。Instagtam出现1-2s后消失。
2.警示框
阻断式操作,告知用户如何通过操作获得正常使用的提示
(1)定义
规范中,对警告框包含的元素做出了如下规定:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,不可更改。
(2)建议
弹框按钮提供前往设置的跳转按钮
文案可清晰简洁的提供解决方案
3.界面内嵌
当整个页面内容都因为网络异常导致未加载成功,采用界面内嵌的提示的方式。
相对于整页提示的优点在于保留了界面的大致结构。
界面内嵌的设计样式包括:网络异常提示文案、重新连接网络的button(非必需)。
4.占位符
(1)定义
当由于网络信号不好或网络中断等原因引起页面数据无法调取状态时,我们可以事先在App预设好图标或者占位符来代替加载的文字、数字、图片等数据。
(2)用途
告知用户此处有内容,只是还没有加载出来
占位符可以从样式上看出界面布局大概是那些内容
5.Toast提示
(1)使用场景
当网络中断时,用户点击界面进行操作时,出现Toast响应。t提示用户网络异常。让用户的行为即使在网络异常时得到反馈。
6.整页提示
(1)定义
整页异常的设计样式包括三部分:icon或者插画形式;网络异常文案;重新连接刷新网络的button。
(2)用途
使用过程中网络突然中断无法正常静载时给出的提示。
(3)建议
当前场景相关的插画/图片
当前场景解说文案
当前场景的操作引导
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。