在APP開發(fā)中，我們往往會更加專注于界面長什么樣，界面和界面之間怎么跳轉(zhuǎn)，給予用戶什么樣的操作反饋，卻偏偏特別容易忽略掉一個比較重要的環(huán)節(jié)，就是APP數(shù)據(jù)加載中的設計，所以會導致我們看到的APP，往往有著華麗的啟動界面，然后就是漫長的數(shù)據(jù)加載等待，甚至在無網(wǎng)絡的時候，整個處于不可用狀態(tài)。那么我們怎么處理好界面交互中的加載設計，保證體驗無縫銜接，保證用戶沒有漫長的等待感，而可以輕松自在的享受等待，對加載后的內(nèi)容有明確的預期呢? 下面介紹幾種常見的加載方式分享給大家。

 

　　1. 全屏加載

 

　　全屏加載就是整個屏幕白屏進行數(shù)據(jù)加載，一般會有菊花轉(zhuǎn)配合，常用于手機網(wǎng)頁的加載中。

　　優(yōu)點是能保證內(nèi)容的整體性，全部加載完才能夠系統(tǒng)化的閱讀。

　　缺點比較明顯，就是有非常強烈的等待感，3s以上會產(chǎn)生焦躁情緒，所以在地鐵等信號不好的地方，使用手機網(wǎng)頁獲取內(nèi)容實在是比較災難的一件事情。

　　一般這種情況會配合有明確進度標識的進度條。

 

　　2.優(yōu)先加載

 

　　如果一個頁面有圖片有文字，加載圖片比較慢的情況下，可以先把文字都加載出來，保證用戶可以順暢閱讀，然后再加載比較費流量的圖片。如果是用這一種加載方式，活動頁什么的，千萬不能重要信息全部放在頭圖上，導致加載不出來。重要操作也不能用圖片按鈕，否則也會有操作顯示不出來的風險。

　　優(yōu)點是可以幫助用戶快速閱讀內(nèi)容，了解信息。

　　缺點是也許會丟失掉重要的關鍵信息，無法建立信息獲取的閉環(huán)。

　　這種加載形式更加適用于內(nèi)容閱讀型的APP。

 

　　3.整頁加載

 

　　當當前頁與下一頁是整頁切換的時候，可以考慮采用整頁加載的形式，但是要保證每個頁面的數(shù)據(jù)量不是特別的大。

　　優(yōu)點是能保證每個頁面的完整性，體驗比較整體。

　　缺點是不好保證整頁的加載效率，且有可能影響瀏覽的流暢度。

　　一般適用于宮格圖片模式、全屏圖片模式、網(wǎng)狀詳情頁模式。

 

　　4.自動加載

 

　　自動加載適用于長列表的情況，可以設定規(guī)則，默認加載20條，滾動第20條的時候，自動再加載20條。用這種手法，可以營造一種無極限瀏覽的錯覺，很容易的把用戶吸引住，一直向下滾，一直向下滾。

　　優(yōu)點是把用戶代入無盡瀏覽模式，讓用戶一直向下滾動，不需要手動點擊下一頁。

　　缺點是沒有盡頭，容易迷失，不方便快速索引定位到某個內(nèi)容。

　　適用于瀑布流、長列表、商品列表等情況。

 

　　5.智能加載

 

　　當用戶處于WiFi下時，不會受限于流量和訪問速度，大可以加載大圖片、大圖標，甚至直接播放視頻動畫，但是如果用戶處于非WiFi的模式下，則需要差異化的處理成小圖或者無圖模式，視頻和動畫直接用一個占位符標識就好了，這種根據(jù)網(wǎng)絡狀況，智能調(diào)整的加載方式，叫做智能加載。

　　優(yōu)點是根據(jù)具體場景來控件流量和加載速度。

　　缺點是不一定真實有效的命中用戶需求，所以還是需要給予用戶一定的查看詳情的入口，或者是設置項。

　　適用于有大量圖片或視頻的APP，如電商類或在線視頻類APP。

 

　　6.離線加載

 

　　當用戶沒網(wǎng)的時候，往往很多功能都不能用了，內(nèi)容也無法加載出來，導致APP變得根本不可用，這時候就要考慮預加載+離線緩存的設計了。首先在有網(wǎng)的時候把數(shù)據(jù)提前加載下來，緩存到本地，當沒網(wǎng)的時候，直接加載已經(jīng)緩存下來的內(nèi)容。一般會提供給用戶選擇，是否開啟有WiFi的情況下預加載功能，或者是否開始WiFi下全部離線緩存的功能。這樣就能保證在地鐵上，過個隧道就看不了內(nèi)容的尷尬了。

　　優(yōu)點是解決了沒網(wǎng)獲取數(shù)據(jù)的問題，且節(jié)約了流量，保證了流暢。

　　缺點是占用本地存儲空間，而且有時候預加載的內(nèi)容根本沒有用到。

　　適用于小說閱讀、新聞閱讀、視頻類APP。