10 個創意載入動畫

09-25

10 個創意載入動畫

來自專欄極光日報55 人贊了文章

簡評：Visibility of system status is one of the most important principles in user interface design.

良好的交互設計需要給用戶提供反饋。

App 若能及時響應當然是最好的，但有時候產品可能會因為網速等原因導致響應緩慢。對於這種情況，設計師必須向用戶做出 app 正在處理用戶的請求，並已經取得實際進展的心理暗示。

進度指示器是在載入階段為用戶提供系統狀態的最常見的形式，但是很多都顯得很無聊，因為產品創建者只是使用系統默認設置：

如果你不能縮短等待時間，那至少嘗試讓用戶更舒服一點。

有創意的進度條往往能減少用戶對於時間的感知，如果一個 app 在載入階段為用戶提供了一些有趣的東西，這會讓用戶更少關注「等待」本身。下文將分享 10 個比較有意思的方案。

1. Ueno Interview

Image: ueno

2. 載入聖誕禮物

Image: Chuan2

3. Adorable cat

Image: Thomas Bogner

4. Double Helix

Image: Drew Endly

5. 航班搜索

用戶選擇航班的出發和到達城市後，並單擊「搜索」，動畫結束後將顯示最佳航班（Image: Mark）

6. 雲端存儲數據

Image: Ben Mettler

7. 擬人態載入動畫

Image: xjw

8. Behance

精美設計的啟動畫面和載入動畫相結合（Image: Behance）

9. 下拉刷新動畫

Image: Ramotion

10. 文件上傳完成動畫

這個動畫是平滑狀態轉化的很好例子，最後通知用戶操作成功（Image: Eddy Gann）

▎小結

雖然這些載入動畫都可以改善用戶體驗，但最好不要過度使用。第一次看可能會覺得很有趣，但 100 次後就會覺得乏善可陳了。

另外，創意載入動畫也無法從根本上解決用戶等待的問題，當用戶一遍又一遍地等待應用載入，會很容易失去對 app 的好感。

原文鏈接：

10 Creative Loading Indicators

推薦閱讀：

設計師最佳 Chrome 擴展程序?

zhuanlan.zhihu.com迅速提高設計美感的 7 個小技巧?

zhuanlan.zhihu.com被忽視的奇蹟 —— 前蘇聯時代的工業設計?

zhuanlan.zhihu.com
推薦閱讀：