起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識如何設計產品的預加載？
加載設計對于用戶來說也是非常影響體驗的一個方面，產品需要應用合適的加載設計。
為什么好多電梯都設計成鏡面？
這其實是為了緩解人們因等電梯時間長而帶來的焦慮，用戶的視線被鏡子轉移，同時還能避免了大家都在一起等電梯的尷尬，有效地緩解了等待電梯過程中焦慮。
用戶感知的實時反饋只需0.1秒，這是產品用戶體驗很流暢的狀態，超過0.1秒的反饋速度，用戶就能感覺到不實時，可見用戶對實時反饋的感知有多快。
伴隨著反饋延遲速度的增加，用戶等待的時間成本會增加，接下來就會引發系列的負面效應。當然，造成延遲的原因有很多，不單單是產品體驗的原因，還可能會是表單需要提交給服務器做驗證才能反饋、后臺復雜的數據計算時間、網絡狀況不好等。
延遲對用戶的影響
延遲其實是再正常不過的體驗了，關鍵是延遲對用戶造成的影響有多大。
流暢體驗時間是0.1秒，那意味著超過這個時間都可以算是有延遲。
在人機交互中，用戶是在跟產品溝通，用戶與界面互動一次就會產生一次加載。如果用戶操作提交，頁面卻沒有立即反饋，隨著延遲時間的推移，用戶會怎么想？
- 2秒：產品可能需要做一些處理，可以理解。
- 5秒：反復操作未反饋的界面，造成加載的壓力更頻繁。
- 10秒：用戶已經快要忍受到極限了，盡力說服自己下一秒就可以加載完成。
- 13秒：用戶基本會認為是產品Crash了，忍無可忍，無需再忍，果斷做出離開的打算了。
2秒是產品比較好的一個體驗原則，是用戶能接受延遲的最佳等待時間。
用戶從感知延時到最后離開，映射出用戶對產品的態度也從友好轉而崩潰。既然產品中延遲無法避免，但我們可以通過體驗設計來緩解用戶的感知到的加載時間，能明確告知用戶加載進度的體驗肯定肯定更好。
用戶在與產品交互過程，好比打電話：你問了個問題，對方不回答，可能都睡著了，等到你都崩潰了。
但如果我們豐富加載設計的體驗，感受就完全不一樣了。就好比跟真人在當面交流，問個問題，對方結巴，抓耳撓腮，你能很清晰地判斷出狀況，不至于崩潰。
加載設計就等同于那個真人的表達，有進度、有動畫、有狀態等，加載也是一種過程的反饋，友好地緩解了用戶等待中的焦慮情緒。
比如，游戲讓玩家進入心流狀態，有一個很重要的原因就實時反饋。玩家的一個閃現技能放出去，有延時會有什么后果，肯定直接掛了，這對玩家和游戲都會造成負面影響。
部落沖突的游戲，在發生網絡延時的時候，玩家還可以清晰地看到戰爭的繼續。在這個過程中，玩家看不見的是服務器在火速拼命地搶修線路。等玩家反映過來，線路可能都已連接好了，這也是產品中的一種加載策略。
技術定義加載類型
加載的類型其實是屬于技術開發的范疇，產品和交互設計如果不了解這塊，就沒法結合不同的場景做出匹配的加載設計。產品中如果不完善加載設計，就會造成體驗上的缺陷。
上面剛分析了對用戶的影響，加載設計根據開發場景的不同基本可以分為以下6種開發類型。
1. 分步加載
這就是我們打開頁面經常會看到，文字全出來，中間的圖片還沒，通常可能會在圖片上有個菊花在轉，或者顯示帶品牌標識的圖片占位符。
2. 漸進式加載
不同于分步加載的是先下載再慢慢地變清晰，讓用戶有個直觀感受，比如好多界面加載過程中先看到有點模糊的圖，再加載高清圖片，這樣的體驗方式很受用戶的歡迎。
3. 懶加載
懶加載又叫延遲加載，通常一個界面的內容是同步加載的。這樣的話，很多商品的介紹頁面很長，加載就會占用太多的網絡資源，用戶可能都不看，就造成了占用網絡資源的浪費，影響加載速度。
所以，懶加載就是頁面瀏覽到哪里加載哪里，將網絡資源集中在用戶瀏覽的當前內容，大大提高了加載速度。一般界面圖片較多的界面會比較適合懶加載。
4. 預加載
預加載，顧名思義就是判斷用戶的加載速度，為用戶提前加載好下一步要看的內容。
這和上面的懶加載策略恰恰相反，在不考慮流量的情況下預加載會好點，反之就可以選擇懶加載。預加載比較適合圖片較少界面的加載策略。
5. 智能加載
智能加載在不同的網絡狀態加載不同的數據，在4G網絡狀態下瀏覽視頻的時候就會提醒你需要多少流量是不是繼續觀看的，WIFI下就可以任性地顯示大圖，高清的視頻。
6. 服務端加載
我們在每個產品中樹立自己的ID就需要注冊登錄，產品想獲取用戶信息往往也是通過表單的形式效率最高。
這些信息的提交都發到了服務端，服務端再錄入數據庫匹配計算，然后才會返回一些信息參數，比如密碼錯誤、登錄名不存在、郵箱格式不對等。這些用戶看不到，都是服務端再處理。
寫在最后
以上不同場景中的加載設計發揮不同的作用，結合到體驗設計中，常見的加載場景有啟動頁設計、登錄注冊頁設計、加載新頁面設計、加載進度設計、內容圖文預加載設計、下拉刷新設計、上拉加載更多設計等。
一些產品中啟動頁的設計。
內容加載中的狀態。
#專欄作家#
VV體驗，微信公眾號：VV體驗，人人都是產品經理專欄作家?！逗迷O計，有方法》作者。混跡于互聯網圈，致力于研究用戶體驗設計，著力打造極致的體驗設計，主導和參與設計過多款熱門的互聯網產品，遍及多個領域。
本文原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash， 基于CC0協議
- 目前還沒評論，等你發揮！
