
加載是APP使用過(guò)程中經(jīng)常會(huì)遇到的場(chǎng)景,應(yīng)用的啟動(dòng)、登錄注冊(cè)、上拉加載下拉刷新、進(jìn)入新頁(yè)面、上傳下載圖片等場(chǎng)景都會(huì)涉及加載 。那么app加載設(shè)計(jì)怎么做呢?
【APP設(shè)計(jì)步驟 app加載設(shè)計(jì)怎么做】1、全屏加載
全屏加載就是整個(gè)屏幕白屏進(jìn)行數(shù)據(jù)加載,一般會(huì)有菊花轉(zhuǎn)配合,常用于手機(jī)網(wǎng)頁(yè)的加載中 。優(yōu)點(diǎn)是能保證內(nèi)容的整體性 , 全部加載完才能夠系統(tǒng)化的閱讀 。缺點(diǎn)比較明顯,就是有非常強(qiáng)烈的等待感,3s以上會(huì)產(chǎn)生焦躁情緒 。所以在地鐵等信號(hào)不好的地方,使用手機(jī)網(wǎng)頁(yè)獲取內(nèi)容實(shí)在是比較災(zāi)難的一件事情 。一般這種情況會(huì)配合有明確進(jìn)度標(biāo)識(shí)的進(jìn)度條 。
2、優(yōu)先加載
如果一個(gè)頁(yè)面有圖片有文字,加載圖片比較慢的情況下,可以先把文字都加載出來(lái),保證用戶可以順暢閱讀,然后再加載比較費(fèi)流量的圖片 。如果是用這一種加載方式,活動(dòng)頁(yè)什么的,千萬(wàn)不能重要信息全部放在頭圖上,導(dǎo)致加載不出來(lái) 。重要操作也不能用圖片按鈕,否則也會(huì)有操作顯示不出來(lái)的風(fēng)險(xiǎn) 。優(yōu)點(diǎn)是可以幫助用戶快速閱讀內(nèi)容,了解信息 。缺點(diǎn)是也許會(huì)丟失掉重要的關(guān)鍵信息,無(wú)法建立信息獲取的閉環(huán) 。這種加載形式更加適用于內(nèi)容閱讀型的APP 。
3、整頁(yè)加載
當(dāng)前頁(yè)與下一頁(yè)是整頁(yè)切換的時(shí)候,可以考慮采用整頁(yè)加載的形式,但是要保證每個(gè)頁(yè)面的數(shù)據(jù)量不是特別的大 。優(yōu)點(diǎn)是能保證每個(gè)頁(yè)面的完整性,體驗(yàn)比較整體 。缺點(diǎn)是不好保證整頁(yè)的加載效率 , 且有可能影響瀏覽的流暢度 。一般適用于宮格圖片模式、全屏圖片模式、網(wǎng)狀詳情頁(yè)模式 。
4、自動(dòng)加載
自動(dòng)加載適用于長(zhǎng)列表的情況,可以設(shè)定規(guī)則,默認(rèn)加載20條,滾動(dòng)第20條的時(shí)候 , 自動(dòng)再加載20條 。用這種手法,可以營(yíng)造一種無(wú)極限瀏覽的錯(cuò)覺(jué),很容易的把用戶吸引?。恢畢螄鹿?。優(yōu)點(diǎn)是把用戶代入無(wú)盡瀏覽模式,讓用戶一直向下滾動(dòng),不需要手動(dòng)點(diǎn)擊下一頁(yè) 。缺點(diǎn)是沒(méi)有盡頭 , 容易迷失,不方便快速索引定位到某個(gè)內(nèi)容 。適用于瀑布流、長(zhǎng)列表、商品列表等情況 。
5、智能加載
當(dāng)用戶處于WiFi下時(shí),不會(huì)受限于流量和訪問(wèn)速度,大可以加載大圖片、大圖標(biāo),甚至直接播放視頻動(dòng)畫(huà),但是如果用戶處于非WiFi的模式下 , 則需要差異化的處理成小圖或者無(wú)圖模式,視頻和動(dòng)畫(huà)直接用一個(gè)占位符標(biāo)識(shí)就好了,這種根據(jù)網(wǎng)絡(luò)狀況,智能調(diào)整的加載方式 , 叫做智能加載 。優(yōu)點(diǎn)是根據(jù)具體場(chǎng)景來(lái)控件流量和加載速度 。缺點(diǎn)是不一定真實(shí)有效的命中用戶需求,所以還是需要給予用戶一定的查看詳情的入口,或者是設(shè)置項(xiàng) 。適用于有大量圖片或視頻的APP,如電商類(lèi)或在線視頻類(lèi)APP 。
6、離線加載
當(dāng)用戶沒(méi)網(wǎng)的時(shí)候,往往很多功能都不能用了,內(nèi)容也無(wú)法加載出來(lái),導(dǎo)致APP變得根本不可用,這時(shí)候就要考慮預(yù)加載加離線緩存的設(shè)計(jì)了 。首先在有網(wǎng)的時(shí)候把數(shù)據(jù)提前加載下來(lái),緩存到本地,當(dāng)沒(méi)網(wǎng)的時(shí)候,直接加載已經(jīng)緩存下來(lái)的內(nèi)容 。一般會(huì)提供給用戶選擇,是否開(kāi)啟有WiFi的情況下預(yù)加載功能,或者是否開(kāi)始WiFi下全部離線緩存的功能 。優(yōu)點(diǎn)是解決了沒(méi)網(wǎng)獲取數(shù)據(jù)的問(wèn)題 , 且節(jié)約了流量,保證了流暢 。缺點(diǎn)是占用本地存儲(chǔ)空間,而且有時(shí)候預(yù)加載的內(nèi)容根本沒(méi)有用到 。適用于小說(shuō)閱讀、新聞閱讀、視頻類(lèi)APP 。
