Daydream產(chǎn)品設(shè)計案例:YouTube VR

0 評論 6226 瀏覽 20 收藏 8 分鐘

Google在打造這款YouTube VR app時的設(shè)計策略顯而易見:盡可能將用戶在其他傳統(tǒng)平臺上所熟識的設(shè)計模式平穩(wěn)移植到VR環(huán)境當中,使其更加易于上手,避免用戶在嘗試接納新媒介的同時還要花費精力去學習更多的操作方法。

環(huán)境

app完成加載后,視野前方會出現(xiàn)一個灰色的屏幕。整個虛擬環(huán)境由簡單的穹頂狀空間構(gòu)成。與Gear VR當中的Netflix所提供的“Void Theater”模式相仿,你可以在Daydream的藍牙控制器上通過上下滑動的手勢來自由調(diào)整屏幕尺寸,同時也能通過點按并拖動的方式將屏幕定位在空間當中的任意位置上。

頂層導航欄由四個菜單項組成,包括“首頁”、“360”、“訂閱”和“帳戶”。導航欄下方是網(wǎng)格狀(卡片形式)的內(nèi)容列表,其中優(yōu)先呈現(xiàn)最適于在VR設(shè)備中進行瀏覽的那些視頻。不過即便你只是看一些非360°的普通視頻,體驗也非常棒,例如《奇異博士》的預告片,你會感到精彩的內(nèi)容就近在咫尺,臨場感十足。

左側(cè)面板提供了正在播放或之前播放的視頻的詳細信息;右側(cè)則是即將播放的內(nèi)容列表,你可以在這里關(guān)閉或開啟自動播放功能。

點擊頂部的YouTube logo可以使整個界面恢復到初始的網(wǎng)格列表狀態(tài)。執(zhí)行這個操作時可以感覺到明顯的延遲,特別是當你正在觀看360°視頻的時候。logo左側(cè)的網(wǎng)格圖標用來切換UI的前后次序,譬如你可以使視頻作為背景保持播放,同時在處于前景位置的UI中搜索其他內(nèi)容。這種方式與手機端的YouTube app有些類似,可以看出Google希望將這一模式盡可能的統(tǒng)一到各個平臺當中。

導航機制與2D產(chǎn)品環(huán)境的模式相仿,即通過頂層菜單項層層進入下級內(nèi)容視圖;之后原本導航欄所處的位置會出現(xiàn)返回按鈕,點擊之后導航欄重現(xiàn),內(nèi)容返回上一級。

播放控制

無論音量調(diào)節(jié)還是播放進度條,你都無法直接拖動滑塊本身,只有點擊具體的目標位置才能使滑塊移動,完成調(diào)節(jié)(下圖1、2)。此外你可以在播放視頻之前就對字幕及清晰度進行設(shè)置(下圖3、4)。按鈕的懸停態(tài)細節(jié)很棒,半透明的選項面板彈出時很流暢,覆蓋在其他內(nèi)容上方時也很清晰。

播放控制區(qū)域的這些操作整體上沒有什么讓人驚奇的地方,但與Daydream的控制器配合起來,細節(jié)當中的交互體驗很舒服;或許可以成為VR UI設(shè)計的某種典型模式。

在播放非360°的普通視頻時,設(shè)置菜單中還會增加一項“曲面屏幕”功能(下圖1),激活之后,視頻屏幕會變?yōu)榍?,并填滿橫向視野。其他功能還包括字幕設(shè)置(下圖2)和視頻質(zhì)量控制(下圖3)。后者的默認選項是“自動”,另外可以選擇“最高”。在“自動”檔時,視頻可以保持流暢播放,具體的清晰度會根據(jù)你的實際帶寬進行優(yōu)化調(diào)整,但360°視頻的質(zhì)量很不理想;“最高”檔時,視頻質(zhì)量最優(yōu),但加載和緩沖會造成卡頓。設(shè)置菜單中的最后一個功能選項是“舉報”(下圖4)。

在某些視頻中,將準星聚焦在播放進度條上的不同位置時,可以看到對應(yīng)幀的預覽圖像。

搜索

進行搜索時,你可以選擇語音輸入(下圖1)或是虛擬鍵盤鍵入(下圖2)。如果要輸入的關(guān)鍵詞不是很長,那么鍵盤的方式還不算難用,但總體上講,還是語音輸入更好用一些。初次使用語音輸入時,你需要授權(quán)YouTube調(diào)用錄音功能,并要將手機從Daydream頭顯中取出以完成確認(下圖3、4)。某些情況下,搜索UI當中還會提供相關(guān)tag以便快速選擇,避免輸入的麻煩。

語音輸入的體驗很贊,對于VR app來說確實是非常便捷的交互模式。

小結(jié)

Google在打造這款YouTube VR app時的設(shè)計策略顯而易見:盡可能將用戶在其他傳統(tǒng)平臺上所熟識的設(shè)計模式平穩(wěn)移植到VR環(huán)境當中,使其更加易于上手,避免用戶在嘗試接納新媒介的同時還要花費精力去學習更多的操作方法。

站在個人角度,我很希望音量與進度控制可以通過拖拽的方式進行操作;此外若能增加分享功能,甚至是邀請朋友進入播放廳一同觀看視頻,則再好不過了。仔細想想,這個體驗?zāi)J降谋澈笏坪跤泻芏嗲榫靶枰紤],譬如由誰來控制播放一類,但怎樣也會很有趣。

總而言之,這款面向Daydream平臺的YouTube VR確實帶來了引人入勝的沉浸式體驗,Google干的很棒。

 

譯者: C7210 – 交互設(shè)計師、貓奴、吉他手、鼓手、老狗,現(xiàn)就職于騰訊ISUX(上海)

譯文地址:http://beforweb.com/node/872

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!