深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

打开网站发生网络故障时如何友善提示用户

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025/4/5

网络是现代科技的核心成分,也是我们现代生活的核心组成,当世界某一天断网了就会造成沟通困难、无聊、心情烦躁等系列困扰,深圳网站制作公司的整个公司就是依靠于网络实现和外界的对接沟通,一旦失去了网络网站也就无法继续访问、用户流失、资源缺失等不利因素产生。

深圳网站制作公司曾有过公司断网的经历,整个公司的网络由于未能及时进行续费,终而导致网络无法访问,那么这个时候整个公司处于上班状态,所以就会造成员工的输出成为损失,按照一个员工一天150元工资计算,那么1个小时20元工资时断网半小时也就损失10元/员工,假如公司有100个员工也就是亏损1000元。可想而知网络故障是多么可怕的事情。

当然这里是从公司方面而言,企业网站制作的过程中网站无法访问也是同样的道理,网站无法正常访问时候就会影响到网站用户体验度,甚至是直接让用户流失或者订单丢失,这里从手机APP方面看一手机APP是如何实现网络异常时候提醒的:

1.不提示

网络异常并不是网络一旦发生异常就造成整个程序无法使用,这里所说的不提示则是相对说法,当用户执行了请求数据的操作才告知用户网络发生故障。

支付宝就是一个典型的例子,即使断网了,用户基本也感知不到。只有用户请求了新数据,才会以toast通知用户网络异常。

不提示的原因是:用户不是每次进入到页面都需要向服务端请求一次数据,那么类似的还有QQ音乐、咕咚、酷狗等终端,在断网的情况下是不影响去听缓存或者下载好的资源的,这样情况下没有处罚请求数据的操作是没有必要提醒用户的。

当然我们需要给缓存数据设置一个有效期,如果过了那个有效期,网络还是没有恢复正常,应该及时提示用户网络故障。

2.无缓存

当然并不是每一个页面都有缓存,对于没有缓存数据的页面,我们有两种方案。一种是展示空页面,另一种是展示骨架屏(SkeletonScreen)。

骨架屏顾名思义就是展示页面的框架,当数据请求完成时再渲染页面。这种先占好位置再加载数据的模式也被称之为占位符,都是一个意思。

最后再说空页面,其实空页面的展示方案也可以分为两种:

提供「刷新页面」按钮

提供「解决方案」按钮

两种方案都有自己的道理,我个人更倾向于把两种方案进行融合。展示「刷新页面」的按钮,如果用户点击了还是没有办法请求到数据,这时以snackbar的形式提供解决方案。其实解决方案都是引导用户去系统设置里检查/开通网络权限。

3.持续性提示

有缓存数据的页面,支付宝可以不提示用户,但是对于QQ和微信这类即时通讯类的应用来说,给予用户网络故障的反馈是非常有必要的。因为如果不给提示,我不知道对方突然不回我信息是我惹对方生气了还是我网络故障收不到。QQ和微信这里统一采用的是通告栏,用户点击之后进入一个展示网络故障解决方案的页面。这里可能会有人问,为什么不使用对话框,对话框也可以完成跳转动作啊。

我尝试着来分析一下,如果使用对话框,那么对话框的触发机制有两种:

只要检测出网络不通畅,立即弹出对话框通知用户

检测出网络不通畅,立即弹出对话框通知用户,不做二次提示

第一种触发机制明显不合理,因为用户使用微信并不一定非要网络通畅,有的用户就是想翻看一下聊天记录。你这边只要检测出网络故障就会弹出一个对话框,会对用户造成很大的干扰。

第二种也不合理,如果用户所处的网络环境不稳定,时断时续,那么一旦你第一次点击关闭了弹出框,用户就无法感知到后续网络的异常。

所以微信用户对于网络故障提示的要求是在给予用户持续性的提示前提下,还不能干扰用户正常操作。好了好了,这个问题我知道了,但是我不需要立即去处理。

可以满足上面这个条件的控件有两个:snackbar和通告栏,微信用的是通告栏,京东用的是snackbar。以京东为例,用户在使用京东过程中如果网络突然发生故障,那么会从界面顶部弹出一个snackbar来通知用户,用户点击之后会进入一个页面,展示一些解决方案。其实在上面我也提到过,所谓的解决方案就是让用户去系统设置页检查/开通网络权限,我们可以像网易云音乐一样直接提供一个跳转链接,节省用户操作步骤。

snackbar和通告栏的区别在于snackbar的位置是固定的,只要你的网络不畅通,那么它一直会出现在界面顶部。这是因为京东对于网络的诉求比微信要更强,没有网络微信用户还可以翻看聊天记录,京东用户没有网络还能干什么没有办法浏览商品,更不用说剁手了,京东比微信更需要用户去解决网络故障的问题。

4.网络切换

除了断网与弱网情况,另一个需要考虑的问题是网络切换。当网络从4g切换至wifi,我们用toast来提示用户没有任何问题,甚至不提示也没事,不会对用户产生太大的影响。但是反过来说,wifi突然断掉,切换至4g网络,我们还能如此淡定吗

当我用wifi观看视频,突然wifi断掉,会自动切换至4G网络。为了避免让用户在不知情的情况下耗费大量的流量,我们应该给用户一个网络变更的提示,用户确认之后才可以继续观看。提示的方式目前来说主要界面内嵌和对话框,哔哩哔哩和网易云音乐这里用的都是界面内嵌。

有意思的是在网易云音乐中,如果你听歌过程中wifi突然断掉,那么4G网络会继续缓存歌曲,而QQ音乐是不会继续缓存的。仅从这点上来说,我个人觉得腾讯做的更贴心。

从以上四个内容中我们可以看到不同的软件是可以采取不同的措施的,那么网站制作如果一旦发生网络故障或者资源型的故障应该如何提醒用户呢这里有以下四点建议:

1、引导用户切换检查网络

一般情况下网站访问出现故障问题时候第一需要解决的就是用户自己的网络,当用户网络发生问题时候浏览器方面是会提醒资源情况的。

2、引导用户刷新重新访问

当用户能够看到网站的提示页面时,应该引导用户重新访问资源,确保用户不会因为资源无法访问而终止访问,引导能够让用户认为网站是可以访问的。

3、引导用户重启浏览器

有些时候网站没有问题、网站也没有问题,就是因为浏览器问题而无法显示问题,这个时候并不能排除浏览器故障,所以这里也应该解决下用户终端问题。

4、舒缓用户情绪

一旦网站无法访问了,用户情绪第一次将会是有点突然,第二次必然烦躁,第三次必然是很厌恶的,那么这个时候就需要我们对用户的情绪进行安抚了,具体的安抚方法就因人而异了。

相关行业资讯

1、网页规划中有哪几个要点
2、一个新手如何做百度seo优化
3、腾讯企业邮箱常用邮件客户端软件设置
4、SEO站内优化的注意事项有哪些
5、企业做网站建议所有的网页都制作成中、英文两个版本
6、如何寻找一个专业的建站公司
7、海量关键词优化骗局揭秘
8、网站优化:TAG标签好处多你的网站用了吗
9、SEO优化推广​都有什么其他有效的方式
10、网站建设浅谈会员制营销
11、深圳网站建设建议做网站从三个方面入手
12、谈SEO优化的发展方向
13、如何建设好一个的商城网站
14、新站优化6点SEO技术解析大全
15、SEO决定网站策划与优化要素有哪些
16、企业邮箱可推动外贸企业更良好的经营腾讯企业邮箱最佳!
17、企业网站建设过程中存在哪些误区
18、什么是长尾关键词及如何优化
19、农民工对于企业站优化的3点建议
20、新手快速搭建网站详解指南
21、搜索引擎优化最容易进入的优化误区详解
22、一个网站换了域名之后,对网站的有什么影响
23、企业网站优化推广常用的几个方法
24、天津房地产网站制作中这些细节事项要知晓
25、网站搜索优化是高思维的技术型体力活儿
26、建设网站如何确保信息安全
27、企业网站制作需要注意的事项
28、如何对网站建设公司的实力进行考察
29、手机网站该如何优化呢
30、深圳做网站由设计方和顾客共同承担
31、怎样去辨别深圳网站建设公司哪家好
32、关于百度竞价模式的简单分析
33、网站建设的基础规定及方案策划事宜
34、权重传递与链接布局方式
35、网站建设该怎样进行策划
36、企业网站建设的几种宣传方式
37、用“傻子”的心态去运营人生和项目
38、深圳网站推广优化公司易捷网络科技
39、深圳网站建设公司如何建立具有良好用户体验的网站
40、关于seo趋势的思考:网站轻量化成趋势
41、网页设计应注重展示的几点
42、时代不管如何变化,草根站长仍然可能取得成功
43、如何判断网站的质量好坏看看这些标准
44、如何优化旅游网站横幅广告的投资回报率
45、做网站的公司能提供域名和空间吗
46、SEO技术真的很简单吗
47、使用CDN网络加速器的好处有哪些
48、行业门户网站制作要先整理思路
49、网站建设如何满足企业的建站需求
50、网站字体设计建议
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号