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