注：鑒于目前交互設(shè)計的知識體系較為混亂，我寫了這個［交互基礎(chǔ)］系列專題，旨在整理移動端交互設(shè)計基礎(chǔ)知識。鞏固本身的知識體系，也與大家共勉，打好基礎(chǔ)，才能飛得更高！

交互設(shè)計是定義、設(shè)計人造系統(tǒng)行為的設(shè)計領(lǐng)域。這是一個非常廣的領(lǐng)域，我們在這里，只探討IT產(chǎn)品的人機(jī)界面交互。舉一個例子，用戶點擊一個確定按鈕，完成了表單的提交，此時APP提示用戶“提交成功”，這是用戶與APP之間的一個交互過程。從點擊按鈕到彈出提示，這個過程發(fā)生了？在交互層面又需要考慮哪些問題呢？

用戶與客戶端進(jìn)行人機(jī)交互，如上述的例子，點擊確定按鈕，客戶端將用戶的操作轉(zhuǎn)化為相應(yīng)的指令，向辦事器請求數(shù)據(jù)，若網(wǎng)絡(luò)和辦事器正常，辦事器返還數(shù)據(jù)到客戶端，用戶看到本身操作所引發(fā)的結(jié)果。在這個過程中，涉及到用戶與客戶端之間的交互和客戶端與辦事端之間的數(shù)據(jù)傳輸這兩個部分。

從用戶點擊確定按鈕后到辦事器返回數(shù)據(jù)到客戶端，這個過程中需要耗費必然的時間，我們需要呈現(xiàn)一個加載的過程來告訴用戶APP正在做什么，以緩解用戶的焦慮情緒。當(dāng)辦事器返回數(shù)據(jù)以后，客戶端需要提示用戶”提交成功”，以告知用戶操作的結(jié)果。當(dāng)然，還會有異常的情況，客戶端與辦事器之間傳輸數(shù)據(jù)的過程中，可能遭遇網(wǎng)絡(luò)不不變、辦事器異常等情況，這也需要及時告知用戶，以制止用戶不知所措、產(chǎn)生焦慮，影響體驗。

加載發(fā)生的原理都是一致的，即用戶與客戶端發(fā)生人機(jī)交互以后，請求數(shù)據(jù)與返回數(shù)據(jù)的過程。但是在差別的場景下，需要考慮差別的加載處理方式。

頁面加載的兩種模式：同步加載和異步加載。

1.同步加載

定義：同步加載請求執(zhí)行某一任務(wù)，在該請求返回數(shù)據(jù)之前，請求端什么也不干就在等待，直至該請求返回數(shù)據(jù)，再執(zhí)行下一步操作。（例如產(chǎn)品設(shè)計完成之后才能交付給開發(fā)。）

場景：登錄注冊、掃碼支付、提交訂單、上傳資料、修改資料等需要驗證、提交信息的情況或下一步的結(jié)果走向與當(dāng)前操作相關(guān)的情況，也稱挨次操作。（例如登錄需驗證賬號信息，成功了就進(jìn)入應(yīng)用主頁，失敗則仍停留在登錄界面）

特點：及時性，加載完成/失敗會立即得到反饋結(jié)果，上下步操作的關(guān)聯(lián)性強(qiáng)，更易于實現(xiàn)。但是如果加載速度太慢，很可能長時間停留在加載頁面，使用戶產(chǎn)生煩躁的負(fù)面等待情緒。

2.異步加載

定義：異步加載請求執(zhí)行某一任務(wù)的同時，可以繼續(xù)執(zhí)行下一操作，比及收到返回數(shù)據(jù)，再處理該任務(wù)。（例如你要燒水和掃地，為了提高效率，，先燒水，再在燒水的過程中掃地，等水燒開了，再去處理開水。）

場景：不涉及重要資料和挨次操作的數(shù)據(jù)加載都適合異步加載。如大量圖片、視頻的頁面，長列表數(shù)據(jù)的列表頁，內(nèi)容的詳情頁面等。

特點：有效得提升了用戶體驗，頁面的跳轉(zhuǎn)和加載動畫讓用戶覺得反饋很及時，增強(qiáng)了操作的流暢度。但是需要處理好操作之間的關(guān)聯(lián)性，不然用戶容易產(chǎn)生疑惑。

運用加載模式的兩種原理，可以延伸出多種加載策略以對應(yīng)差別的場景需要。加載策略是方法，加載模式是原理。需要注意的是，差別的加載策略運用了差別的加載模式，并不是簡單的一對一的關(guān)系，要學(xué)會配合使用。

1.啟動頁加載

打開APP有一個加載的過程，在這個過程中，可能對同步加載和異步加載均有涉及。

同步加載時的常用策略：加載完某些數(shù)據(jù)才能進(jìn)入應(yīng)用，適合對某些關(guān)鍵數(shù)據(jù)進(jìn)行檢查，例如檢查用戶的身份信息，此種策略是為了保證一些關(guān)鍵數(shù)據(jù)的可控性。

異步加載的常用策略：進(jìn)入應(yīng)用內(nèi)再加載使用的數(shù)據(jù)，例如進(jìn)入應(yīng)用再加載首頁，可以提高進(jìn)入應(yīng)用的速度。

APP啟動頁顯示的長短取決于需要加載的內(nèi)容的多少。一些APP在啟動頁之后還設(shè)置了廣告頁面（一般可跳過），則考慮更多的是廣告營銷等商業(yè)目的。

標(biāo)簽：鹽城 東營 九江 林芝 烏魯木齊