結(jié)合項(xiàng)目經(jīng)驗(yàn)和市長/市場(chǎng)主流贈(zèng)品，總結(jié)了移動(dòng)VR視頻播放器的設(shè)計(jì)經(jīng)驗(yàn)。

一．移動(dòng)端VR播放器使用場(chǎng)景和核心需求

VR視頻分兩類：第一類是全景視頻，即視頻畫面為360度球狀，用戶可沉浸其中觀看。第二類是普通視頻，可嵌入到電影院，臥室等虛擬場(chǎng)景中，提供沉浸式感受。VR播放器就是服務(wù)于以上兩類VR視頻的體驗(yàn)過程，使用場(chǎng)景分為以下兩類。

1.VR播放器使用場(chǎng)景

（1）核心場(chǎng)景：戴上VR眼鏡沉浸式體驗(yàn)

典型的VR用戶追求沉浸感，會(huì)選擇在比較穩(wěn)定和舒適的環(huán)境下戴上眼鏡體驗(yàn)，單次使用時(shí)長在0.5-1小時(shí)。受限于移動(dòng)端VR設(shè)備的性能，戴上眼鏡后無法像操作手機(jī)一樣，通過點(diǎn)擊/滑動(dòng)交互，只能通過頭部轉(zhuǎn)動(dòng)+目光凝視觸發(fā)，這種笨拙的交互方式操作極為不便，限制了用戶的使用。預(yù)測(cè)不久的將來，凝視會(huì)被手柄，語音等更智能的交互取代。目前高端移動(dòng)端VR設(shè)備，Daydream，Gear VR等產(chǎn)品已經(jīng)接入了手柄/觸控板。

（凝視交互示意）

（2）重要場(chǎng)景：直接用手機(jī)體驗(yàn)

不用VR眼鏡自然體驗(yàn)不到VR的沉浸感，但適用一些特殊場(chǎng)景：

1. 起到預(yù)覽的效果。
2. 滿足碎片化場(chǎng)景使用。
3. 吸引潛在用戶。

（手機(jī)直接播放VR視頻，可轉(zhuǎn)動(dòng)手機(jī)查看全景）

2.移動(dòng)端VR播放器用戶需求

VR播放器和普通視頻播放器的訴求基本類似，但戴上VR眼鏡后只能通過轉(zhuǎn)頭+凝視進(jìn)行交互，因此兩者交互設(shè)計(jì)完全不同。下面先分析VR視頻體驗(yàn)過程中的需求：

（1）播放控制

播放控制包括一系列常見操作，根據(jù)用戶的使用的頻次和價(jià)值，優(yōu)先級(jí)如下：

• P0：進(jìn)度條，返回，暫停/繼續(xù)播放
• P1：清晰度調(diào)節(jié)，音量調(diào)節(jié)，重置畫面視角
• P2：亮度調(diào)節(jié)

重置畫面視角是播放VR視頻特有的需求，當(dāng)用戶沉浸于視頻場(chǎng)景中時(shí)，調(diào)整身體姿勢(shì)后，可隨時(shí)將主畫面切換到視線正前方。

（2）內(nèi)容操作

內(nèi)容操作指用戶對(duì)視頻內(nèi)容層面可能進(jìn)行的操作。細(xì)分有以下3種場(chǎng)景：

根據(jù)用戶的使用的頻次和價(jià)值，以上需求優(yōu)先級(jí)如下：

• P1：選集，相關(guān)推薦列表
• P2：下一部切換，收藏

（3）UGC

用戶觀看過程中會(huì)對(duì)視頻產(chǎn)生各種想法，需要表達(dá)出來甚至和其他用戶產(chǎn)生互動(dòng)，這就是播放過程中的UGC需求。UGC訴求有強(qiáng)弱之分：

語音彈幕是考慮到觀看VR視頻的過程，用戶無法直接進(jìn)行文字輸入。

（4）手機(jī)預(yù)覽模式

上一節(jié)分析了直接使用手機(jī)體驗(yàn)的用戶場(chǎng)景，因此VR播放器需要提供手機(jī)預(yù)覽模式。用戶不佩戴設(shè)備也可以體驗(yàn)內(nèi)容。預(yù)覽模式與播放普通視頻的場(chǎng)景非常相似，類推可知需要1.頁面直接預(yù)覽；2.全屏預(yù)覽兩種形態(tài)。此時(shí)VR播放器相當(dāng)于一個(gè)普通播放器。

將以上VR播放器需求整理如下（1，2，3代表優(yōu)先級(jí)）：

下一節(jié)將結(jié)合市場(chǎng)競(jìng)品對(duì)VR播放器核心功能的進(jìn)行分析。

二.移動(dòng)端VR播放器核心功能分析

本章節(jié)將挑選了一些區(qū)別于普通播放器的功能，結(jié)合市場(chǎng)主流VR產(chǎn)品進(jìn)行對(duì)比分析。

1.呼出和隱藏播放器控制臺(tái)

呼出/隱藏控制臺(tái)，是VR播放器的核心交互之一。因?yàn)樵赩R視頻場(chǎng)景中，無法點(diǎn)擊屏幕，只能通過凝視和頭部角度變化操作，這與用戶習(xí)慣方式完全不同。想要完成呼出/隱藏控制臺(tái)設(shè)計(jì)，要尤其注意以下幾點(diǎn)：

• 觸發(fā)/隱藏的引導(dǎo)直觀。
• 操作路徑短。
• 減少對(duì)視頻觀看體驗(yàn)的影響。

結(jié)合以上三點(diǎn)，選取了市場(chǎng)上主流產(chǎn)品的設(shè)計(jì)方案，進(jìn)行探討。

1.百度VR瀏覽器：通過頭部轉(zhuǎn)動(dòng)觸發(fā)。（如下圖所示）

這種交互方式將低頭，抬頭作為觸發(fā)/隱藏控制臺(tái)的手段。首先在空間高度上劃定了一個(gè)環(huán)形的控制區(qū)域（如虛線標(biāo)注），當(dāng)?shù)皖^到一定角度，視覺中心焦點(diǎn)落入該區(qū)域時(shí)控制臺(tái)浮現(xiàn)；繼續(xù)低頭或抬頭，焦點(diǎn)離開該區(qū)域控制臺(tái)隱藏。

（虛線為標(biāo)注，實(shí)際產(chǎn)品中不可見）

這種交互利用了觀看VR視頻時(shí)的頭部自然動(dòng)作，觸發(fā)/隱藏操作的非常方便。缺點(diǎn)在于

1. 有一定學(xué)習(xí)成本。產(chǎn)品邏輯雖然簡單，但在沒有引導(dǎo)的情況下，初次使用很難第一時(shí)間理解。
2. 帶來誤操作。當(dāng)用戶想看下部分視頻內(nèi)容時(shí)，低頭會(huì)誤觸發(fā)控制臺(tái)，影響正常觀看，采用這種交互，無法避免。

2.VR熱播：通過開關(guān)按鈕觸發(fā)。

屏幕下方有按鈕作為開關(guān)，用來觸發(fā)/關(guān)閉控制臺(tái)（如圖中右邊按鈕）。為了盡量不影響觀看，開關(guān)按鈕默認(rèn)透明，當(dāng)視線中心焦點(diǎn)下移到一定程度（如虛線標(biāo)注），按鈕浮現(xiàn)。焦點(diǎn)移動(dòng)到按鈕時(shí)，控制臺(tái)才被打開；再次將焦點(diǎn)移動(dòng)到按鈕時(shí)，控制臺(tái)被關(guān)閉。

（虛線為標(biāo)注，實(shí)際產(chǎn)品中不可見）

第二種設(shè)計(jì)方案，優(yōu)點(diǎn)在于觸發(fā)/隱藏的邏輯類比了現(xiàn)實(shí)世界中的開關(guān)，非常直接和容易理解，同時(shí)也避免了低頭引起的誤觸發(fā)。但也有美中不足的地方，無論按鈕打開或關(guān)閉，用戶經(jīng)常需要大幅度轉(zhuǎn)動(dòng)頭部?？梢栽诖嘶A(chǔ)上優(yōu)化，當(dāng)控制臺(tái)出現(xiàn)，焦點(diǎn)離開控制臺(tái)區(qū)域幾秒后，控制臺(tái)自動(dòng)消失；調(diào)整開關(guān)按鈕的高度，使之更方便操作。

2.播放器控制臺(tái)的界面

控制臺(tái)的界面是所有功能集中展示的區(qū)域，每個(gè)功能的使用頻次和意義都不等同?？刂婆_(tái)界面需要解決以下幾個(gè)問題：

1. 展示所有功能的同時(shí)，突顯高頻使用的核心功能。
2. 雖然功能繁多，界面視覺保持簡潔和清爽。
3. 具有擴(kuò)展性，產(chǎn)品迭代中會(huì)陸續(xù)增加新需求，界面能夠兼容。

目前處于移動(dòng)VR市場(chǎng)早期， 國內(nèi)各大競(jìng)品的播放器功能尚處于基礎(chǔ)階段，僅包含了一些播放控制類的控件。因此整體界面非常清晰簡單：

但是隨著視頻推薦列表，選集列表，收藏，分享，點(diǎn)贊，語音彈幕這些需求逐步完善，以上的界面布局需要進(jìn)一步拓展?？紤]到VR視頻場(chǎng)景是一個(gè)360度虛擬空間，不同于普通播放器局限于手機(jī)屏幕，所以布局可以充分利用屏幕的虛擬空間。以google的youtobe VR為例：

YoutoVR播放器界面分為3個(gè)區(qū)域。中間核心區(qū)域1，集中了最基礎(chǔ)播放控制組件，包含了進(jìn)度條，暫停/播放，音量清晰度調(diào)整等。左邊區(qū)域2，是關(guān)于視頻信息展示，包含了簡介，來源，點(diǎn)贊，評(píng)論等核心信息。右邊區(qū)域3，則是視頻推薦列表，可以隨時(shí)切換下一部。

該布局優(yōu)勢(shì)在于，布局充分利用了屏幕空間，并將同一屬性的功能聚合，一目了然。但仔細(xì)體驗(yàn)仍有改進(jìn)空間，由于界面信息太多，視覺不夠清爽，重點(diǎn)不夠突出。建議方案：控制臺(tái)界面出現(xiàn)后，中間區(qū)域1為核心區(qū)域高亮顯示，左右兩側(cè)降低不透明度，突出核心區(qū)域1。當(dāng)用戶關(guān)注，將視線移動(dòng)到左/右側(cè)時(shí)，對(duì)應(yīng)區(qū)域高亮并輔以動(dòng)效反饋。這樣處理用戶操作路徑保持不變，但突顯了UI層次。

3.手機(jī)預(yù)覽模式

上章已經(jīng)分析了VR視頻手機(jī)預(yù)覽的訴求?；陬A(yù)覽模式的使用場(chǎng)景分析設(shè)計(jì)原則如下：

VR屬性，是指VR視頻擁有360度畫面，直接用手機(jī)播放時(shí)，轉(zhuǎn)動(dòng)手機(jī)，可查看不同角度的內(nèi)容，市場(chǎng)主流競(jìng)品都已經(jīng)具備該能力。

下面列舉了幾種主流競(jìng)品的方案進(jìn)行分析：

（1）3D播播：將預(yù)覽模式和VR播放設(shè)置成兩個(gè)按鈕，供用戶選擇。

雖然提供了預(yù)覽模式，但實(shí)際上不能滿足用戶第一時(shí)間預(yù)覽視頻的需求。而且兩個(gè)同樣有播放含義的按鈕并列，不易理解。

（2）VR熱播：點(diǎn)擊播放按鈕直接進(jìn)入手機(jī)預(yù)覽。

與3D播播不同的是，VR熱播沒有讓用戶選擇，點(diǎn)擊播放按鈕直接進(jìn)入手機(jī)預(yù)覽，再點(diǎn)擊可切換至VR播放（如上圖路徑）?？雌饋矸险５挠脩袈窂?，但存在兩個(gè)問題：1.用戶依然不能第一時(shí)間預(yù)覽視頻。2.和用戶預(yù)期違背。在一個(gè)VR視頻應(yīng)用中，點(diǎn)擊播放，用戶的潛在意識(shí)是進(jìn)入到VR播放，而非手機(jī)預(yù)覽。

（3）騰訊視頻：進(jìn)入詳情頁面直接預(yù)覽。

方案三中，進(jìn)入VR視頻詳情頁，默認(rèn)進(jìn)行頁面小屏預(yù)覽，點(diǎn)擊或橫屏可進(jìn)入全屏預(yù)覽播放（如圖1，2）這與用戶觀看普通視頻的習(xí)慣保持一致。無論是小屏還是全屏預(yù)覽，都可以一鍵切換至VR播放。該方案最優(yōu)，用戶可以第一時(shí)間預(yù)覽，并可在預(yù)覽和VR播放之間一鍵切換，整體交互流暢自然。

4.重置畫面角度（簡稱重置視角）

重置畫面視角是播放VR視頻特有的需求，當(dāng)用戶沉浸于視頻場(chǎng)景中時(shí)，調(diào)整身體姿勢(shì)后，可隨時(shí)將主畫面切換到視線正前方。重置視角依靠到頭部轉(zhuǎn)動(dòng)和停止完成，在設(shè)計(jì)過程中尤其注意貼合真實(shí)使用場(chǎng)景。要解決一個(gè)關(guān)鍵問題在于：當(dāng)用戶觸發(fā)重置視角功能后，如何準(zhǔn)確判斷用戶已經(jīng)調(diào)整到舒服的角度？下面列舉兩個(gè)競(jìng)品的方案分析：

（1）3D播播：設(shè)置固定的視角調(diào)整時(shí)間（10s），倒計(jì)時(shí)結(jié)束，切換畫面至視角最后停留方向。

該方案問題在于，不同的用戶和不同場(chǎng)景下，調(diào)整視角所需時(shí)間不相同。為了兼容所有場(chǎng)景，設(shè)置時(shí)間區(qū)間較長（10s），犧牲了便捷，浪費(fèi)了部分用戶的時(shí)間。

（2）百度VR瀏覽器：設(shè)置用戶視角停留的時(shí)間（5s），視角停留達(dá)到5s，切換畫面到視角停留方向。

方案二要求視角停留必須達(dá)到一定時(shí)長（5s），加大了用戶的操作負(fù)擔(dān)。而且細(xì)微的頭部晃動(dòng)會(huì)引起視角抖動(dòng)，可能導(dǎo)致之前停留時(shí)長作廢，用戶體驗(yàn)差。

對(duì)方案二進(jìn)行優(yōu)化，代入使用場(chǎng)景分析。當(dāng)用戶調(diào)整完視角后，自然停頓不再移動(dòng)，手機(jī)傳感器捕捉到這一狀態(tài)超過1s，即可大概率判斷用戶調(diào)整完畢，無需強(qiáng)制停留5s。此時(shí)給予切換提示，屏蔽輕微的視角抖動(dòng)。再給予2s的用戶確認(rèn)時(shí)間，2s內(nèi)視角不變，即可確認(rèn)進(jìn)行切換。流程如下圖所示：

以上就是近期對(duì)移動(dòng)端VR視頻播放器的一些設(shè)計(jì)心得。

本文由 @simon 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。