2021-11-17 資深UI設(shè)計者
這篇文章出自著名的尼爾森諾曼集團(nngroup),也是著名的尼爾森十大設(shè)計原則的提出者。文章作者 Alita Joyce 在這篇文章當中深入探討了尼爾森十大設(shè)計原則在虛擬現(xiàn)實設(shè)備中的具體應(yīng)用,對于正在探索VR中 UI 設(shè)計的同學而言,有著非比尋常的價值:
對于界面,現(xiàn)在已經(jīng)不再僅僅局限于傳統(tǒng)意義上的網(wǎng)頁界面和移動端 UI 了,從廣泛意義上來說,虛擬現(xiàn)實,增強現(xiàn)實,這些界面同樣開始在一定程度上開始普及和應(yīng)用了。Jakob Nielsen 的界面設(shè)計 10 大可用性啟發(fā)式是否依然適用?今天的文章,希望能夠給你答案。
這篇文章將會重新探討在 虛擬現(xiàn)實 的應(yīng)用場景之下的 10 種設(shè)計啟發(fā)式,而主要的測試設(shè)備用的是 Oculus Quest 頭戴式虛擬現(xiàn)實設(shè)備。
注意,文中所用到的截圖來自 3D 的虛擬環(huán)境,在 2D 環(huán)境之下查看的時候,它的陰影效果和視覺畸變會顯得比較不太正常,但是實際效果并非如此。
系統(tǒng)應(yīng)該在合理的時間周期內(nèi),給予及時的反饋,讓用戶能夠了解正在發(fā)生的事情。
清楚地呈現(xiàn)當前的系統(tǒng)狀態(tài),能夠促進產(chǎn)品的可信度和可預(yù)測性。
在 Oculus Quest 的主要導(dǎo)航當中,采用的是通用的菜單設(shè)計,左下角會始終顯示相關(guān)設(shè)備的電池電量的狀態(tài),而這三個狀態(tài)分別代表的是左右控制器和頭戴設(shè)備本身。每個點代表的是 25%的電量,當你將光標移動到上方的時候,可以看到更為具體的電量百分比。這種信息呈現(xiàn)的方式,將會直接影響到用戶在日常使用時候的決策。
同樣的,在虛擬寵物交互游戲 Bogo 當中,心型的圖標將會一直以明顯且易于理解的方式,告訴你你需要積累多少能量才能進入下一個階段的冒險。一旦圖標被填滿,就可以繼續(xù)。
設(shè)計應(yīng)該以用戶熟悉語言和方式來傳遞信息,而不是使用專業(yè)術(shù)語。
絕大多數(shù)人幾乎沒有在虛擬現(xiàn)實中進行操作的經(jīng)驗,僅有在現(xiàn)實當中交互的經(jīng)驗,而這些經(jīng)驗大都是基于真實的數(shù)據(jù)和物理規(guī)則來的。所以,用戶需要根據(jù)現(xiàn)實世界中的心智模型來預(yù)測 VR 世界中的用戶交互,而這是非常合理的。而事實上,由于虛擬現(xiàn)實和真實世界在維度上的相似和可遷移性,相比于2D設(shè)計師而言,3D設(shè)計師更容易實現(xiàn)經(jīng)驗上的關(guān)聯(lián)。
Immersed 是一種虛擬現(xiàn)實的工作環(huán)境,它讓用戶在咖啡館和會議室這樣大家比較熟悉的環(huán)境之下進行協(xié)同合作。在這種熟悉的環(huán)境之下,用戶可以在白板上集思廣益,就像在現(xiàn)實世界當中一樣。不過在這個數(shù)字化的環(huán)境之下,絕大多數(shù)的交互邏輯和現(xiàn)實世界類似,還有一些交互則是更為數(shù)字化的,比如可以進行鎖定和解鎖。
用戶經(jīng)常會出現(xiàn)錯誤的操作,用戶需要有明確的「出口」來幫助他們終止不需要的操作。
身陷虛擬現(xiàn)實的環(huán)境之下,可能會是非常沮喪的。通過「返回」或者「退出」這樣的按鈕,快速地結(jié)束讓自己不適的狀態(tài)和體驗。
比如在電子游戲 Beat Saber 當中,可以自定義和隨機生成角色形象,即使不小心點擊了死亡按鈕,同樣可以通過點擊「取消」或者「返回」按鈕來消除錯誤的操作,恢復(fù)之前的狀態(tài)。
而在ESPN的應(yīng)用當中,當提示用戶使用 Comcast 或者 Hulu 等供應(yīng)商帳號來登錄的時候,用戶路徑是單向的,如果用戶改變主意想要折返回去換一個方式登錄,會發(fā)現(xiàn)再也無法進行選擇。在虛擬現(xiàn)實的環(huán)境之下,類似的狀況會更加令人沮喪,后退按鈕將會是用戶進行折返的主要方式,否則他們可能會選擇直接關(guān)閉硬件。
用戶不會因為術(shù)語感到迷惑,不需要懷疑不同的情況是否意味著同樣的事情,設(shè)計和體驗遵循著平臺的規(guī)范和行業(yè)的范例。
對于你的 APP 或者網(wǎng)頁而言,你的用戶將會把絕大多數(shù)的時間和精力投入在你的產(chǎn)品之外的地方,因此,你需要盡可能遵循通用的設(shè)計標準和邏輯,來貼合用戶的通常習慣。違反這些通用的邏輯,會增加用戶的認知負擔。
切換式開關(guān)是一種非常常見的、幾乎在所有的數(shù)字界面中都看到的一種開關(guān)。在虛擬現(xiàn)實環(huán)境下,其實也非常常見。用戶可以在兩種互斥的選項之間,做出選擇,比如打開或者關(guān)閉開關(guān)。在Gravity Sketch 這個3D繪圖工具當中,本來應(yīng)該設(shè)計成成切換式撥動開關(guān)的按鈕,被設(shè)計成為一個滑塊,帶來的體驗是非?;靵y的,增加了不必要的交互成本。在設(shè)置界面當中,如果用戶想要打開網(wǎng)格的選項,需要先單擊按住這個選項,然后拖動,這樣的交互涉及到2個不同的維度,比起日常的交互要更加費力,并且無法滿足絕大多數(shù)用戶對于這一功能的期望。盡管在這些設(shè)計功能的選取上,并不夠優(yōu)秀,但是起碼 Gravity Sketch 的內(nèi)部,整套設(shè)計系統(tǒng)是一致的,并且在視覺設(shè)計上保持著高度的一致。
和 Gravity Sketch 不同,Oculus 當中的撥動開關(guān)遵循著設(shè)計標準。
正確的錯誤提示信息是非常重要的,但是好的設(shè)計會盡量提前防止問題發(fā)生。要么消除容易出錯的情況,要么盡量在用戶提交某些操作之前,提供確認操作的選項。
考慮到虛擬現(xiàn)實交互本身的特殊性,用戶無法在移動的時候看到現(xiàn)實世界的狀況,因此通常會設(shè)置一個安全范疇,避免撞到或者被絆倒。
通常用戶需要預(yù)先設(shè)置一個監(jiān)護人和運動的邊界。在 Oculus 當中,當用戶在操作過程中接近預(yù)定義的監(jiān)護人或者邊界的時候,會提示用戶安全距離和范疇,確保體驗的可靠和安全。比如人在 Vader Immortal 這個游戲當中,當用戶即將超出范疇的時候,會出現(xiàn)如下提示:
這些信息通常會:
同樣的,在國家地理的 VR 程序中,如果用戶即將離開安全區(qū)域,他們會推送安全提示,以此提示用戶不要離開區(qū)域范疇,否則會丟失活動進度:
通過讓元素、操作、選項盡可能可見,最大限度降低用戶的記憶負荷。用戶不必記住全部的信息,借助設(shè)計,讓用戶可以在需要的時候獲得必須的信息,或者可以快速檢索獲得。
人類的短期記憶是非常有限的,在虛擬現(xiàn)實環(huán)境之下,交互的情況可能會更加復(fù)雜。不要讓 VR 用戶去記大量的額外信息,避免過重的信息負擔。
所以,通常大家會使用工具提示來幫助用戶了解特定按鈕和圖標的功能。有意思的地方在于,Oculus 中,有過多的圖標對于用戶而言都是全新的,導(dǎo)致系統(tǒng)經(jīng)常因為過多的工具提示占內(nèi)存而導(dǎo)致內(nèi)存不足。通常,用戶可以通過懸停在特定圖標上,查看對應(yīng)的工具提示,不過這樣依然會需要用戶不斷去記憶各個工具和按鈕的功能。
相比之下,在國家地理的 VR 程序當中,會盡可能促進用戶去識別功能,而非是提供說明,讓用戶去記憶,盡可能直觀地將標簽和圖標一起展示,讓用戶直接理解,而無需看解釋。
好的產(chǎn)品需要同時兼顧到新手和資深用戶。新用戶對功能需求明確清晰,老用戶則更需要高效。產(chǎn)品不應(yīng)僅僅迎合某一種用戶,應(yīng)該允許用戶針對頻繁的操作進行定制化處理。
虛擬現(xiàn)實和傳統(tǒng)的 UI 界面有所不同,但是同樣必須同時兼顧到新老用戶。良好的初始設(shè)定對于每個用戶都很重要,但是應(yīng)該提供快捷方式和定制化功能,來確保有經(jīng)驗的用戶可以按照自己的需求來進行優(yōu)化。
Firefox Reality 為用戶定制了一個專門的虛擬現(xiàn)實瀏覽器,用戶可以根據(jù)自己的偏好來定制瀏覽器的窗口大小。
不要包含不相關(guān)的或者低頻次的信息和交互,頁面中每多一個冗余的信息,都會降低關(guān)鍵信息的可見性。
虛擬現(xiàn)實界面可能會做得比較復(fù)雜,那么如何優(yōu)選出最重要的元素就顯得非常重要了。比如 Youtube 的 VR 應(yīng)用提供了 360 度的環(huán)繞視角和優(yōu)先級極高的搜索引擎和常用標簽頁。
而 Pokerstars VR 的菜單設(shè)計則顯得混亂而分散注意力,在游戲過程中,打開這個開關(guān),會顯得特別的雜亂,甚至影響操作:
錯誤提示信息應(yīng)該以通俗的語言來表達,指明問題,給出解決方案,而非提供錯誤代碼。
清晰有效的錯誤提示信息是相當重要的。不幸的是,在 Firefox Reality 當中,如果用戶無法使用語音命令,那么無法收到 Firefox 提供的建設(shè)性意見。在使用過程中,程序一直無法理解提供的語音信息導(dǎo)致一直提示「請再試一次」。目前尚不清楚這種問題的根源在哪里,但是它們提供的錯誤信息幾乎是沒有幫助的。
Pokerstars VR 則通過新手訓(xùn)練的方式,提供主要的游戲交互,其中復(fù)雜的手勢可能是絕大多數(shù)用戶所不熟悉的。如果用戶一直無法正確使用手勢,那么系統(tǒng)會引導(dǎo)用戶使用另外的易于實現(xiàn)的非官方的手勢,來達成相同的效果。這種工作流程能夠幫助用戶識別錯誤,并且能優(yōu)化、適應(yīng)病解決問題。
系統(tǒng)最好通過合理的設(shè)計讓用戶無需閱讀文檔就能進行正常使用,但是另外還得提供文檔以防萬一,并且內(nèi)容應(yīng)該是易于被搜索的,針對問題告知用戶具體的步驟。
虛擬現(xiàn)實場景下通常包含大量的交互,對于很多用戶而言,這些交互可能是復(fù)雜的,不熟悉的,在這個時候,有文檔能夠幫助用戶解決問題,重回正軌。
Immersed 為用戶提供了快速可訪問的幫助文檔,并且提供了包括視頻教程、問答、文檔說明等多種形態(tài)的支持。當你在VR 的瀏覽器中訪問的時候i,能夠看到組織結(jié)構(gòu)良好的文檔信息和關(guān)鍵詞系統(tǒng)。
在虛擬現(xiàn)實應(yīng)用當中,不合理的用戶體驗設(shè)計會阻礙本身的發(fā)展?jié)摿Αo論你認為 VR 是被高估了的技術(shù),還是真正意義上的未來,它都一直堅定不移地往前發(fā)展。從用戶體驗的角度上來說,VR 還有很大的增長空間。盡管作為用戶界面而言,2D和3D有著顯著的差別,但是根本上,用戶體驗的原則和啟發(fā)式則是相通的。
藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://m.sillybuy.com