如何為你的產品定製加載體驗?|加載系統設計與量化

編輯導語:對於加載功能大家想必並不陌生,每當我們進入一個網頁時、打開APP時、看電影時它都會出現,並且挑戰用户的耐心。加載設計對於用户來説是非常影響體驗的一個方面,如何才能讓等待成為一件快樂的事情呢?本文作者就圍繞這個問題展開了分析梳理,一起來看看~

如何為你的產品定製加載體驗?|加載系統設計與量化
如何為你的產品定製加載體驗?|加載系統設計與量化

你花了多長時間看它?

你希望快點出現一些內容?

你覺得焦慮麼…

你想退出麼…

先別!再往下看看!

如何為你的產品定製加載體驗?|加載系統設計與量化

現在呢?你是否感覺好些?

你知道現在正在加載,還可以預估2s後完成加載,蹦蹦跳跳的小人還覺得挺有趣…

以上想用一個加載體驗的小例子來説明:不同的加載樣式,會帶來完全不同的感受。

01 加載設計,設計什麼?

我們所討論的加載,是人機交互時,用户發出動作—系統接收指令—系統發回結果—用户收到反饋,整個過程中機器處理的時間。

是用户感受到的等待時間,也就是我們所説的加載過程。加載時間越長,用户感受越明顯。

如何為你的產品定製加載體驗?|加載系統設計與量化

這其中,系統處理時間主要是技術的發力點,通過技術手段,儘可能地縮減加載耗時;而用户感知的等待時間,則是設計的發力點。

我們需要解決的是在機器處理時間不變前提下,優化用户等待環節的體驗。

02 加載系統設計

對於加載設計我們並不陌生,啓動頁加載,頁面刷新加載,頁面切換加載,查看更多內容加載……從每一個單個場景出發,根據以往經驗和前人總結,都能很快匹配相應的加載策略和設計樣式。

如何為你的產品定製加載體驗?|加載系統設計與量化

如果有新的加載場景出現,歷史經驗無法滿足的時候,如何能系統地為其設計適合的加載呢?

從建立加載體驗維度——進行加載設計——評估加載設計,接下來,我們通過這一整個過程,並結合我們在「臨感VR」中加載設計的實踐,來詳細説説加載的系統設計。

如何為你的產品定製加載體驗?|加載系統設計與量化
03 加載體驗維度

基於加載設計相關桌面研究,根據通用和重要程度,將「加載體驗維度」劃分成基礎體驗和進階體驗兩大部分:

  • 基礎體驗——影響加載體驗的關鍵因素,設計中權重較高,需要滿足。其中包括反饋明確性/速度感知/銜接流暢性三個維度,通用於各種類型產品的加載場景。
  • 進階體驗——針對具體使用場景特點,設計權重不同,需適當滿足。與基礎體驗不同,進階體驗的維度不固定,可以根據自身產品特點和訴求來進行定製。
如何為你的產品定製加載體驗?|加載系統設計與量化

結合對「臨感VR」產品現狀調研,我們將VR加載體驗分為6個維度:反饋明確性、速度感知、銜接流暢性、表意貼合性、品牌感知、創新性

下面,會結合我們「VR加載設計項目」中的具體例子,對這六個維度進行詳細的解釋説明。

如何為你的產品定製加載體驗?|加載系統設計與量化

圖中體驗維度圍繞VR產品現階段訴求建立

PART1:基礎體驗

減少用户負面情緒產生,防止用户流失。

A.反饋明確性 —“明確告知用户發生了什麼”

進行人機交互時,用户操作後便進入了系統處理。這時,要讓用户知道發生了什麼,防止用户以為機器壞掉了。

為增強反饋明確性,總結兩點具體做法:

  1. 保持用户視覺焦點穩定-在用户操作位置變化反饋
  2. 提供明確進程信息-如文字説明信息,或百分比進度信息
如何為你的產品定製加載體驗?|加載系統設計與量化

B.速度感知 — “讓用户心理感覺速度快”

機器加載時間不可控,或時間很長的情況下,要儘可能縮短用户等待的主觀“感知時間”,從而緩解用户等待焦慮,減少負面情緒產生。

總結了三點“讓用户感覺速度快”的具體辦法:

  1. 場景前置-提前向用户展示下一步的內容,使用户對即將發生的事情預知
  2. 吸引注意-在用户自然等待過程中,通過圖形、富媒體、文字的吸引,暫時性轉移用户注意力,分散等待焦慮
  3. 異步加載-讓用户產生一種漸進的感覺,而不是停在某一個頁面,縮短用户時間感知
如何為你的產品定製加載體驗?|加載系統設計與量化

C.銜接流暢性—“弱化用户對加載的感知”

設計流暢自然的銜接過程,能讓用户感覺“順”,給用户無縫銜接的美好錯覺,從而減弱對加載的感知,具體做法如下:

如何為你的產品定製加載體驗?|加載系統設計與量化
PART2:進階體驗

傳達更多信息,促進用户產生正面情緒。

D.表意貼合性 — “輔助用户理解即將進入場景的含義功能”

與傳統常見的加載相比,面對新的加載場景(如VR加載),用户可能無法用歷史經驗判斷當前情境。我們要通過場景表意輔助用户理解,建立對場景的認知。總結兩點具體做法:

如何為你的產品定製加載體驗?|加載系統設計與量化

E.品牌感知 — “輔助產品進行品牌傳達滲透”

部分產品有品牌傳達的訴求,加載頁可以幫助進行品牌透出,提高用户對品牌的感知。具體可以通過品牌元素展現的形式,或是通過顏色/造型等進行整體品牌氣質的傳遞。

如何為你的產品定製加載體驗?|加載系統設計與量化

F.創新性 — “新穎的加載樣式,進一步促進用户產生積極情緒”

在滿足基本體驗的基礎上,如果能給用户展現“意料之外”的新穎加載設計,有助於滿足用户情感化訴求,甚至將負面情緒轉化為積極情緒。具體做法:

如何為你的產品定製加載體驗?|加載系統設計與量化

當然,進階體驗維度還可以結合實際的應用場景去進行調換,如:趣味性……

04 結合場景,設計應用

確定以上體驗維度後,結合具體加載場景,我們可以對不同體驗維度設置相應權重,制定對應的設計策略,最後落實到具體方案中。

如何為你的產品定製加載體驗?|加載系統設計與量化

以下通過幾個VR中所涉及的加載場景為例,來具體説明:

1. 傳統頁面進入VR空間

通過對場景的分析,從傳統頁面進全景空間,需要輔助用户建立空間變化的認知;另外,這也是用户觸達VR的第一場景,是用户瞭解品牌的重要入口。因此,除了3個基礎維度權重高之外,表意貼合性和品牌感知權重也較高。

如何為你的產品定製加載體驗?|加載系統設計與量化
2. 同一VR全景空間漫遊

在空間漫遊場景中,我們需要滿足用户在空間中游走的感受,因此表意貼合性權重較高;而在這個階段,用户當前首要任務為瀏覽房源,所以也無需展示過多品牌相關信息。

如何為你的產品定製加載體驗?|加載系統設計與量化
3. VR全景中切換服務模式

在切換服務模式的過程中,我們需要輔助用户去理解新的服務,瞭解當前的變化,因此表意貼合性權重依然較高。圖中為從「全景展示」切換「一鍵裝修」服務。

如何為你的產品定製加載體驗?|加載系統設計與量化
05 設計效果評估

針對各個場景進行設計優化後,就可以用我們所制定的設計維度去驗證和評估。

以VR加載優化的項目為例,我們對比舊版與新版在各個維度的分數差異,並收集用户的主觀反饋,依照結論,可以瞭解我們在各個設計維度上是否達成了目標,同時為下一步的優化作準備。

如何為你的產品定製加載體驗?|加載系統設計與量化
06 寫在最後

加載設計只是海洋中的一朵小浪花,卻與整片海洋生態息息相關,希望每個小小的體驗功能點都能閃光,讓整片星辰大海光芒萬丈。

作者:王曉彤,交互設計師

本文來源於人人都是產品經理合作媒體@58用户體驗設計中心(微信公眾號@58UXD),作者@王曉彤

題圖來自Unsplash,基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 2465 字。

轉載請註明: 如何為你的產品定製加載體驗?|加載系統設計與量化 - 楠木軒