VR應(yīng)用UI設(shè)計心得

作者： 點擊量： 2016-02-02 15:44:37

一.相關(guān)背景
今年開年以來，行業(yè)內(nèi)一直在熱炒VR相關(guān)概念，雖然從目前情況來看，技術(shù)水平、平臺構(gòu)建、內(nèi)容提供等領(lǐng)域已經(jīng)取得了較快發(fā)展，但是相關(guān)VR設(shè)備廠商和軟件開發(fā)商還沒有找到一種較為優(yōu)質(zhì)的商業(yè)模式，可以幫助相關(guān)企業(yè)實現(xiàn)快速盈利和發(fā)展。
VR技術(shù)目前所涉及的領(lǐng)域并不只停留在游戲領(lǐng)域，包括靈境影院、UtoVR等視頻播放應(yīng)用也已在VR應(yīng)用總量中占據(jù)了相當(dāng)可觀比例。而訓(xùn)練、教育以及最新提出的全景直播等應(yīng)用也開始被人不斷提出，個人以為VR應(yīng)用將很快走出傳統(tǒng)人們觀念中游戲、三維模擬等應(yīng)用范圍，變成像微信、淘寶等常用手機應(yīng)用一樣融入日常生活中，而廣大產(chǎn)品經(jīng)理也需要充分了解VR技術(shù)背景，以全新角度規(guī)劃用戶需求發(fā)掘、產(chǎn)品功能設(shè)計等工作，以求為自身和企業(yè)牟取更多發(fā)展機遇。

二.VR應(yīng)用交互特點
1.三維空間
VR應(yīng)用最大特點之一就是全景操作，UI組件是在空間中排布，因此傳統(tǒng)手機應(yīng)用UI設(shè)計思路在實際設(shè)計時就會存在一定局限性。傳統(tǒng)手機UI設(shè)計主要基于二維，所有組件都是在一個平面內(nèi)，因此在排布組件時，主要考慮可以在第一時間將主要信息傳遞給用戶，并且滿足用戶視覺審美需求等。但是對于VR應(yīng)用而言，UI組件可以排布的空間變?yōu)榱松舷伦笥仪昂?20度空間，這也就意味著可以將有些UI組件布置在用戶的頭頂、身后這些用戶看不見的地方。那如何引導(dǎo)用戶按照應(yīng)用設(shè)計初衷對UI做出操作，就需要廣大產(chǎn)品經(jīng)理進(jìn)一步進(jìn)行思考。

目前在VR模式下UI排布主要遵循兩種方式：一是遵循傳統(tǒng)UI布置方法，將UI布置在一個平面內(nèi)，即在三維空間中設(shè)置一個用于布置UI的平面，所有UI組件都布置在該平面上，最為典型的就是GearVR的VR影院，所有選項都布置在一個平面。

這樣布置最大優(yōu)勢就是符合用戶傳統(tǒng)使用習(xí)慣，用戶在使用時對于所有可用功能都可以一目了然，但是這種模式主要缺點是無法充分發(fā)揮三維空間特點，UI排布如果遵循傳統(tǒng)二維排布方式，那么給用戶視覺體驗所造成的沖擊性就相對較小，并且很多情況下，為了方便用戶使用，VR模式下的組件尺寸相對較大，在同一平面內(nèi)可以排布的組件相對較少，當(dāng)應(yīng)用功能變得復(fù)雜時，會使得UI設(shè)計出現(xiàn)困難。

另一種是將UI組件分布在三維空間中，按鈕可能會出現(xiàn)在用戶背后，圖標(biāo)可能會出現(xiàn)在用戶頭頂。這種UI布置方法在很多游戲中已得到廣泛使用。這種UI布置方法可以充分發(fā)揮三維空間特點，在用戶對組件的操作中可以加入更多特效，視覺效果也更好。但是這種操作最大問題是，組件有可能出現(xiàn)在用戶視線無法看見的角度，因此會對操作產(chǎn)生嚴(yán)重影響，以筆者為例，多次出現(xiàn)在首次使用VR應(yīng)用時找不到目標(biāo)組件的情況，必須通過身邊的引導(dǎo)人員指導(dǎo)，才能找到組件。但是個人認(rèn)為，隨著VR應(yīng)用功能逐步復(fù)雜，二維平面設(shè)計方法會越來越難以適應(yīng)UI需要，因此通過合理規(guī)劃和引導(dǎo)，幫助用戶在三維空間中更加便捷、快速使用應(yīng)用才是未來VR的UI設(shè)計發(fā)展方向。

2.操作受限
不同于傳統(tǒng)手機應(yīng)用，VR交互最大的特點之一就是在VR模式下，用戶是無法用手指來觸摸屏幕的。而這對于UI設(shè)計影響是巨大的，因為圖標(biāo)等元素在設(shè)計時要考慮盡可能簡化操作，其次才是考慮美觀和趣味性，滑動條等傳統(tǒng)UI組件在使用時會受到一定限制，那么諸如播放等操作就需要用新的方法來進(jìn)行規(guī)劃。
目前解決這一問題主要有以下幾種方法：

1）增加外設(shè)：
這種方案在游戲、三維模擬、AR等領(lǐng)域以及硬件設(shè)備廠商應(yīng)用較多，一般是會要求用戶在購買VR設(shè)備或安裝應(yīng)用時，同時買入硬件操作設(shè)備，一般是手柄、AR傳感器，或者是像GearVR一樣在VR眼鏡盒上設(shè)置觸控板和按鈕。
這種模式最大的好處就是由于有硬件作為支持，交互設(shè)計較為簡便，開發(fā)人員直接通過與硬件設(shè)備進(jìn)行對接就可以完成確定、選中等相關(guān)操作，同時也更加符合用戶傳統(tǒng)操作習(xí)慣。但是其缺點也非常明顯：a)首先購買外設(shè)會直接增加用戶的費用支出，從而嚴(yán)重影響應(yīng)用的推廣；b)限定用戶使用場景，由于需要外設(shè)，用戶必須在使用時將設(shè)備攜帶在身上，這就使得用戶只能在一些特定環(huán)境下使用應(yīng)用，從而進(jìn)一步影響應(yīng)用推廣

2）常規(guī)二維交互：
由于VR應(yīng)用仍然是手機應(yīng)用，所傳統(tǒng)手機應(yīng)用的UI設(shè)計模式對于新興的手機應(yīng)用仍然十分有用。一部分VR手機應(yīng)用在設(shè)計時分為常規(guī)模式和VR模式，在常規(guī)模式下仍然與傳統(tǒng)手機應(yīng)用架構(gòu)一直，用戶可以進(jìn)行相應(yīng)功能操作，然后用戶在進(jìn)入VR模式后，一般情況下就沒有交互了，以UtoVR為例，用戶可以像傳統(tǒng)播放軟件一樣選擇自己喜歡的視頻資源進(jìn)行播放，然后在選擇VR模式播放以后就可以將VR設(shè)備放入眼鏡盒，觀看VR視頻。
用戶在視頻播放過程中，如有需要，可以將手機拿出做一些相應(yīng)操作。這一模式最大好處就是：由于傳統(tǒng)手機應(yīng)用UI設(shè)計體系較為成熟，因此其也可以更好的貼合用戶習(xí)慣。但是其缺點也非常明顯，在VR模式下由于沒有外設(shè)支持，使得其只能實現(xiàn)有限操作，用戶交互體驗較差，而且也會影響VR模式下的功能設(shè)計，這種模式在一些交互較少的游戲、技術(shù)演示、視頻播放應(yīng)用上使用較廣。

3）純3D交互：
為了不影響用戶體驗，同時也可以最大程度提升VR模式下用戶交互，一些企業(yè)選擇通過優(yōu)化UI流程和架構(gòu)，讓用戶通過在VR場景下通過凝視，搖頭等頭部動作來實現(xiàn)確認(rèn)等交互操作。目前在一些游戲平臺中發(fā)售的游戲就是在用這種交互模式，用戶通過凝視組件一段時間后，表示進(jìn)行了確認(rèn)操作。這種模式可以使玩家VR模式下，不破壞沉浸感的前提下，實現(xiàn)較多操作，同時也不需要購買多余設(shè)備，是一種較為完善的方案，但是這種交互也存在一定問題：首先目前很多VR交互都需要玩家通過凝視這一方法進(jìn)行操作，而這種模式對于用戶操作反饋較慢，無疑會影響用戶使用連貫性。其次由于用戶可以實現(xiàn)的操作動作非常有限，這就使得產(chǎn)品經(jīng)理或者策劃在進(jìn)行UI設(shè)計時必須要將功能設(shè)計的簡潔明了，這就對相關(guān)設(shè)計人員設(shè)計水平提出了更高要求，也許這就更需要廣大產(chǎn)品經(jīng)理來深入理解和發(fā)揚喬幫主的“極簡主義”。

4）其他方案
目前在VR領(lǐng)域還有一些新型交互方案，比如利用手機前置和后置攝像頭、語音等，這些交互方案更加貼合用戶使用習(xí)慣，同時也不增加用戶負(fù)擔(dān)，但是由于技術(shù)能力限制，目前很多方案仍然處在研究過程中。在未來，手機VR應(yīng)用會進(jìn)一步提升用戶體驗領(lǐng)域的研究水平，同時相關(guān)研究也會進(jìn)一步促進(jìn)VR應(yīng)用的發(fā)展。

三.個人心得
對于VR模式中UI設(shè)計而言，個人認(rèn)為重要就是“空間感”把控。由于呈現(xiàn)空間是三維，所以在設(shè)計UI時需要利用好空間感，給用戶更好視覺體驗，形成視覺沖擊感，但是同時必須要注意，由于三維透視和視野限制，使得一些組件在用戶視野中的尺寸不夠合適，用戶在使用時不一定可以看得清。
舉例而言，如圖所示：

對于組件A而言，如果在空間中遵循傳統(tǒng)設(shè)計模式，將UI組件完全緊貼在背景板上，即A位置，就無法體現(xiàn)出立體感，而如果像A'一樣與背景板之間形成一定空隙，就可以提升空間立體感，同時如果組件的法線可以與用戶視線形成一定角度，也可以提升組件空間立體感。
但是在實際使用過程中，如果過于追求空間感，對于一些距離用戶較遠(yuǎn)的UI組件就會由于看不清而影響實際使用，如下圖所示

組件B由于與用戶距離較遠(yuǎn)，如果采用水平布置，那么在用戶視角中寬度就會變小，那么對于一些視線鎖定之類的操作就會影響較大，因此可以將組件向用戶方向旋轉(zhuǎn)一定角度，這個角度不一定要使組件法線指向用戶，可以是一個較小的固定角度即可，如圖中B'，這樣就可以在不過度削弱立體感情況下，方便用戶使用。
綜上所述，對于距離用戶較近的組件，建議可以通過形成較度，增加空隙等方式提升立體感，對于較遠(yuǎn)的組件，還是通過增加旋轉(zhuǎn)角度等方法，方便用戶使用為先。

四.總結(jié)
 
VR、AR以及隨之而來的MR，就目前來看，在技術(shù)層面的問題已經(jīng)得到了極大解決，包括VR設(shè)備、高分辨率手機屏幕等技術(shù)已經(jīng)為VR應(yīng)用爆發(fā)做好了鋪墊，所以下一步，VR技術(shù)需要在運營、設(shè)計、推廣等方面投入更多時間和精力，而相關(guān)研究和分享也需要從游戲、三維仿真領(lǐng)域逐步走出，借助當(dāng)下互聯(lián)網(wǎng)企業(yè)成熟的運營模式，來幫助這一藍(lán)海領(lǐng)域變得更加波瀾壯闊。


選購指南：

本公司主要為山東地區(qū)的商業(yè)、企業(yè)單位及個人提供各類定制開發(fā)服務(wù)，如：軟件定制開發(fā)、APP定制開發(fā)、微信定制開發(fā)以及P5業(yè)務(wù)支撐平臺等整體的信息化解決方案，能夠滿足各種大中小型商業(yè)、企業(yè)及個人的需要。

如需了解本公司的詳細(xì)業(yè)務(wù)情況，敬請訪問本公司官方網(wǎng)站：http://www.motion-stereo.com。

公司名稱：山東森普信息技術(shù)有限公司

公司地址：濟南市高新區(qū)齊魯軟件園C座3樓

公司網(wǎng)址：http://www.motion-stereo.com

業(yè)務(wù)ＱＱ：176099777

聯(lián)系電話：400-677-0389