項目心得:移動端VR視頻播放器設計總結
結合項目經驗和市場主流競品,總結了移動端VR視頻播放器的設計心得。
一.移動端VR播放器使用場景和核心需求
VR視頻分兩類:第一類是全景視頻,即視頻畫面為360度球狀,用戶可沉浸其中觀看。第二類是普通視頻,可嵌入到電影院,臥室等虛擬場景中,提供沉浸式感受。VR播放器就是服務于以上兩類VR視頻的體驗過程,使用場景分為以下兩類。
1.VR播放器使用場景
(1)核心場景:戴上VR眼鏡沉浸式體驗
典型的VR用戶追求沉浸感,會選擇在比較穩定和舒適的環境下戴上眼鏡體驗,單次使用時長在0.5-1小時。受限于移動端VR設備的性能,戴上眼鏡后無法像操作手機一樣,通過點擊/滑動交互,只能通過頭部轉動+目光凝視觸發,這種笨拙的交互方式操作極為不便,限制了用戶的使用。預測不久的將來,凝視會被手柄,語音等更智能的交互取代。目前高端移動端VR設備,Daydream,Gear VR等產品已經接入了手柄/觸控板。
(凝視交互示意)
(2)重要場景:直接用手機體驗
不用VR眼鏡自然體驗不到VR的沉浸感,但適用一些特殊場景:
- 起到預覽的效果。體驗一個VR視頻的時間和操作成本都高于播放普通視頻,更何況移動互聯網時代內容泛濫,用戶的時間是最寶貴的價值。真正戴上設備之前,通過手機端提前預覽,更好地幫助用戶判斷內容。
- 滿足碎片化場景使用。公交地鐵等碎片化場景時,也可以直接用手機瀏覽VR視頻,擴展用戶場景,增強粘性。
- 吸引潛在用戶。大量潛在的對VR感興趣的用戶,暫時沒有VR眼鏡,可先行用手機體驗內容,慢慢轉化為擁有VR設備的用戶。
(手機直接播放VR視頻,可轉動手機查看全景)
2.移動端VR播放器用戶需求
VR播放器和普通視頻播放器的訴求基本類似,但戴上VR眼鏡后只能通過轉頭+凝視進行交互,因此兩者交互設計完全不同。下面先分析VR視頻體驗過程中的需求:
(1)播放控制
播放控制包括一系列常見操作,根據用戶的使用的頻次和價值,優先級如下:
- P0:進度條,返回,暫停/繼續播放
- P1:清晰度調節,音量調節,重置畫面視角
- P2:亮度調節
重置畫面視角是播放VR視頻特有的需求,當用戶沉浸于視頻場景中時,調整身體姿勢后,可隨時將主畫面切換到視線正前方。
(2)內容操作
內容操作指用戶對視頻內容層面可能進行的操作。細分有以下3種場景:
根據用戶的使用的頻次和價值,以上需求優先級如下:
- P1:選集,相關推薦列表
- P2:下一部切換,收藏
(3)UGC
用戶觀看過程中會對視頻產生各種想法,需要表達出來甚至和其他用戶產生互動,這就是播放過程中的UGC需求。UGC訴求有強弱之分:
語音彈幕是考慮到觀看VR視頻的過程,用戶無法直接進行文字輸入。
(4)手機預覽模式
上一節分析了直接使用手機體驗的用戶場景,因此VR播放器需要提供手機預覽模式。用戶不佩戴設備也可以體驗內容。預覽模式與播放普通視頻的場景非常相似,類推可知需要1.頁面直接預覽;2.全屏預覽兩種形態。此時VR播放器相當于一個普通播放器。
將以上VR播放器需求整理如下(1,2,3代表優先級):
下一節將結合市場競品對VR播放器核心功能的進行分析。
二.移動端VR播放器核心功能分析
本章節將挑選了一些區別于普通播放器的功能,結合市場主流VR產品進行對比分析。
1.呼出和隱藏播放器控制臺
呼出/隱藏控制臺,是VR播放器的核心交互之一。因為在VR視頻場景中,無法點擊屏幕,只能通過凝視和頭部角度變化操作,這與用戶習慣方式完全不同。想要完成呼出/隱藏控制臺設計,要尤其注意以下幾點:
- 觸發/隱藏的引導直觀。引入了新的觸發/隱藏方式有學習成本,所以盡可能讓用戶快速理解。
- 操作路徑短。凝視和轉動頭部是非常累的操作,操作步驟冗長極其影響體驗。
- 減少對視頻觀看體驗的影響。用戶在觀看視頻的過程中,會自然地轉動頭部觀察更多視角,可能與觸發/隱藏控制臺的交互重合,誤觸發控制臺,打斷沉浸式觀看體驗。
結合以上三點,選取了市場上主流產品的設計方案,進行探討。
1.百度VR瀏覽器:通過頭部轉動觸發。(如下圖所示)
這種交互方式將低頭,抬頭作為觸發/隱藏控制臺的手段。首先在空間高度上劃定了一個環形的控制區域(如虛線標注),當低頭到一定角度,視覺中心焦點落入該區域時控制臺浮現;繼續低頭或抬頭,焦點離開該區域控制臺隱藏。
(虛線為標注,實際產品中不可見)
這種交互利用了觀看VR視頻時的頭部自然動作,觸發/隱藏操作的非常方便。缺點在于
- 有一定學習成本。產品邏輯雖然簡單,但在沒有引導的情況下,初次使用很難第一時間理解。
- 帶來誤操作。當用戶想看下部分視頻內容時,低頭會誤觸發控制臺,影響正常觀看,采用這種交互,無法避免。
2.VR熱播:通過開關按鈕觸發。
屏幕下方有按鈕作為開關,用來觸發/關閉控制臺(如圖中右邊按鈕)。為了盡量不影響觀看,開關按鈕默認透明,當視線中心焦點下移到一定程度(如虛線標注),按鈕浮現。焦點移動到按鈕時,控制臺才被打開;再次將焦點移動到按鈕時,控制臺被關閉。
(虛線為標注,實際產品中不可見)
第二種設計方案,優點在于觸發/隱藏的邏輯類比了現實世界中的開關,非常直接和容易理解,同時也避免了低頭引起的誤觸發。但也有美中不足的地方,無論按鈕打開或關閉,用戶經常需要大幅度轉動頭部??梢栽诖嘶A上優化,當控制臺出現,焦點離開控制臺區域幾秒后,控制臺自動消失;調整開關按鈕的高度,使之更方便操作。
?2.播放器控制臺的界面
控制臺的界面是所有功能集中展示的區域,每個功能的使用頻次和意義都不等同??刂婆_界面需要解決以下幾個問題:
- 展示所有功能的同時,突顯高頻使用的核心功能。
- 雖然功能繁多,界面視覺保持簡潔和清爽。
- 具有擴展性,產品迭代中會陸續增加新需求,界面能夠兼容。
目前處于移動VR市場早期, 國內各大競品的播放器功能尚處于基礎階段,僅包含了一些播放控制類的控件。因此整體界面非常清晰簡單:
但是隨著視頻推薦列表,選集列表,收藏,分享,點贊,語音彈幕這些需求逐步完善,以上的界面布局需要進一步拓展。考慮到VR視頻場景是一個360度虛擬空間,不同于普通播放器局限于手機屏幕,所以布局可以充分利用屏幕的虛擬空間。以google的youtobe VR為例:
YoutoVR播放器界面分為3個區域。中間核心區域1,集中了最基礎播放控制組件,包含了進度條,暫停/播放,音量清晰度調整等。左邊區域2,是關于視頻信息展示,包含了簡介,來源,點贊,評論等核心信息。右邊區域3,則是視頻推薦列表,可以隨時切換下一部。
該布局優勢在于,布局充分利用了屏幕空間,并將同一屬性的功能聚合,一目了然。但仔細體驗仍有改進空間,由于界面信息太多,視覺不夠清爽,重點不夠突出。建議方案:控制臺界面出現后,中間區域1為核心區域高亮顯示,左右兩側降低不透明度,突出核心區域1。當用戶關注,將視線移動到左/右側時,對應區域高亮并輔以動效反饋。這樣處理用戶操作路徑保持不變,但突顯了UI層次。
3.手機預覽模式
上章已經分析了VR視頻手機預覽的訴求?;陬A覽模式的使用場景分析設計原則如下:
VR屬性,是指VR視頻擁有360度畫面,直接用手機播放時,轉動手機,可查看不同角度的內容,市場主流競品都已經具備該能力。
下面列舉了幾種主流競品的方案進行分析:
(1)3D播播:將預覽模式和VR播放設置成兩個按鈕,供用戶選擇。
雖然提供了預覽模式,但實際上不能滿足用戶第一時間預覽視頻的需求。而且兩個同樣有播放含義的按鈕并列,不易理解。
(2)VR熱播:點擊播放按鈕直接進入手機預覽。
與3D播播不同的是,VR熱播沒有讓用戶選擇,點擊播放按鈕直接進入手機預覽,再點擊可切換至VR播放(如上圖路徑)。看起來符合正常的用戶路徑,但存在兩個問題:1.用戶依然不能第一時間預覽視頻。2.和用戶預期違背。在一個VR視頻應用中,點擊播放,用戶的潛在意識是進入到VR播放,而非手機預覽。
(3)騰訊視頻:進入詳情頁面直接預覽。
方案三中,進入VR視頻詳情頁,默認進行頁面小屏預覽,點擊或橫屏可進入全屏預覽播放(如圖1,2)這與用戶觀看普通視頻的習慣保持一致。無論是小屏還是全屏預覽,都可以一鍵切換至VR播放。該方案最優,用戶可以第一時間預覽,并可在預覽和VR播放之間一鍵切換,整體交互流暢自然。
?4.重置畫面角度(簡稱重置視角)
重置畫面視角是播放VR視頻特有的需求,當用戶沉浸于視頻場景中時,調整身體姿勢后,可隨時將主畫面切換到視線正前方。重置視角依靠到頭部轉動和停止完成,在設計過程中尤其注意貼合真實使用場景。要解決一個關鍵問題在于:當用戶觸發重置視角功能后,如何準確判斷用戶已經調整到舒服的角度?下面列舉兩個競品的方案分析:
(1)3D播播:設置固定的視角調整時間(10s),倒計時結束,切換畫面至視角最后停留方向。
該方案問題在于,不同的用戶和不同場景下,調整視角所需時間不相同。為了兼容所有場景,設置時間區間較長(10s),犧牲了便捷,浪費了部分用戶的時間。
(2)百度VR瀏覽器:設置用戶視角停留的時間(5s),視角停留達到5s,切換畫面到視角停留方向。
方案二要求視角停留必須達到一定時長(5s),加大了用戶的操作負擔。而且細微的頭部晃動會引起視角抖動,可能導致之前停留時長作廢,用戶體驗差。
對方案二進行優化,代入使用場景分析。當用戶調整完視角后,自然停頓不再移動,手機傳感器捕捉到這一狀態超過1s,即可大概率判斷用戶調整完畢,無需強制停留5s。此時給予切換提示,屏蔽輕微的視角抖動。再給予2s的用戶確認時間,2s內視角不變,即可確認進行切換。流程如下圖所示:
以上就是近期對移動端VR視頻播放器的一些設計心得。
本文由 @simon 原創發布于人人都是產品經理。未經許可,禁止轉載。
不錯。要是有個基于這些分析和對比,設計了自己的播放器,把設計的播放器再簡單介紹下作為結尾就更完整了 ??