編輯導(dǎo)語：對于加載功能大家想必并不陌生，每當(dāng)我們進入一個網(wǎng)頁時、打開APP時、看電影時它都會出現(xiàn)，并且挑戰(zhàn)用戶的耐心。加載設(shè)計對于用戶來說是非常影響體驗的一個方面，如何才能讓等待成為一件快樂的事情呢？本文作者就圍繞這個問題展開了分析梳理，一起來看看~

你花了多長時間看它？

你希望快點出現(xiàn)一些內(nèi)容？

你覺得焦慮么…

你想退出么…

先別！再往下看看！

現(xiàn)在呢？你是否感覺好些？

你知道現(xiàn)在正在加載，還可以預(yù)估2s后完成加載，蹦蹦跳跳的小人還覺得挺有趣…

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

01 加載設(shè)計，設(shè)計什么？

我們所討論的加載，是人機交互時，用戶發(fā)出動作—系統(tǒng)接收指令—系統(tǒng)發(fā)回結(jié)果—用戶收到反饋，整個過程中機器處理的時間。

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

這其中，系統(tǒng)處理時間主要是技術(shù)的發(fā)力點，通過技術(shù)手段，盡可能地縮減加載耗時；而用戶感知的等待時間，則是設(shè)計的發(fā)力點。

我們需要解決的是在機器處理時間不變前提下，優(yōu)化用戶等待環(huán)節(jié)的體驗。

02 加載系統(tǒng)設(shè)計

對于加載設(shè)計我們并不陌生，啟動頁加載，頁面刷新加載，頁面切換加載，查看更多內(nèi)容加載……從每一個單個場景出發(fā)，根據(jù)以往經(jīng)驗和前人總結(jié)，都能很快匹配相應(yīng)的加載策略和設(shè)計樣式。

如果有新的加載場景出現(xiàn)，歷史經(jīng)驗無法滿足的時候，如何能系統(tǒng)地為其設(shè)計適合的加載呢？

從建立加載體驗維度——進行加載設(shè)計——評估加載設(shè)計，接下來，我們通過這一整個過程，并結(jié)合我們在「臨感VR」中加載設(shè)計的實踐，來詳細(xì)說說加載的系統(tǒng)設(shè)計。

03?加載體驗維度

基于加載設(shè)計相關(guān)桌面研究，根據(jù)通用和重要程度，將「加載體驗維度」劃分成基礎(chǔ)體驗和進階體驗兩大部分：

• 基礎(chǔ)體驗——影響加載體驗的關(guān)鍵因素，設(shè)計中權(quán)重較高，需要滿足。其中包括反饋明確性/速度感知/銜接流暢性三個維度，通用于各種類型產(chǎn)品的加載場景。
• 進階體驗——針對具體使用場景特點，設(shè)計權(quán)重不同，需適當(dāng)滿足。與基礎(chǔ)體驗不同，進階體驗的維度不固定，可以根據(jù)自身產(chǎn)品特點和訴求來進行定制。

結(jié)合對「臨感VR」產(chǎn)品現(xiàn)狀調(diào)研，我們將VR加載體驗分為6個維度：反饋明確性、速度感知、銜接流暢性、表意貼合性、品牌感知、創(chuàng)新性

下面，會結(jié)合我們「VR加載設(shè)計項目」中的具體例子，對這六個維度進行詳細(xì)的解釋說明。

圖中體驗維度圍繞VR產(chǎn)品現(xiàn)階段訴求建立

PART1：基礎(chǔ)體驗

減少用戶負(fù)面情緒產(chǎn)生，防止用戶流失。

A.反饋明確性 —“明確告知用戶發(fā)生了什么”

進行人機交互時，用戶操作后便進入了系統(tǒng)處理。這時，要讓用戶知道發(fā)生了什么，防止用戶以為機器壞掉了。

為增強反饋明確性，總結(jié)兩點具體做法：

1. 保持用戶視覺焦點穩(wěn)定-在用戶操作位置變化反饋
2. 提供明確進程信息-如文字說明信息，或百分比進度信息

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

機器加載時間不可控，或時間很長的情況下，要盡可能縮短用戶等待的主觀“感知時間”，從而緩解用戶等待焦慮，減少負(fù)面情緒產(chǎn)生。

總結(jié)了三點“讓用戶感覺速度快”的具體辦法：

1. 場景前置-提前向用戶展示下一步的內(nèi)容，使用戶對即將發(fā)生的事情預(yù)知
2. 吸引注意-在用戶自然等待過程中，通過圖形、富媒體、文字的吸引，暫時性轉(zhuǎn)移用戶注意力，分散等待焦慮
3. 異步加載-讓用戶產(chǎn)生一種漸進的感覺，而不是停在某一個頁面，縮短用戶時間感知

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

設(shè)計流暢自然的銜接過程，能讓用戶感覺“順”，給用戶無縫銜接的美好錯覺，從而減弱對加載的感知，具體做法如下：

1. 前后元素串聯(lián)
2. 有入場出場效果
3. 保持動態(tài)，減少停頓

PART2：進階體驗

傳達(dá)更多信息，促進用戶產(chǎn)生正面情緒。

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

與傳統(tǒng)常見的加載相比，面對新的加載場景（如VR加載），用戶可能無法用歷史經(jīng)驗判斷當(dāng)前情境。我們要通過場景表意輔助用戶理解，建立對場景的認(rèn)知。總結(jié)兩點具體做法：

1. 視覺圖形隱喻
2. 動勢表意

E.品牌感知 — “輔助產(chǎn)品進行品牌傳達(dá)滲透”

部分產(chǎn)品有品牌傳達(dá)的訴求，加載頁可以幫助進行品牌透出，提高用戶對品牌的感知。具體可以通過品牌元素展現(xiàn)的形式，或是通過顏色/造型等進行整體品牌氣質(zhì)的傳遞。

F.創(chuàng)新性 — “新穎的加載樣式，進一步促進用戶產(chǎn)生積極情緒”

在滿足基本體驗的基礎(chǔ)上，如果能給用戶展現(xiàn)“意料之外”的新穎加載設(shè)計，有助于滿足用戶情感化訴求，甚至將負(fù)面情緒轉(zhuǎn)化為積極情緒。具體做法：

1. 利用新技術(shù)手段
2. 使用動效或動畫

當(dāng)然，進階體驗維度還可以結(jié)合實際的應(yīng)用場景去進行調(diào)換，如：趣味性……

04 結(jié)合場景，設(shè)計應(yīng)用

確定以上體驗維度后，結(jié)合具體加載場景，我們可以對不同體驗維度設(shè)置相應(yīng)權(quán)重，制定對應(yīng)的設(shè)計策略，最后落實到具體方案中。

以下通過幾個VR中所涉及的加載場景為例，來具體說明：

1. 傳統(tǒng)頁面進入VR空間

通過對場景的分析，從傳統(tǒng)頁面進全景空間，需要輔助用戶建立空間變化的認(rèn)知；另外，這也是用戶觸達(dá)VR的第一場景，是用戶了解品牌的重要入口。因此，除了3個基礎(chǔ)維度權(quán)重高之外，表意貼合性和品牌感知權(quán)重也較高。

2. 同一VR全景空間漫游

在空間漫游場景中，我們需要滿足用戶在空間中游走的感受，因此表意貼合性權(quán)重較高；而在這個階段，用戶當(dāng)前首要任務(wù)為瀏覽房源，所以也無需展示過多品牌相關(guān)信息。

3. VR全景中切換服務(wù)模式

在切換服務(wù)模式的過程中，我們需要輔助用戶去理解新的服務(wù)，了解當(dāng)前的變化，因此表意貼合性權(quán)重依然較高。圖中為從「全景展示」切換「一鍵裝修」服務(wù)。

05 設(shè)計效果評估

針對各個場景進行設(shè)計優(yōu)化后，就可以用我們所制定的設(shè)計維度去驗證和評估。

以VR加載優(yōu)化的項目為例，我們對比舊版與新版在各個維度的分?jǐn)?shù)差異，并收集用戶的主觀反饋，依照結(jié)論，可以了解我們在各個設(shè)計維度上是否達(dá)成了目標(biāo)，同時為下一步的優(yōu)化作準(zhǔn)備。

06 寫在最后

加載設(shè)計只是海洋中的一朵小浪花，卻與整片海洋生態(tài)息息相關(guān)，希望每個小小的體驗功能點都能閃光，讓整片星辰大海光芒萬丈。

作者：王曉彤，交互設(shè)計師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心（微信公眾號@58UXD），作者@王曉彤

題圖來自Unsplash，基于CC0協(xié)議