移動互動設計:App視窗的載入

文章描述：App載入互動-當前視窗進入新視窗.

App視窗的載入（如：列表視窗進入詳情頁的loading方式）是一個容易被忽略的問題。為什麼呢？原因很多：1.大家（包括設計師）都習慣了Web端先進入新頁面，後等待載入的方式，app直接沿用了；2.網速好的情況下，兩種載入方式使用體驗沒太大差別。3.設計師、產品經理通常覺得載入是工程師該考慮的，可是除非項目時間充裕，且遇到非常有sense工程師才會有考慮提前載入。

然而，很多情況下提前載入的好處非常明顯，gmail，alipay、ios Native SMS也都在默默的使用。下面我們就來解析下兩種載入方式：

通常兩種方式

方式一：在新視窗載入。（A到B，在B視窗載入）

這種方式沿用了傳統互連網的頁面載入方式，也很常用。

優點：視窗即時轉換。

適用：B視窗資訊量大，如長篇圖文混排資訊頁。

建議：

1．進入B時不要使用空白視窗，採用預置的格式化資訊（圖片的預留位置，資訊分隔樣式等）；

2．帶入A視窗面已載入過的的部分資訊，

3．對B視窗的資訊進行分段載入。（這樣使用者邊閱讀提前載入的資訊，邊等待，減少焦躁情緒）

範例：圖02&圖04載入中頁面採用了預置格式化，在資訊載入前已經把資訊架構傳遞給了使用者。使用者對將要載入的資訊有了預見。

圖01 圖02

圖03 圖04

[1] [2]  下一頁