當(dāng)我們設(shè)計完app之后,肯定會進(jìn)行多個版本多迭代更新、界面多優(yōu)化等工作。今天25學(xué)堂等小編就跟大家來聊聊app數(shù)據(jù)加載的6種常見方案。
同時把每一種數(shù)據(jù)加載頁面方案等優(yōu)缺點分享給大家!
1.全屏加載
全屏加載就是整個屏幕白屏進(jìn)行數(shù)據(jù)加載,一般會有菊花轉(zhuǎn)或進(jìn)度條配合,常用于手機(jī)網(wǎng)頁的加載中,例如列表頁進(jìn)入詳情頁,圖片詳情等。(可考慮融入趣味性較強(qiáng)的小動畫,增強(qiáng)愉悅感,從用戶心理上去縮短等待時間。)
優(yōu)點:能保證內(nèi)容的整體性,全部加載完才能夠系統(tǒng)化的閱讀。
缺點:有非常強(qiáng)烈的等待感,3s以上會產(chǎn)生焦躁情緒,所以在地鐵等信號?
2.優(yōu)先加載
如果一個頁面有圖片有文字,可以先把文字都加載出來,保證用戶可以有內(nèi)容可讀,然后再加載比較費流量的圖片。但是活動頁什么的,千萬不能把重要信息全部放在圖片上,導(dǎo)致加載不出來。這種加載形式更加適用于內(nèi)容閱讀型的APP。
優(yōu)點:可以幫助用戶快速閱讀內(nèi)容,了解信息。
缺點:也許會丟失掉重要的關(guān)鍵信息,無法建立信息獲取的閉環(huán)。
3.整頁加載
當(dāng)當(dāng)前頁與下一頁是整頁切換的時候,可以考慮采用整頁加載的形式,但是要保證每個頁面的數(shù)據(jù)量不是特別的大。一般適用于宮格圖片模式、全屏圖片模式、網(wǎng)狀詳情頁模式。
優(yōu)點:能保證每個頁面的完整性,體驗比較整體。
缺點:不好保證整頁的加載效率,且有可能影響瀏覽的流暢度。
APP數(shù)據(jù)加載方案4、自動加載
可以設(shè)定規(guī)則,默認(rèn)加載20條,滾動第20條的時候,自動再加載20條。用這種手法,可以營造一種無極限瀏覽的錯覺,很容易的把用戶吸引住,一直向 下滾,一直向下滾。(因為人們受多巴胺的驅(qū)動,產(chǎn)生尋求信息的好奇心和熱情,不斷尋找信息,當(dāng)我們找到的信息越容易,就越投入其中,這就是為什么當(dāng)我們看 新聞、逛淘寶、刷微博時總是走不出來的原因)。適用于瀑布流、長列表、商品列表等情況。
優(yōu)點:把用戶代入無盡瀏覽模式,讓用戶一直向下滾動,不需要手動點擊下一頁。
缺點:沒有盡頭,容易迷失,不方便快速索引定位到某個內(nèi)容。
5.智能加載
當(dāng)用戶處于WiFi下,不受限于流量和訪問速度時,可以放心加載大圖、或播放視頻,但是如果用戶處于非WiFi的模式下(消耗數(shù)據(jù)流量),則需處理 成小圖或者無圖模式,視頻和動畫直接用一個占位符標(biāo)識就好了,這種根據(jù)網(wǎng)絡(luò)狀況,智能調(diào)整的加載方式,叫做智能加載。適用于有大量圖片或視頻的APP,如 電商類、新聞或在線視頻類APP。
例如今日頭條在WiFi模式下,圖片大圖展示,當(dāng)處于非WiFi模式下時,展示小縮略圖,當(dāng)用戶覺得某張圖有足夠的吸引力時,點擊小縮略圖加載大圖,幫助用 戶節(jié)省流量。再比如愛奇藝在非WiFi的模式下播放視頻時,會提示用戶繼續(xù)播放會產(chǎn)生流量費用,這類設(shè)計就比較人性化,也容易讓用戶產(chǎn)生好感,建戶忠誠 度。(用戶知道你是在為他著想,畢竟流量還是挺貴的?。?
優(yōu)點:根據(jù)具體場景來控制流量和加載速度。
缺點:不一定真實有效的命中用戶需求,所以還是需要給予用戶一定的查看詳情的入口,或者是設(shè)置項。
6.離線加載
當(dāng)用戶沒網(wǎng)的時候,往往很多功能都不能用了,內(nèi)容也無法加載出來,導(dǎo)致APP變得根本不可用,這時候就要考慮預(yù)加載 離線緩存的設(shè)計了。首先在有網(wǎng) 的時候把數(shù)據(jù)提前加載下來,緩存到本地,當(dāng)沒網(wǎng)的時候,直接加載已經(jīng)緩存下來的內(nèi)容。一般會提供給用戶選擇,是否開啟有WiFi的情況下預(yù)加載功能,或者 是否開始WiFi下全部離線緩存的功能。這樣便可在一定程度上減少地鐵上信號時好時差而無法正常使用產(chǎn)品所帶來的困擾了。但考慮到手機(jī)空間,要設(shè)計合適的 離線機(jī)制。并配合一定的清理緩存的機(jī)制。適用于小說閱讀、新聞閱讀、視頻類APP。
優(yōu)點:解決了沒網(wǎng)獲取數(shù)據(jù)的問題,且節(jié)約了流量,保證了流暢。
?
全站高品質(zhì)素材免費下載!