如今，越來越多手機應用程式和網站爭相出現，用戶對產品質量的要求也越來越高。對大多數用戶而言，優秀的產品自然能快速滿足他們的各種需求。

例如：網站加載時間延遲2-3秒，用戶會以為這3秒加載延遲是個Bug，事實上，網絡慢、代碼繁雜、操作時間長等都有可能會延長網站的加載時間，導致應用程式的運行速度無法達到用戶的預期。這時用戶可能會耐心等待或直接關閉，因此，利用加載動畫向用戶提供明確的反饋信息，情況可能就不一樣。那麼，為應用程式設計加載動畫時，需要考慮哪些內容呢?

* 加載動畫的由來

Nielsen Norman的文章曾提及，有關相應時間和加載動畫的描述：如果電腦無法提供快速響應，應以百分比進度指標形式向用戶提供持續反饋，其作用在於：

1.提示用戶系統沒有崩潰，且正積極解決問題中;

2.告知用戶最大等待時長，用戶可在這段時間做其他事情;

3.為用戶提供界面視覺內容，減輕用戶心理焦慮。

事實上，儘管近幾年加載動畫的設計趨勢和技術都在不斷變化，但其目的依然沒有變化：

網頁設計和APP設計技巧

① Web1.0，預加載器的廣泛使用，使用戶將所有注意力集中在加載動畫上，忽略頁面內容還在加載;

② 2007-2009年間，各類動畫設計軟件，以及「加載GIF生成器」的出現，使設計師更加輕鬆靈活地將動畫運用到網站上。

③ 2010年開始，加載動畫逐漸偏向於web端設計，設計師也願意將更多精力花費到加載動畫上，，使優質的加載動畫爭相出現。

* 加載動畫的特色

為了更好地向用戶提供界面反饋需求，APP設計和網站設計在應用加載動畫時，應遵循以下原則：

1. 減少加載動畫時間

加載動畫設計得再好，也只是「緩兵之計」。不想用戶因加載時間太長而失去耐性，提高APP或網站的運行速度，減少用戶的等待時間，才能有效留住用戶。

2.給出加載時間進度

給用戶大概的加載時間，或直接顯示加載進度等，無形中給用戶設定了心中的預期，減少心理焦慮。

網頁設計和APP設計的技巧

3.給出用戶需要等待的原因

無論加載動畫設計得多好，其實用戶並不理解其存在的必要。巧妙地告知用戶需要等待原因，以及加載時程序在做什麼，會讓用戶更願意等待這短暫的加載過程。

網頁設計和APP設計的技巧

4.讓等待過程更有趣

向用戶分享有趣的加載動畫，或提供新穎的想法等，都能讓用戶在等待過程中，成功被分散注意力，減少焦慮感。

網頁設計和APP設計的技巧

5.傳遞公司品牌形象

加載動畫與品牌形象保持一致，能加深用戶對品牌的印象，提升品牌和產品的知名度。

網頁設計和APP設計的技巧

* 不可忽視的設計細節

很多人都以為加載動畫只是UI設計中一個很小的細節，但對APP設計和網站設計而言，它是不可忽視的設計細節。同樣，加載動畫的各種形式和變化，也給用戶帶來不同的感受。

1. 進度條-用戶直觀知道加載時長

網頁設計和APP設計的技巧

進度條的作用，其實就是明確用戶所需的等待時長，並向用戶展示目前的進展狀態。進度條可以是直觀顯示剩餘時間或百分比，同樣也可以利用其他方式，讓用戶清晰感覺到目前的加載進度。

2. 無限循環-告知用戶，APP仍在工作

網頁設計和APP設計的技巧

使用具有創意的無限循環加載動畫，能緩解用戶的焦慮感，同時能讓用戶更清晰地了解頁面加載的原因。若循環動畫與產品、業務等結合，對樹立品牌形象有不錯的作用。

3. 骨骼圖-提供加載頁面的漸進過程

網頁設計和APP設計的技巧

其實骨骼圖的作用，與頁面佔位符的區別不大，先加載APP或網站的框架，然後逐步加載圖片、文本以及其他內容，這能給用戶一種錯覺-網站即將加載完成，為用戶提供更好的加載體驗。

加載動畫雖然能緩解用戶因等待而出現的焦慮感，但將更多厚望給予在加載動畫中，顯然是不能解決根本問題，因為要讓用戶願意使用其根本原因仍然是產品的本身。