動畫類型詞條 4-12

載入動畫Loading Animation

也常叫做：載入動畫、Loading、等待畫面

你可能會這樣說

網站跟伺服器拿資料的那幾秒，畫面完全沒動靜，使用者以為當機就一直點按鈕。想加個轉圈圈或占位畫面，告訴大家「有在跑，稍等一下」。

載入動畫是等待期間的過場畫面：轉圈圈、進度條或骨架屏（灰色版面草稿），任務只有一個——告訴你「系統還活著」。

它有效是因為人對「沒反應」的忍耐度遠低於「有進度」：空白一秒像十秒，有圈圈在轉，十秒像三秒。

更好的選擇是骨架屏：先把版面形狀畫出來再填內容，等待的焦慮比一顆孤零零的圈圈低很多。

看仔細：骨架形狀跟真的內容一樣——資料來的時候畫面不會跳。

圖 4-12　骨架先上場，內容到了無縫替換——畫面不跳。

中文就可以

幫網站的資料載入加上等待畫面：
1. 按下送出後，按鈕內容換成小轉圈並禁止重複點擊。
2. 清單頁先用骨架屏占位，資料到了再換成真內容。
3. 超過 10 秒顯示「載入較久，請稍候」。
4. 失敗時出現重試按鈕，不要留一個停住的圈圈。