- 關(guān)于首次使用以及新開App載入默認(rèn)頁面查看 《App加載（一） App載入默認(rèn)窗口解析》

為了方便理解，下文用“頁”代替“窗口”，下面我們聊聊App從當(dāng)前頁進(jìn)入新頁面交互（如列表頁進(jìn)入詳情頁面）

通常兩種方式

方式一：在新頁面載入。（A到B，在B頁載入）

這種方式沿用了傳統(tǒng)互聯(lián)網(wǎng)的頁面載入方式，也很常用。

優(yōu)點(diǎn)：即時切換頁面。

適用：B頁信息量大，如長篇圖文混排信息頁。

建議：1）。進(jìn)入B頁時不要使用空白頁面，采用預(yù)置的格式化信息（圖片的占位符，信息分隔樣式等）；2）。帶入A頁面已有的部分信息，3）。對B頁的信息進(jìn)行分段載入。（這樣用戶邊閱讀提前載入的信息，邊等待，減少焦躁情緒）

范例：圖02&圖04載入中頁面采用了預(yù)置格式化，在信息載入前已經(jīng)把信息框架傳遞給了用戶。用戶對將要載入的信息有了預(yù)見。

圖01 圖02

圖03 圖04

方式二：在當(dāng)前頁載入完成后，再切換下一頁。（A到B，在A頁載入完成，再進(jìn)入B）

這種方式相對使用的較少

優(yōu)點(diǎn)：不會出現(xiàn)空白頁面，切換頁面完整性好。

適用：B頁信息少，載入時間快，以文字為主的頁面�；蛘逜頁面已在執(zhí)行某個任務(wù)，且有延續(xù)性。比如A頁面為一個音頻播放頁，用戶在進(jìn)入B頁前可以繼續(xù)收聽。

建議：需要考慮網(wǎng)絡(luò)極端不好的情況，載入信息極少時使用，如圖05，ios原生短信應(yīng)用采用的就是當(dāng)前頁載入，當(dāng)遇到手機(jī)報之類的大量信息，就感覺界面卡上一小會。不過介于大部分短信都是文字為主，這樣設(shè)計(jì)無可厚非，如果加載時間長的情況下如圖06一樣提供狀態(tài)就更完美。

范例：

另外提交信息（如注冊、登錄等）一般都在當(dāng)前頁返回狀態(tài)并處理加載。

加載方式是死的，其實(shí)也可以根據(jù)具體情況結(jié)合靈活使用。

比如：在A頁載入的列表數(shù)據(jù)前幾條拉取完整的數(shù)據(jù)信息，用戶切換到詳情B的情況下就直接可以看了。然后后臺預(yù)讀取余下的信息。減少用戶切換延遲。（gmail就是這么做滴。前面5封郵件先預(yù)取。）這樣做對服務(wù)器來說，要求高了些，大家具體用的時候自己權(quán)衡。

另外提一句，進(jìn)入前保存A當(dāng)前的狀態(tài)，B返回A時回到進(jìn)入前狀態(tài)（如在第15條進(jìn)入，返回時第15條信息在原來位置，并且配合原高亮消失效果）

文章來源：uedx.net/?p=2966

標(biāo)簽： 交互設(shè)計(jì) app設(shè)計(jì) 應(yīng)用設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。