课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
随着互联网的不断发展，越来越多的地区都可以做到wifi覆盖了，但是在有些特殊情况下，我们会发生wifi断开然后切换到流量网络上，在这种情况下，我们是如何来提醒用户上网环境的变化呢？今天，我们就一起来了解一下关于网络环境变化引起的交互设计是如何来完成的吧。
1.网络切换
一些需要消耗大量流量的APP，用户一般只会在WiFi的网络状态下运行(土豪用户除外)，像视频APP，音乐APP，还有现在很火的直播APP。
当网络状态从WiFi切换到3G/4G时，为了防止用户消耗流量，APP会采取一定的设计形式来告诉用户，网络状态切换了，请小心。
告诉用户发生了什么，遇到了什么问题，也给用户提供解决问题的办法和入口，这才是好的设计。
2.网络信号不好或网络中断
网络中断或信号不好，APP无法与服务器交换数据，这时要分两种情况考虑：无缓存数据时和有缓存数据。
(1)无缓存数据时
A.整页提示：
当整个页面内容都因为网络异常导致未加载成功，采用整页提示的方式。
整页异常的设计样式包括三部分：icon或者插画形式;网络异常文案;重试或者前往WiFi设置的button(或者没有button，直接点击页面空白区域)。
因为有部分用户可能并不清楚当前的网络中断是由于什么引起的，尤其对于小白用户来说，添加一个下贴士的入口，帮助用户解决问题。
B.占位符提示：
此种情况多出现于采用native技术架构的页面，页面框架是直接呈现的，不需要联网，APP只需要联网获取框架内的数据即可。所以页面呈现出了框架，但是没有内容的情况，这个时候会使用占位符替代未加载出来的图片，用灰色块替代未加载出来的文字。
这种设计形式有一个最大的好处就是当网络中断时间很短时，用户几乎察觉不到网络中断，APP就已经恢复正常了。这就是利用设计技巧，不给用户带来额外操作成本和认知负担。
此外，占位符的方式也可以作为loading的解决方案。
(2)有缓存数据时
A.列表提示：
当页面有缓存数据时，可以用list的设计形式，来提示用户，网络异常，请前去检查网络设置。
采用dialog不仅仅可以提示用户网络异常，还能给出“设置”的入口，让用户直接前往WiFi界面设置网络。如果仅仅是提示用户网络异常，直接用toast的会更好，因为toast不会获得用户焦点，并且不会中断用户的操作。
C.toast提示：
当网络信号不好或网络中断时，用户还在继续操作APP，为了提示用户，会在用户每次触发操作时利用toast提示用户网络异常。让用户的行为即使在网络异常时也能得到反馈。
文：邹志楠
【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益！
< 上一篇：提高用户体验对于企业有什么意义
下一篇：CRM系统对企业用户管理都有哪些作用 >
2025-02-12
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 4月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 4月29日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 4月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 4月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 4月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 4月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 4月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 4月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 4月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 4月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 4月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 4月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 4月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 4月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 4月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 4月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 4月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 4月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 4月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 4月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 4月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 4月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 4月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 4月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 4月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 4月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 4月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 4月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 4月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 4月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 4月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 4月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 4月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 4月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 4月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 4月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 4月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 4月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 4月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 4月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 4月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 4月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 4月29日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
