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

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

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22

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

深圳网站制作公司曾有过公司断网的经历,整个公司的网络由于未能及时进行续费,终而导致网络无法访问,那么这个时候整个公司处于上班状态,所以就会造成员工的输出成为损失,按照一个员工一天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、几百IP,年入百万,你也可以
2、什么是营销型网站?
3、宽屏网页设计的技术要点与视觉功效
4、未来网站建设的多样式发展
5、网站建设浅谈搜索引擎工过程
6、网页打开速度慢是哪些原因导致的
7、分析网站SEO优化如何衡量用户体验
8、近期大网站频繁受攻击,如何加强网站安全
9、搜索营销策略:盘点SEO和SEM的优劣势
10、什么样的网站制作更能够吸引人
11、定制型网站制作的独特性
12、如何网站设计改善网站气质
13、做为SEOer你每天应该记录分析哪些数据
14、企业SEO怎样提升排名?
15、如何在交互设计中应用格式塔理论
16、网站在搜索引擎内占据行业领先的主要方法
17、高端网站建设和普通网站建设有哪些不同
18、那企业选择定制型网站的好处是什么
19、搜索引擎排名优化的准则有哪些
20、百度算法更新后该怎样提高网站的收录率
21、什么样的用户体验是百度喜欢的
22、掌握Google+谷歌优化排名秘籍
23、精选15个必备的VSCode插件
24、网站改如何优化?
25、社区服务型的网站建设要注意哪些细节
26、网站建成后图片如何进行优化
27、深圳网站制作中需要注意的几大因素
28、内容除了原创与相关性我们还要注意什么
29、网站长尾词排名该如何操作
30、做网络推广为什么投了那么多钱却没有什么效果
31、企业为什么需要官网做推广
32、网站被搜索引擎降权的原因有什么
33、要想让网站鹤立鸡群请先从改善网站设计开始
34、商业化的深圳网站制作怎么做的?
35、做个外贸网站中英文要多少钱
36、浅析北京高端网站建设定制流程的细节
37、权重下降的解决方法
38、怎么让你的图片被百度抓取到
39、在网站建设中改善用户体验的几个要素
40、互联网的先驱站长们,你们有“互联网思想
41、大脚SEO百站行第三站:联创兄弟和副总施锦标
42、浅谈哪些原因会导致网站过度优化
43、深圳网站建设之快照没更新或者错误如何向百度投诉
44、从优化咖啡机行业站—谈网站诊断该从哪方面着手
45、建好昆山企业网站建设的关键点
46、SEO优化:高手更新网站文章的窍门
47、如何做好网站的节日推广
48、网站建设前企业需要写策划方案的吗
49、企业网站优化要从链接相关性建设开始
50、通过百度统计做好用户体验
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号