不經(jīng)意發(fā)現(xiàn)今年已經(jīng)寫了近50篇博客爪模。先前使用Lofter欠啤，但網(wǎng)站經(jīng)常不穩(wěn)定，便轉(zhuǎn)移到簡書屋灌。精品太少洁段，更多的是自我記錄、梳理思路共郭，希望此后更用心書寫祠丝。繪事后素，切磋琢磨除嘹。
LOFTER網(wǎng)址：1写半、產(chǎn)品分享；2憾赁、JerryMa
分享一篇之前的博客污朽，全文如下：
APP加載
出現(xiàn)APP加載的頁面分為三大類：下載/安裝頁、啟動加載頁龙考、內(nèi)容加載頁蟆肆。
一、下載/安裝頁
二晦款、啟動加載頁
1炎功、固定的加載頁
用于展示品牌形象，重復(fù)出現(xiàn)缓溅，增強記憶
可優(yōu)化點：
A 與首頁保持視覺延續(xù)性
B 使用動畫效果
C 展示乃至告知進度
2蛇损、調(diào)整的加載頁
節(jié)假日定制、活動定制坛怪、不同版本定制
三淤齐、內(nèi)容加載頁
內(nèi)容加載頁中，常見的加載方式大致有5種：
1袜匿、全屏加載
全屏加載就是整個屏幕白屏進行加載
如Zaker加載熱點視圖時：
微博加載好友關(guān)注動態(tài)：
2更啄、優(yōu)先加載
優(yōu)先加載使用戶不間斷去接觸信息，以漸進的方式進行加載居灯。文字的加載往往優(yōu)先于圖片祭务。優(yōu)先加載要求內(nèi)容需要按重要性排序内狗，另外要求相比子內(nèi)容，優(yōu)先加載父內(nèi)容义锥。
Lofter搜索頁：
ZAKER頻道信息頁：
3柳沙、自動加載
自動加載適用于瀑布流、長列表內(nèi)容的頁面拌倍，設(shè)定每隔10 or 20塊內(nèi)容加載一次赂鲤。PS：優(yōu)點是吸引用戶瀏覽更多內(nèi)容，缺點是迷失位置贰拿，故常常加上一鍵置頂?shù)墓δ堋?/p>
4蛤袒、智能加載
當(dāng)網(wǎng)絡(luò)環(huán)境不好（無WiFi熄云、弱網(wǎng)）膨更，需要簡化處理圖片、動畫缴允、視頻傳輸數(shù)量大的組件的顯示方式荚守，以此控制整體的加載速度和用戶消耗的流量。這種根據(jù)網(wǎng)絡(luò)狀況智能調(diào)整的加載方式练般，稱為智能加載矗漾。
5、離線加載
當(dāng)APP處于無網(wǎng)薄料，特別用戶處于地鐵等環(huán)境時敞贡，許多內(nèi)容不可見、功能不可用摄职。這種設(shè)計會讓用戶產(chǎn)生挫敗感誊役。優(yōu)化方向是采用預(yù)加載和離線緩存。
下圖為ZAKER的離線加載功能：
特殊情況：頁面中下載內(nèi)容谷市，給出相應(yīng)下載進
四蛔垢、加載優(yōu)化
當(dāng)能保證加載結(jié)果，即能夠顯示頁面迫悠，加載的優(yōu)化在于用戶體驗鹏漆。
從情感角度，APP加載對用戶來說创泄，即意味著等待艺玲，等待則產(chǎn)生焦慮、失落鞠抑。優(yōu)化方向：A饭聚、結(jié)果導(dǎo)向：減少加載時間（性能層面）或讓用戶感知時間且感覺耗時少（感覺層面）；B碍拆、過程導(dǎo)向：讓用戶忘記時間若治、享受過程慨蓝。
具體優(yōu)化方法，包括：
1端幼、預(yù)加載
所謂預(yù)加載礼烈，就是提前在后臺加載下一步可能瀏覽的內(nèi)容，不在前臺展示婆跑。這樣保證了用戶瀏覽內(nèi)容的順暢無阻此熬。預(yù)加載常應(yīng)用于瀑布流。對于圖片的預(yù)加載滑进，其過渡效果就是圖片由模糊變清晰犀忱。
2、模態(tài)加載可取消或采用非模態(tài)加載
模態(tài)加載的一個優(yōu)化方法是提供取消加載的功能扶关，否則一直加載又無法查看內(nèi)容阴汇，會讓用戶極不耐煩。
采用非模態(tài)加載是更好的選擇：
Line的通知加載：在通知項中加載节槐，不影響閱讀上下內(nèi)容
3搀庶、告知進度
常見的有進度條和活動圈，分為顯示和不顯示百分比铜异。
下圖為瀏覽器常見的設(shè)計：
4哥倔、情感化的動畫設(shè)計
用動畫效果吸引用戶，乃過程導(dǎo)向揍庄，旨在不產(chǎn)生等待的焦慮
下圖為零售/生鮮電商的場景化設(shè)計：
參考：
1咆蒿、淺談移動端App的頁面載入方式
2、App6種常見的數(shù)據(jù)加載設(shè)計
3蚂子、從app加載頁面說開去
4沃测、3種常見的移動APP頁面加載設(shè)計方案優(yōu)缺點
