打開網(wǎng)站發(fā)生網(wǎng)絡故障時如何友善提示用戶

網(wǎng)絡是現(xiàn)代科技的核心成分，也是我們現(xiàn)代生活的核心組成，當世界某一天斷網(wǎng)了就會造成溝通困難、無聊、心情煩躁等系列困擾，深圳網(wǎng)站制作公司的整個公司就是依靠于網(wǎng)絡實現(xiàn)和外界的對接溝通，一旦失去了網(wǎng)絡網(wǎng)站也就無法繼續(xù)訪問、用戶流失、資源缺失等不利因素產(chǎn)生。

深圳網(wǎng)站制作公司曾有過公司斷網(wǎng)的經(jīng)歷，整個公司的網(wǎng)絡由于未能及時進行續(xù)費，終而導致網(wǎng)絡無法訪問，那么這個時候整個公司處于上班狀態(tài)，所以就會造成員工的輸出成為損失，按照一個員工一天150元工資計算，那么1個小時20元工資時斷網(wǎng)半小時也就損失10元/員工，假如公司有100個員工也就是虧損1000元?？上攵W(wǎng)絡故障是多么可怕的事情。

當然這里是從公司方面而言，企業(yè)網(wǎng)站制作的過程中網(wǎng)站無法訪問也是同樣的道理，網(wǎng)站無法正常訪問時候就會影響到網(wǎng)站用戶體驗度，甚至是直接讓用戶流失或者訂單丟失，這里從手機aPP方面看一手機aPP是如何實現(xiàn)網(wǎng)絡異常時候提醒的：

1.不提示

網(wǎng)絡異常并不是網(wǎng)絡一旦發(fā)生異常就造成整個程序無法使用，這里所說的不提示則是相對說法，當用戶執(zhí)行了請求數(shù)據(jù)的操作才告知用戶網(wǎng)絡發(fā)生故障。

支付寶就是一個典型的例子，即使斷網(wǎng)了，用戶基本也感知不到。只有用戶請求了新數(shù)據(jù)，才會以toast通知用戶網(wǎng)絡異常。

不提示的原因是：用戶不是每次進入到頁面都需要向服務端請求一次數(shù)據(jù)，那么類似的還有QQ音樂、咕咚、酷狗等終端，在斷網(wǎng)的情況下是不影響去聽緩存或者下載好的資源的，這樣情況下沒有處罰請求數(shù)據(jù)的操作是沒有必要提醒用戶的。

當然我們需要給緩存數(shù)據(jù)設置一個有效期，如果過了那個有效期，網(wǎng)絡還是沒有恢復正常，應該及時提示用戶網(wǎng)絡故障。

2.無緩存

當然并不是每一個頁面都有緩存，對于沒有緩存數(shù)據(jù)的頁面，我們有兩種方案。一種是展示空頁面，另一種是展示骨架屏（SkeletonScreen）。

骨架屏顧名思義就是展示頁面的框架，當數(shù)據(jù)請求完成時再渲染頁面。這種先占好位置再加載數(shù)據(jù)的模式也被稱之為占位符，都是一個意思。

最后再說空頁面，其實空頁面的展示方案也可以分為兩種：

提供「刷新頁面」按鈕

提供「解決方案」按鈕

兩種方案都有自己的道理，我個人更傾向于把兩種方案進行融合。展示「刷新頁面」的按鈕，如果用戶點擊了還是沒有辦法請求到數(shù)據(jù)，這時以snackbar的形式提供解決方案。其實解決方案都是引導用戶去系統(tǒng)設置里檢查/開通網(wǎng)絡權限。

3.持續(xù)性提示

有緩存數(shù)據(jù)的頁面，支付寶可以不提示用戶，但是對于QQ和微信這類即時通訊類的應用來說，給予用戶網(wǎng)絡故障的反饋是非常有必要的。因為如果不給提示，我不知道對方突然不回我信息是我惹對方生氣了還是我網(wǎng)絡故障收不到。QQ和微信這里統(tǒng)一采用的是通告欄，用戶點擊之后進入一個展示網(wǎng)絡故障解決方案的頁面。這里可能會有人問，為什么不使用對話框，對話框也可以完成跳轉動作啊。

我嘗試著來分析一下，如果使用對話框，那么對話框的觸發(fā)機制有兩種：

只要檢測出網(wǎng)絡不通暢，立即彈出對話框通知用戶

檢測出網(wǎng)絡不通暢，立即彈出對話框通知用戶，不做二次提示

第一種觸發(fā)機制明顯不合理，因為用戶使用微信并不一定非要網(wǎng)絡通暢，有的用戶就是想翻看一下聊天記錄。你這邊只要檢測出網(wǎng)絡故障就會彈出一個對話框，會對用戶造成很大的干擾。

第二種也不合理，如果用戶所處的網(wǎng)絡環(huán)境不穩(wěn)定，時斷時續(xù)，那么一旦你第一次點擊關閉了彈出框，用戶就無法感知到后續(xù)網(wǎng)絡的異常。

所以微信用戶對于網(wǎng)絡故障提示的要求是在給予用戶持續(xù)性的提示前提下，還不能干擾用戶正常操作。好了好了，這個問題我知道了，但是我不需要立即去處理。

可以滿足上面這個條件的控件有兩個：snackbar和通告欄，微信用的是通告欄，京東用的是snackbar。以京東為例，用戶在使用京東過程中如果網(wǎng)絡突然發(fā)生故障，那么會從界面頂部彈出一個snackbar來通知用戶，用戶點擊之后會進入一個頁面，展示一些解決方案。其實在上面我也提到過，所謂的解決方案就是讓用戶去系統(tǒng)設置頁檢查/開通網(wǎng)絡權限，我們可以像網(wǎng)易云音樂一樣直接提供一個跳轉鏈接，節(jié)省用戶操作步驟。

snackbar和通告欄的區(qū)別在于snackbar的位置是固定的，只要你的網(wǎng)絡不暢通，那么它一直會出現(xiàn)在界面頂部。這是因為京東對于網(wǎng)絡的訴求比微信要更強，沒有網(wǎng)絡微信用戶還可以翻看聊天記錄，京東用戶沒有網(wǎng)絡還能干什么沒有辦法瀏覽商品，更不用說剁手了，京東比微信更需要用戶去解決網(wǎng)絡故障的問題。

4.網(wǎng)絡切換

除了斷網(wǎng)與弱網(wǎng)情況，另一個需要考慮的問題是網(wǎng)絡切換。當網(wǎng)絡從4g切換至wifi，我們用toast來提示用戶沒有任何問題，甚至不提示也沒事，不會對用戶產(chǎn)生太大的影響。但是反過來說，wifi突然斷掉，切換至4g網(wǎng)絡，我們還能如此淡定嗎

當我用wifi觀看視頻，突然wifi斷掉，會自動切換至4G網(wǎng)絡。為了避免讓用戶在不知情的情況下耗費大量的流量，我們應該給用戶一個網(wǎng)絡變更的提示，用戶確認之后才可以繼續(xù)觀看。提示的方式目前來說主要界面內(nèi)嵌和對話框，嗶哩嗶哩和網(wǎng)易云音樂這里用的都是界面內(nèi)嵌。

有意思的是在網(wǎng)易云音樂中，如果你聽歌過程中wifi突然斷掉，那么4G網(wǎng)絡會繼續(xù)緩存歌曲，而QQ音樂是不會繼續(xù)緩存的。僅從這點上來說，我個人覺得騰訊做的更貼心。

從以上四個內(nèi)容中我們可以看到不同的軟件是可以采取不同的措施的，那么網(wǎng)站制作如果一旦發(fā)生網(wǎng)絡故障或者資源型的故障應該如何提醒用戶呢這里有以下四點建議：

1、引導用戶切換檢查網(wǎng)絡

一般情況下網(wǎng)站訪問出現(xiàn)故障問題時候第一需要解決的就是用戶自己的網(wǎng)絡，當用戶網(wǎng)絡發(fā)生問題時候瀏覽器方面是會提醒資源情況的。

2、引導用戶刷新重新訪問

當用戶能夠看到網(wǎng)站的提示頁面時，應該引導用戶重新訪問資源，確保用戶不會因為資源無法訪問而終止訪問，引導能夠讓用戶認為網(wǎng)站是可以訪問的。

3、引導用戶重啟瀏覽器

有些時候網(wǎng)站沒有問題、網(wǎng)站也沒有問題，就是因為瀏覽器問題而無法顯示問題，這個時候并不能排除瀏覽器故障，所以這里也應該解決下用戶終端問題。

4、舒緩用戶情緒

一旦網(wǎng)站無法訪問了，用戶情緒第一次將會是有點突然，第二次必然煩躁，第三次必然是很厭惡的，那么這個時候就需要我們對用戶的情緒進行安撫了，具體的安撫方法就因人而異了。

網(wǎng)頁題目：打開網(wǎng)站發(fā)生網(wǎng)絡故障時如何友善提示用戶
網(wǎng)頁URL：http://muchs.cn/news17/126717.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、網(wǎng)站收錄、網(wǎng)站營銷、服務器托管、響應式網(wǎng)站、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)