這篇文章主要介紹了網(wǎng)絡(luò)故障場(chǎng)景的提示方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
當(dāng)你正在用微信跟朋友胡侃，在b站看紀(jì)錄片，逛虎撲懟skr。這時(shí)網(wǎng)絡(luò)突然斷掉，我們應(yīng)該給用戶什么樣的提示呢？最近因?yàn)樽约阂苍谑崂眍?lèi)似的場(chǎng)景，所以這篇文章就來(lái)跟大家分享交流一下在網(wǎng)絡(luò)故障場(chǎng)景下如何給予用戶合適的提示。
網(wǎng)絡(luò)故障場(chǎng)景如何定義
目前來(lái)說(shuō)，常見(jiàn)的報(bào)錯(cuò)樣式有toast、snackbar、對(duì)話框、通告欄、界面內(nèi)嵌與空頁(yè)面。最近看了一下自己之前的文章，發(fā)現(xiàn)都是基于組件來(lái)闡述適用場(chǎng)景。這種解構(gòu)方式有個(gè)問(wèn)題，那就是現(xiàn)實(shí)情況中，產(chǎn)品或者交互設(shè)計(jì)師都是基于場(chǎng)景去確定合適的組件。因此為了更方便大家理解，這里我不具體介紹每個(gè)組件的用法，而是以場(chǎng)景來(lái)定義來(lái)組件。
網(wǎng)絡(luò)故障場(chǎng)景如何顯示
1.不提示
首先我們需要明確一個(gè)事實(shí)：不是每一種網(wǎng)絡(luò)故障都需要提示用戶。這里的「不提示」其實(shí)是一個(gè)相對(duì)的說(shuō)法，并不是真的不給用戶提示，而是只有用戶執(zhí)行了請(qǐng)求數(shù)據(jù)的操作才告知用戶網(wǎng)絡(luò)發(fā)生故障。支付寶就是一個(gè)典型的例子，即使斷網(wǎng)了，用戶基本也感知不到。只有用戶請(qǐng)求了新數(shù)據(jù)，才會(huì)以toast通知用戶網(wǎng)絡(luò)異常。
支付寶這種高冷也是有底氣的，因?yàn)槠涠鄶?shù)頁(yè)面都有緩存機(jī)制，用戶不用每次進(jìn)入這個(gè)頁(yè)面都要去服務(wù)端請(qǐng)求一遍數(shù)據(jù)。類(lèi)似的還有QQ音樂(lè)、咕咚，對(duì)于這些產(chǎn)品來(lái)說(shuō)斷網(wǎng)并不會(huì)帶來(lái)災(zāi)難性的影響。因?yàn)閿嗑W(wǎng)不影響我去聽(tīng)緩存或下載好的歌曲，也不會(huì)影響記錄運(yùn)動(dòng)數(shù)據(jù)。所以對(duì)于此類(lèi)應(yīng)用來(lái)說(shuō)，當(dāng)網(wǎng)絡(luò)報(bào)錯(cuò)的時(shí)候，只要用戶沒(méi)有觸發(fā)請(qǐng)求數(shù)據(jù)的操作，沒(méi)有必要提示用戶。
當(dāng)然我們需要給緩存數(shù)據(jù)設(shè)置一個(gè)有效期，如果過(guò)了那個(gè)有效期，網(wǎng)絡(luò)還是沒(méi)有恢復(fù)正常，應(yīng)該及時(shí)提示用戶網(wǎng)絡(luò)故障。
2.無(wú)緩存
當(dāng)然并不是每一個(gè)頁(yè)面都有緩存，對(duì)于沒(méi)有緩存數(shù)據(jù)的頁(yè)面，我們有兩種方案。一種是展示空頁(yè)面，另一種是展示骨架屏（SkeletonScreen）。
骨架屏顧名思義就是展示頁(yè)面的框架，當(dāng)數(shù)據(jù)請(qǐng)求完成時(shí)再渲染頁(yè)面。這種先占好位置再加載數(shù)據(jù)的模式也被稱(chēng)之為占位符，都是一個(gè)意思。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“網(wǎng)絡(luò)故障場(chǎng)景的提示方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
重慶分公司
重慶分公司
