? ? ? 設(shè)計(jì)師在進(jìn)行APP設(shè)計(jì)時(shí)，肯定時(shí)刻會(huì)提示自己不要忘記設(shè)計(jì)界面出錯(cuò)或無法正常顯示等極端情況，但是他們卻忽略了引起界面極端問題出現(xiàn)的本質(zhì)-網(wǎng)絡(luò)問題的設(shè)計(jì)。網(wǎng)絡(luò)問題看起來很小，很多時(shí)候都是加載功能所提及的,但是當(dāng)網(wǎng)絡(luò)問題出現(xiàn)時(shí)，如何做好引導(dǎo)用戶去解決這個(gè)問題,也是產(chǎn)品用戶體驗(yàn)的關(guān)鍵。
? ? ? 關(guān)于這個(gè)網(wǎng)絡(luò)問題的設(shè)計(jì),要追溯到用戶的一個(gè)任務(wù)流中,網(wǎng)絡(luò)問題是如何出現(xiàn)的？出現(xiàn)在哪個(gè)位置？如何去引導(dǎo)解決...
一.網(wǎng)絡(luò)問題發(fā)生在什么時(shí)候
? ? ? 當(dāng)用戶意識(shí)到有網(wǎng)絡(luò)問題時(shí)，他肯定處于一條任務(wù)流中，為了完成某個(gè)目的而操作的.一般會(huì)出現(xiàn)在以下場景：
1.打開app自動(dòng)連接
2.在當(dāng)前頁面請(qǐng)求額外的列表內(nèi)容或刷新等需要連接
3.按鈕觸發(fā)其他頁面信息需要連接
二.為什么會(huì)出現(xiàn)這些網(wǎng)絡(luò)問題
? ? ? ?常見網(wǎng)絡(luò)問題的出現(xiàn)，主要有如下原因:
1.啟動(dòng)app時(shí)無網(wǎng)絡(luò)
2.連接上網(wǎng)絡(luò)但沒有數(shù)據(jù)傳送
3.網(wǎng)速慢
4.無法連接上網(wǎng)絡(luò)
5.app使用時(shí)突然無網(wǎng)絡(luò)
6.連接時(shí)間過長
當(dāng)這些問題發(fā)生時(shí),用戶肯定會(huì)很煩惱,他會(huì)試著去想象是什么造成了這個(gè)結(jié)果,然后再去解決。
三.針對(duì)網(wǎng)絡(luò)問題常見的處理手法有哪些
1.局部提示
? ? ? 當(dāng)用戶在沒網(wǎng)的情況下，也需要查看之前閱讀過的內(nèi)容時(shí)，這時(shí)就需要考慮“提示無網(wǎng)+不會(huì)干擾用戶閱讀”的設(shè)計(jì)了。一般在提示無網(wǎng)時(shí)，也會(huì)提醒用戶無網(wǎng)會(huì)發(fā)生的一些原因。
優(yōu)點(diǎn)是顯示加載過的內(nèi)容，方便用戶離線閱讀，且減少占用的閱讀面積。
缺點(diǎn)是用戶解決問題后無法及時(shí)獲得反饋，需要用戶等待app的自動(dòng)刷新，比較被動(dòng)。
2.整頁提示
? ? ? 當(dāng)觸發(fā)新的頁面內(nèi)容時(shí)，請(qǐng)求新的內(nèi)容需要網(wǎng)絡(luò)，這時(shí)可以考慮使用整頁提示這種設(shè)計(jì)形式。用這種形式可以直接地提示用戶干什么，還有保證后續(xù)的完整閱讀性。
優(yōu)點(diǎn)是簡潔直觀的提示用戶網(wǎng)絡(luò)的原因，把直覺焦點(diǎn)都集中于此，有時(shí)還引導(dǎo)用戶進(jìn)行下一步操作。
缺點(diǎn)是需要用戶手動(dòng)操作，網(wǎng)絡(luò)改變時(shí)無明顯的狀態(tài)變化，要耐心等待。
3.模態(tài)提示
? ? ? 當(dāng)正在處于某項(xiàng)任務(wù)中時(shí)（如閱讀），出現(xiàn)網(wǎng)絡(luò)狀況，這時(shí)可考慮模態(tài)提示設(shè)計(jì)。這種設(shè)計(jì)需要考慮它的實(shí)際使用場景。
優(yōu)點(diǎn)是有效的提示用戶，及時(shí)的介入到用戶原本的任務(wù)中。
缺點(diǎn)是提示時(shí)間有限，并不能長久提示，而且無法給予用戶查看詳情的入口。
四.教你如何最友好的處理網(wǎng)絡(luò)問題
1.當(dāng)在app操作過程中，用戶正集中于某個(gè)任務(wù)頁面時(shí)，出現(xiàn)網(wǎng)絡(luò)問題，盡量用模態(tài)提示。這樣不會(huì)干擾原來用戶的操作行為，如閱讀類，新聞?lì)悺?/p>
2.當(dāng)需要觸發(fā)加載新的內(nèi)容時(shí)，且出現(xiàn)了網(wǎng)絡(luò)問題，這時(shí)盡量采用整頁提示。因?yàn)轭A(yù)加載的內(nèi)容在這里完全沒有，且已打斷了用戶原有的任務(wù)，所以后面引導(dǎo)用戶是重點(diǎn)，如重新加載/關(guān)閉。對(duì)于整頁提示中，可以多使用圖案/卡通形象等，既能宣傳也能更友好的提示用戶。
3.對(duì)于實(shí)施交換數(shù)據(jù)的場景，如社交類，需及時(shí)提示，且盡量做些動(dòng)態(tài)提示
4.在網(wǎng)絡(luò)提示中，我們不僅要做好引導(dǎo)用戶的下一步操作，還要幫助用戶發(fā)現(xiàn)網(wǎng)絡(luò)問題的原因所在，這點(diǎn)可參考PC端瀏覽器的網(wǎng)絡(luò)提示。
5.在網(wǎng)絡(luò)問題下，App盡量做到加載過的內(nèi)容都展示給用戶，設(shè)置緩存機(jī)制。
