干貨貼:關(guān)于VR產(chǎn)品的幾點(diǎn)設(shè)計(jì)思考
![](http://image.woshipm.com/wp-files/img/35.jpg)
最近不做VR了,把做VR時一些踩過的坑和經(jīng)驗(yàn)寫給大家分享下,有可能說的不對,請見諒。
首先給大家科普下,目前VR分為3大類型,
- PC(htc vive、occlous)
- 主機(jī)(PS VR)
- 手機(jī)(暴風(fēng)魔鏡等)
這幾款設(shè)備的應(yīng)用開發(fā)工具,大部分是U3D,和少量UE4的開發(fā)工具(其實(shí)VR開發(fā)大部分比較像原來3D游戲,場景是3d的,GUI可能有一些區(qū)別,我覺得如果是游戲行業(yè)轉(zhuǎn)行到VR產(chǎn)品的話有很大優(yōu)勢)
因?yàn)閂R火的是視頻和游戲,所以老板可能大部分是做影視和游戲出身的。這個時候產(chǎn)品經(jīng)理和老板可能會有些沖突,尤其針對影視的老板,可能更講究視覺效果,可能會因?yàn)榱W犹匦У仍颍浅:哪芰?,針對主機(jī)、電腦還好,手機(jī)端要考慮手機(jī)的續(xù)航能力,以及活動范圍都會因?yàn)槟芎膯栴}。
言歸正傳,針對VR產(chǎn)品設(shè)計(jì)問題,有以下幾個思路:
- 界面設(shè)計(jì)
- 交互行為
功能設(shè)計(jì)這里不做細(xì)說,基本跟普通的產(chǎn)品設(shè)計(jì)差不多。
1.界面設(shè)計(jì)
其實(shí)很多人在做界面設(shè)計(jì)時很有疑惑,平時做手機(jī)端、pc端還好,都是2d用axure就能滿足了,但是VR是3d的怎么畫才能描述給開發(fā)樣子。我當(dāng)時也很疑惑,對于我這種u3d也不是很精的小白來說,用u3d畫原型時間太長了。所以當(dāng)時搜索了點(diǎn)文檔,其實(shí)可以大致分為這么2種畫法。
首先根據(jù)3d是分x,y,z:
比2D多一個坐標(biāo)系來說,景深對于VR設(shè)計(jì)的視覺效果有很大關(guān)系。根據(jù)谷歌文檔來說,最近對于觀察者距離不要超過1.5m,因?yàn)檠坨R的鏡片其實(shí)是凸透鏡,對于視線內(nèi)物體其實(shí)是進(jìn)行放大的。如果當(dāng)一個物品對于用戶過近,會造成眼睛對焦不準(zhǔn)問題。
這個1.5m是針對移動端眼鏡設(shè)計(jì)來說,因?yàn)橐苿佣搜坨R并不具備空間位置捕捉,所以用戶不能對過近位置物品進(jìn)行調(diào)整遠(yuǎn)近的操作,所以最好不要低于1.5m(其實(shí)理論上應(yīng)該是0.5m)。根據(jù)這個原理在頁面設(shè)計(jì)中可以引入等高線景深設(shè)計(jì)方法。
在里面進(jìn)行標(biāo)注后,在下面進(jìn)行相應(yīng)功能設(shè)計(jì),紅線區(qū)域說明該位置對于用戶過遠(yuǎn)或過近為預(yù)警區(qū)域,藍(lán)色區(qū)域?qū)τ谟脩羰窍鄬τ谑孢m區(qū)域。
這種方法其實(shí)是針對于用戶整體布景擺放(固定用戶)。
另一種設(shè)計(jì)方法,針對于用戶菜單界面設(shè)計(jì)方法,以用戶視角的主區(qū)域、次區(qū)域進(jìn)行區(qū)分。
這里引入3種概念:
- 主區(qū)域:主區(qū)域指用戶進(jìn)入該場景后,第一眼看到的界面,即主界面
- 輔助區(qū)域:為用戶進(jìn)行頭部位移后才可看到的區(qū)域?yàn)檩o助區(qū)域
- 交界處:主、輔助區(qū)域交界處,為用戶進(jìn)入后該菜單、物品不出現(xiàn)在用戶第一視覺,而出現(xiàn)在兩區(qū)域交界處,即余光所看區(qū)域
為什么這么去做?
因?yàn)槿嗽谡鎸?shí)的世界中FOV大致在210度(FOV指人眼能看到畫面的角度),在VR眼鏡中達(dá)不到這個度數(shù),根據(jù)各家眼鏡的不同F(xiàn)OV的度數(shù)也各不盡相同了。人的視場角越大,體驗(yàn)就會越好,給人的感覺會越真實(shí)。為了取匹配小度數(shù)的眼鏡,如果不把菜單很多的時候放在交界處的話,用戶會不知道你哪有菜單、哪沒有菜單,從而加大用戶要找來找去的時間。所以在設(shè)計(jì)的時候盡量去保證菜單位置。
在界面菜單設(shè)計(jì)中,菜單主要分為以下這幾種:
- 不可移動,溶于場景的,一直顯示的
- 進(jìn)行跟隨,一直顯示的
- 進(jìn)行跟隨,不一直顯示的
注:不可移動不一直顯示的盡量不要去做,因?yàn)橛脩粽也坏侥愕牟藛?/p>
由于菜單過多,可對有些常用操作進(jìn)行隱藏,當(dāng)用戶的視線移入該熱點(diǎn)區(qū)域時,進(jìn)行該菜單的顯示,對于一些菜單顯示,建議按以下角度進(jìn)行制作。
是對于頸椎壓力的問題,如果菜單放的過于往下,用戶需要向下低頭太多,對頸椎,以及用戶體驗(yàn)性都不會很好。
忘了跟大家說了,再系統(tǒng)設(shè)計(jì)時,為了保證用戶看起來的3D效果,其實(shí)整個畫面是兩個球。
每個球其實(shí)是個場景,每個場景里面都會有相對應(yīng)的相機(jī),相機(jī)要保持一定的瞳距(忘了原來測量瞳距的數(shù)據(jù)了),為了節(jié)省性能,場景不要用3D場景,基本上通過360°相機(jī)進(jìn)行場景渲染,在這兩個球中放置相對應(yīng)左、右眼場景,這個場景要有位移差的,只有這樣才能保證用戶在通過VR眼鏡看到的時候是3D場景,而不是照片。
交互行為
其實(shí)對于VR交互,手機(jī)端能用來做特效的交互效果很少,大部分通過點(diǎn)擊、滑動、頭部擺動進(jìn)行交互。
雖然移動端已經(jīng)大部分在頭顯上擁有觸控板、或者有遙控器,但是對用用戶帶上眼鏡后根本看不到自己的手在哪的情況下操作起來很難,而手機(jī)也無法想電腦端的眼鏡一樣吧人手虛擬出來。所以在移動端的交互行為便比較艱難了。
這里有4種建議:
1、默認(rèn)采用頭瞄點(diǎn)進(jìn)行操作,用戶可切換成觸控板模式。
針對頭瞄點(diǎn)操作時,一定要有讓用戶反應(yīng)的時間,如盯住某一東西3秒后,進(jìn)行加載條顯示開始進(jìn)入選擇時間,避免用戶的緊迫感。
2、在用觸控板的時候要多用滑動形式進(jìn)行操作。
例如翻頁等操作,如果用了觸控板,還讓用戶點(diǎn)擊操作,真的很傻。
3、用頭部動作識別。
這個一定要有教學(xué),而且盡量不要太大的動作,比如用戶微微搖頭(左右10度左右)進(jìn)行當(dāng)前菜單關(guān)閉什么的,要通過時間、和動作兩層因素去判斷,要不然用戶一動就把什么誤操作了會。
4、用語音識別。
現(xiàn)在語音功能很強(qiáng)大, 可以吧一些簡單操作做成語音識別形式。但是,要考慮到用戶使用環(huán)境、方言等問題存在,如果一個系統(tǒng)都用語音識別操作的話,那可能有很大問題。
3、4的交互模式應(yīng)用時,請一定要加上1模式、2模式,不要單用一種模式進(jìn)行交互。
除卻用戶行為交互來說,對于畫面中反饋交互其實(shí)也很有研究。
在用戶中操作中存在幾種操作類型,移入、選中、退出,對應(yīng)每個操作類型最好有相應(yīng)的狀態(tài)描述,如背景顏色、焦點(diǎn)狀態(tài)、文字狀態(tài),給用戶一種反饋,每種反饋以時間來作為衡量。
不過不寫這么多也可以,就是可能在用戶體驗(yàn)上有點(diǎn)枯燥無味。
除此之外,對于有些眼鏡,比如GEAR之流,可以做光感反饋,可以設(shè)置幾個如下規(guī)則:
- 頭盔上光感器被遮擋進(jìn)行陀螺儀復(fù)位操作,保持視角正前方。
- 當(dāng)光感器未被遮擋時3S后,自動停止直播,進(jìn)入休眠狀態(tài)。
- 當(dāng)光感器被遮擋時,開始直播,進(jìn)入喚醒狀態(tài)。
好吧,就這些吧,純屬小白自己探索時的一些產(chǎn)品設(shè)計(jì)想法,如有反對,勿噴哦~
作者:呆懶龍,兩年經(jīng)驗(yàn)帝都產(chǎn)品狗,原來做了一陣VR,現(xiàn)在投身大數(shù)據(jù)行業(yè)。
本文由 @呆懶龍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
我想冒昧的問一下為什么不做AR了,馬上要大四了但是方向一直不明確,一直決定不了去做互聯(lián)網(wǎng)交互方面還是做老師
厲害,
用語音識別的配圖錯了。。吧?
我想我們可以聊聊,我也是做VR的,QQ:775194971
我已經(jīng)不做了。。。。。。 ??