產品分析80-載入重新整理的互動設計
互動是指程式與人的溝通方式，人輸入資料或進行操作，程式給予相應反饋。
從資訊載入的互動來看下不同app 是如何處理的。
重新整理操作的互動流程如下
第一步操作：在頁面中向下拖拽。
頁面效果：拖動時，彩虹圓圈從左上角轉動直線下滑。頁面最上層也向下拖動，露出底層頁面。
第二步操作：鬆開。
頁面效果：上層頁面向上返回原位置。彩虹圓圈停止上下移動，正在轉動。
第三步操作：無需操作。
頁面效果
載入成功：資料載入完成，頁面重新整理。彩虹圓圈直線反方向向上滑出。
載入失敗：頁面資料載入無變化，彩虹圓圈一直在轉動。看了一分鐘，仍在等待連線，並未提示網路連線不成功。
朋友圈載入成功
朋友圈載入失敗
二、虎撲首頁
重新整理操作的互動流程如下
第一步操作：在頁面中向下拖拽。
頁面效果：拖動時，小黃燈從導航下方從上到下出現，輪廓從模糊到真實。新聞資訊模組向下被拖動，露出底層灰底。
第二步操作：鬆開。
頁面效果：小黃燈的燈光閃爍從上到下擴散開來，表示正在發散光源。
第三步操作：無需操作。
頁面效果：
載入成功：頁面資料載入完成。小黃燈收回，新聞資訊模組返回。
載入失敗：頁面資料載入失敗。小黃燈收回，彈出toast提示，載入失敗。
虎撲首頁載入成功
虎撲首頁載入失敗
三、今日頭條
重新整理操作的互動流程如下
第一步操作：在頁面中向下拖拽
頁面效果：拖動時，推薦小箱子從導航頻道下方從上到下出現，輪廓從模糊到真實。新聞資訊模組也向下拖動，露出底層灰底。
第二步操作：鬆開
頁面效果：推薦小箱子就開始運轉，推薦中。
第三步操作：無手勢操作
頁面效果：
載入成功：資料載入到前端，頁面重新整理。顯示框下拉出現，告知使用者“今日頭條推薦引擎有12條更新”。
載入失敗：會有snackbar提示，“沒有網路連線，請稍後嘗試。”
今日頭條首頁載入成功
今日頭條首頁載入失敗
總結：
1、App載入互動大多數向下拖拽。
向下拖拽，是人們熟悉物理世界的拉燈動作。
而這個動作拆解成三個步驟：
向APP施加互動：向下拖拽
APP有效響應：停頓運轉
APP響應結束：再收回
這是人的心智認知模型。
我們對外界施加任何動作，我們都會看到物體會有響應，會看到這個響應會有結束時間。
例如我們向外施加一拳，打到櫃子上，櫃子會響，代表正在被反饋中，然後櫃子聲音停了，代表結束。
2、載入的個性化設計
虎撲會將載入過程中變成虎撲社群語言中的小黃燈，順便響應這個拉燈的動作。
頭條會將載入過程中變成頭條的slogan裡面的推薦小箱子，給你推薦更多新聞。
微信則將載入做成彩虹圈，顯得靈動。