起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識如何為你的產品定制加載體驗？｜加載系統設計與量化
編輯導語：對于加載功能大家想必并不陌生，每當我們進入一個網頁時、打開APP時、看電影時它都會出現，并且挑戰用戶的耐心。加載設計對于用戶來說是非常影響體驗的一個方面，如何才能讓等待成為一件快樂的事情呢？本文作者就圍繞這個問題展開了分析梳理，一起來看看~
你花了多長時間看它？
你希望快點出現一些內容？
你覺得焦慮么…
你想退出么…
先別！再往下看看！
現在呢？你是否感覺好些？
你知道現在正在加載，還可以預估2s后完成加載，蹦蹦跳跳的小人還覺得挺有趣…
以上想用一個加載體驗的小例子來說明：不同的加載樣式，會帶來完全不同的感受。
01 加載設計，設計什么？
我們所討論的加載，是人機交互時，用戶發出動作—系統接收指令—系統發回結果—用戶收到反饋，整個過程中機器處理的時間。
是用戶感受到的等待時間，也就是我們所說的加載過程。加載時間越長，用戶感受越明顯。
這其中，系統處理時間主要是技術的發力點，通過技術手段，盡可能地縮減加載耗時；而用戶感知的等待時間，則是設計的發力點。
我們需要解決的是在機器處理時間不變前提下，優化用戶等待環節的體驗。
02 加載系統設計
對于加載設計我們并不陌生，啟動頁加載，頁面刷新加載，頁面切換加載，查看更多內容加載……從每一個單個場景出發，根據以往經驗和前人總結，都能很快匹配相應的加載策略和設計樣式。
如果有新的加載場景出現，歷史經驗無法滿足的時候，如何能系統地為其設計適合的加載呢？
從建立加載體驗維度——進行加載設計——評估加載設計，接下來，我們通過這一整個過程，并結合我們在「臨感VR」中加載設計的實踐，來詳細說說加載的系統設計。
03?加載體驗維度
基于加載設計相關桌面研究，根據通用和重要程度，將「加載體驗維度」劃分成基礎體驗和進階體驗兩大部分：
- 基礎體驗——影響加載體驗的關鍵因素，設計中權重較高，需要滿足。其中包括反饋明確性/速度感知/銜接流暢性三個維度，通用于各種類型產品的加載場景。
- 進階體驗——針對具體使用場景特點，設計權重不同，需適當滿足。與基礎體驗不同，進階體驗的維度不固定，可以根據自身產品特點和訴求來進行定制。
結合對「臨感VR」產品現狀調研，我們將VR加載體驗分為6個維度：反饋明確性、速度感知、銜接流暢性、表意貼合性、品牌感知、創新性
下面，會結合我們「VR加載設計項目」中的具體例子，對這六個維度進行詳細的解釋說明。
圖中體驗維度圍繞VR產品現階段訴求建立
PART1：基礎體驗
減少用戶負面情緒產生，防止用戶流失。
A.反饋明確性 —“明確告知用戶發生了什么”
進行人機交互時，用戶操作后便進入了系統處理。這時，要讓用戶知道發生了什么，防止用戶以為機器壞掉了。
為增強反饋明確性，總結兩點具體做法：
- 保持用戶視覺焦點穩定-在用戶操作位置變化反饋
- 提供明確進程信息-如文字說明信息，或百分比進度信息
B.速度感知 — “讓用戶心理感覺速度快”
機器加載時間不可控，或時間很長的情況下，要盡可能縮短用戶等待的主觀“感知時間”，從而緩解用戶等待焦慮，減少負面情緒產生。
總結了三點“讓用戶感覺速度快”的具體辦法：
- 場景前置-提前向用戶展示下一步的內容，使用戶對即將發生的事情預知
- 吸引注意-在用戶自然等待過程中，通過圖形、富媒體、文字的吸引，暫時性轉移用戶注意力，分散等待焦慮
- 異步加載-讓用戶產生一種漸進的感覺，而不是停在某一個頁面，縮短用戶時間感知
C.銜接流暢性—“弱化用戶對加載的感知”
設計流暢自然的銜接過程，能讓用戶感覺“順”，給用戶無縫銜接的美好錯覺，從而減弱對加載的感知，具體做法如下：
- 前后元素串聯
- 有入場出場效果
- 保持動態，減少停頓
PART2：進階體驗
傳達更多信息，促進用戶產生正面情緒。
D.表意貼合性 — “輔助用戶理解即將進入場景的含義功能”
與傳統常見的加載相比，面對新的加載場景（如VR加載），用戶可能無法用歷史經驗判斷當前情境。我們要通過場景表意輔助用戶理解，建立對場景的認知?？偨Y兩點具體做法：
- 視覺圖形隱喻
- 動勢表意
E.品牌感知 — “輔助產品進行品牌傳達滲透”
部分產品有品牌傳達的訴求，加載頁可以幫助進行品牌透出，提高用戶對品牌的感知。具體可以通過品牌元素展現的形式，或是通過顏色/造型等進行整體品牌氣質的傳遞。
F.創新性 — “新穎的加載樣式，進一步促進用戶產生積極情緒”
在滿足基本體驗的基礎上，如果能給用戶展現“意料之外”的新穎加載設計，有助于滿足用戶情感化訴求，甚至將負面情緒轉化為積極情緒。具體做法：
- 利用新技術手段
- 使用動效或動畫
當然，進階體驗維度還可以結合實際的應用場景去進行調換，如：趣味性……
04 結合場景，設計應用
確定以上體驗維度后，結合具體加載場景，我們可以對不同體驗維度設置相應權重，制定對應的設計策略，最后落實到具體方案中。
以下通過幾個VR中所涉及的加載場景為例，來具體說明：
1. 傳統頁面進入VR空間
通過對場景的分析，從傳統頁面進全景空間，需要輔助用戶建立空間變化的認知；另外，這也是用戶觸達VR的第一場景，是用戶了解品牌的重要入口。因此，除了3個基礎維度權重高之外，表意貼合性和品牌感知權重也較高。
2. 同一VR全景空間漫游
在空間漫游場景中，我們需要滿足用戶在空間中游走的感受，因此表意貼合性權重較高；而在這個階段，用戶當前首要任務為瀏覽房源，所以也無需展示過多品牌相關信息。
3. VR全景中切換服務模式
在切換服務模式的過程中，我們需要輔助用戶去理解新的服務，了解當前的變化，因此表意貼合性權重依然較高。圖中為從「全景展示」切換「一鍵裝修」服務。
05 設計效果評估
針對各個場景進行設計優化后，就可以用我們所制定的設計維度去驗證和評估。
以VR加載優化的項目為例，我們對比舊版與新版在各個維度的分數差異，并收集用戶的主觀反饋，依照結論，可以了解我們在各個設計維度上是否達成了目標，同時為下一步的優化作準備。
06 寫在最后
加載設計只是海洋中的一朵小浪花，卻與整片海洋生態息息相關，希望每個小小的體驗功能點都能閃光，讓整片星辰大海光芒萬丈。
作者：王曉彤，交互設計師
本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@王曉彤
題圖來自Unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
