基于VR汽車維修接待教學(xué)平臺的界面設(shè)計研究

黃薇

摘要：該文試圖借助對當(dāng)前VR教學(xué)平臺的分析，探討能夠促使學(xué)習(xí)者快速進(jìn)入學(xué)習(xí)狀態(tài)并且高效學(xué)習(xí)的VR教學(xué)平臺界面設(shè)計的原則與方法，并將研究結(jié)果應(yīng)用于實踐案例中，以提高學(xué)習(xí)者應(yīng)用VR汽車維修接待教學(xué)平臺的學(xué)習(xí)效率和體驗感。

關(guān)鍵詞：界面設(shè)計;VR技術(shù);教學(xué)平臺;優(yōu)化

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）01-0038-02

隨著科技的發(fā)展，具備沉浸感、交互強、現(xiàn)場化的虛擬現(xiàn)實技術(shù)（vR）被廣泛應(yīng)用在職業(yè)教育中。VR教學(xué)解決了傳統(tǒng)課堂創(chuàng)意點不足、教學(xué)效果空泛、學(xué)生學(xué)習(xí)疲乏、教學(xué)成本高、教學(xué)安全隱患等問題。筆者所在學(xué)校汽車商務(wù)專業(yè)教師在教學(xué)中由于缺乏實際維修接待情境，并且難以全方位兼顧每個學(xué)生進(jìn)行整體流程的模擬練習(xí)和評估;因此，設(shè)計一個汽車維修接待VR學(xué)習(xí)平臺勢在必行：通過構(gòu)建虛擬汽車維修接待專業(yè)三維場景，讓學(xué)生在沉浸的體驗環(huán)境中快速有效地掌握汽車維修接待的技能與知識點。那么如何設(shè)計界面能夠使得學(xué)習(xí)者更高效使用VR教學(xué)平臺呢？

1優(yōu)化界面是促進(jìn)學(xué)習(xí)者高效使用VR教學(xué)平臺的關(guān)鍵

通過網(wǎng)絡(luò)調(diào)查和對有虛擬平臺使用經(jīng)驗的學(xué)生進(jìn)行訪談，筆者了解到當(dāng)前VR教學(xué)平臺雖然激發(fā)了學(xué)生的學(xué)習(xí)興趣，使抽象的知識視覺化呈現(xiàn)，提高了學(xué)習(xí)積極性;但也存在不少問題：除了VR技術(shù)的硬件局限給學(xué)習(xí)者帶來阻力和不適感之外;VR教學(xué)平臺界面設(shè)計過分追求視覺特效，忽視學(xué)習(xí)者的需求;以致學(xué)習(xí)者因為界面不友好、操作不流暢、認(rèn)知負(fù)荷重、體驗感差而無法持久高效投入VR教學(xué)平臺的學(xué)習(xí)中，如網(wǎng)絡(luò)上的“汽車維修工”虛擬仿真軟件。

因此，根據(jù)中職學(xué)生的學(xué)情特點，優(yōu)化界面是促進(jìn)學(xué)習(xí)者高效使用VR教學(xué)平臺的關(guān)鍵。在設(shè)計VR教學(xué)平臺時必須把優(yōu)化界面設(shè)計放在首位，設(shè)計符合學(xué)習(xí)者認(rèn)知的VR教學(xué)平臺界面，以降低學(xué)生認(rèn)知負(fù)荷和操作難度來縮短學(xué)習(xí)體驗路線。2對優(yōu)秀VR教學(xué)平臺的界面設(shè)計分析與借鑒

筆者試圖通過在國家虛擬仿真實驗教學(xué)項目共享平臺（11ttp：//www.ilab-x.coml上對虛擬仿真平臺進(jìn)行調(diào)查分析以尋求借鑒。在該網(wǎng)站虛擬仿真實驗教學(xué)項目中，筆者發(fā)現(xiàn)評分高、點贊率高的VR教學(xué)平臺界面設(shè)計都有共同點：即界面友好、交互簡單、框架設(shè)計場景化、視覺風(fēng)格統(tǒng)一。如杭州師范大學(xué)的“跨文化情境交互虛擬仿真英語口語綜合能力實訓(xùn)”。（http：//vrlanguage.hznu.edu.cn/xntz/install.html）

通過對“跨文化情境交互虛擬仿真英語口語綜合能力實訓(xùn)”平臺的體驗，筆者覺得平臺的以下優(yōu)勢值得借鑒：一是，當(dāng)VR學(xué)習(xí)平臺的界面設(shè)計以學(xué)習(xí)者為中心時，即便學(xué)習(xí)者不熟悉學(xué)習(xí)領(lǐng)域，但是只要界面簡潔友好，框架清晰，就能促使學(xué)習(xí)者理解學(xué)習(xí)目的與流程、快速進(jìn)入學(xué)習(xí)環(huán)境;二是，界面菜單設(shè)計易識別、可調(diào)用的特性，夠使學(xué)習(xí)者將注意力集中到知識與技能的學(xué)習(xí)中，避免出現(xiàn)探索操作平臺的疲憊感。

3VR教學(xué)平臺界面優(yōu)化設(shè)計的原則

界面設(shè)計是學(xué)習(xí)者接觸VR教學(xué)平臺的第一印象，界面設(shè)計應(yīng)該讓學(xué)習(xí)者接收到有效的視覺信息從而快速進(jìn)入VR學(xué)習(xí)環(huán)境，以主動探索完成學(xué)習(xí)目標(biāo)。那么VR教學(xué)平臺界面設(shè)計應(yīng)該具備哪些原則，使得學(xué)習(xí)者快速進(jìn)入學(xué)習(xí)狀態(tài)？

1）以學(xué)習(xí)者體驗為中心進(jìn)行設(shè)計

在設(shè)計VR教學(xué)平臺，要以學(xué)習(xí)者體驗為中心進(jìn)行設(shè)計，考慮學(xué)習(xí)者的學(xué)情和興趣，設(shè)計簡單、有趣、具備美感的學(xué)習(xí)引導(dǎo)界面，屏蔽多余、無用的視覺特效和文字信息。激發(fā)學(xué)習(xí)者快速進(jìn)入學(xué)習(xí)，并且能夠持續(xù)地、自主地探索學(xué)習(xí)，獲取所需要的知識與技能。

2）交互簡單有效

VR教學(xué)平臺的交互界面設(shè)計必須簡單有效，具備引導(dǎo)作用。因為學(xué)習(xí)者容易被VR視覺效果吸引，如果界面的教學(xué)交互引導(dǎo)不明確，學(xué)習(xí)者容易過于沉浸在VR視覺環(huán)境，無法明確地進(jìn)行有效學(xué)習(xí)。當(dāng)簡化界面操作，讓學(xué)習(xí)者做出精確反饋，這樣才能提高學(xué)習(xí)效率，達(dá)到借助VR平臺高效教學(xué)與學(xué)習(xí)的目的。

3）元素一致化

在VR教學(xué)平臺的界面設(shè)計中整體和各個層級之間的版式布局、風(fēng)格、元素應(yīng)保持一致。簡潔統(tǒng)一的界面模式，促使學(xué)習(xí)者在操作平臺時擁有舒適感和熟悉感，能快速獲取有效信息。

4）具備學(xué)科風(fēng)格

設(shè)計具備學(xué)科風(fēng)格的情境界面，能夠激發(fā)學(xué)習(xí)者的學(xué)習(xí)熱情。畫面的色彩搭配、布局應(yīng)與真實場景融合。視覺時代，令人印象深刻的界面設(shè)計更容易讓學(xué)習(xí)者接受。

5）提示面板可調(diào)用

界面承載信息不易過多，提示面板設(shè)置要具備可調(diào)用性，有需要時點擊即可彈出，這樣操作環(huán)境更清爽;使學(xué)習(xí)者能夠沉浸在虛擬環(huán)境中學(xué)習(xí)。并且提示面板的文字表達(dá)要言簡意賅，這樣才能夠幫助學(xué)習(xí)者減輕記憶負(fù)擔(dān)、快速獲取信息。

4vR汽車維修接待教學(xué)平臺的界面設(shè)計實現(xiàn)

基于界面優(yōu)化設(shè)計原則，筆者與設(shè)計團隊依據(jù)汽車維修接待接車實訓(xùn)平臺的教學(xué)框架對界面進(jìn)行設(shè)計;力求界面符合學(xué)習(xí)者的需求和提高學(xué)習(xí)者的學(xué)習(xí)效率。

4.1界面設(shè)計以強化教師和學(xué)生體驗為中心進(jìn)行設(shè)計

1）依據(jù)中職生愛探索的學(xué)情特點，把學(xué)習(xí)者的體驗放在界面設(shè)計的首位，將VR汽車維修接待接車實訓(xùn)系統(tǒng)的環(huán)境設(shè)計為貼近4s店的真實場景，以激發(fā)學(xué)習(xí)興趣。

2）側(cè)重實現(xiàn)界面的易操作：將接車任務(wù)流程的界面設(shè)計模塊化、流程化以減輕學(xué)習(xí)者的認(rèn)知負(fù)荷，增強自主探索學(xué)習(xí)的愉悅感。在界面上設(shè)置了“演示模式”和“訓(xùn)練模式”交互按鈕使得學(xué)習(xí)者能根據(jù)認(rèn)知需求自主選擇學(xué)習(xí)模式;并且在“演示模式”界面中設(shè)計了標(biāo)準(zhǔn)的汽車維修接待流程按鈕，將教學(xué)內(nèi)容流程化，方便學(xué)習(xí)者根據(jù)步驟提示界面，進(jìn)行自主探索學(xué)習(xí)，完成任務(wù)，從而實現(xiàn)通過“交互體驗”達(dá)到強化認(rèn)知的效果，如圖1所示。

3）設(shè)計簡潔的操作方法和步驟提示界面：比如，對于首次接觸vR手柄的學(xué)習(xí)者，將操作方式和使用方法以圖示方式在界面上呈現(xiàn)，使得學(xué)習(xí)者可以快速上手;避免學(xué)習(xí)者將精力浪費于摸索界面操作上，以至于無法持續(xù)地進(jìn)行自主探索學(xué)習(xí)，如圖2所示。比如，學(xué)習(xí)者在“演示環(huán)節(jié)”進(jìn)行自主探索學(xué)習(xí)時，將接車環(huán)節(jié)中與客戶標(biāo)準(zhǔn)交流和接車的提示信息以對話框界面方式呈現(xiàn)，由于提供具體的動作指令提示，使得學(xué)習(xí)者在“演示環(huán)節(jié)”可以快速上手，了解與客戶交流的表達(dá)方式和重點，進(jìn)而達(dá)到自主探索學(xué)習(xí)目的。

4.2交互設(shè)計簡單有效

1）精準(zhǔn)的互動提示：執(zhí)行操作指令時，界面上呈現(xiàn)藍(lán)色高亮光圈的明確提示，引導(dǎo)學(xué)習(xí)者進(jìn)行直觀的交互操作，獲取學(xué)習(xí)任務(wù)進(jìn)行探索學(xué)習(xí)，如圖3所示;此外，界面上呈現(xiàn)紅色射線代表vR手柄，引導(dǎo)學(xué)習(xí)者進(jìn)行交互的精確定位;界面操作有光圈光效引導(dǎo)的交互提示，示意學(xué)習(xí)者當(dāng)凝視檢查方位的正確與否。

2）交互框架簡單：交互框架簡單，按照維修接車的操作流程設(shè)置，符合認(rèn)知;使得學(xué)習(xí)者都能夠輕松上手進(jìn)行操作，在使用平臺的過程中抓住重點。

4.3界面設(shè)計元素統(tǒng)一以藍(lán)色科技風(fēng)為主

界面設(shè)計風(fēng)格、元素統(tǒng)一，讓學(xué)習(xí)者能夠在熟悉的界面風(fēng)格中自如探索，在熟悉“演示模式”平臺學(xué)習(xí)后，不用再去熟悉“訓(xùn)練模式”，以提高學(xué)習(xí)效率，快速便捷進(jìn)行獲取有效信息。

基于vR汽車維修接待接車實訓(xùn)系統(tǒng)教學(xué)平臺的特點，在主色調(diào)上選擇藍(lán)色及并且設(shè)置邊緣高亮光效，使界面元素具備科技感和理性以令人印象深刻，更好激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣。

4.4界面設(shè)計元素真實

不論是整體界面的場景、車輛細(xì)節(jié)還是小到接車單，都力求與真實物體一致;使得學(xué)習(xí)者在熟練操作后可以輕松過度到實際工作中。

5結(jié)束語

基于界面優(yōu)化設(shè)計原則的vR汽車維修接待教學(xué)平臺，以學(xué)習(xí)者體驗為中心，界面友好，操作舒適，以降低學(xué)生認(rèn)知負(fù)荷，縮短學(xué)習(xí)體驗路線，提高了學(xué)習(xí)者的學(xué)習(xí)效率;充分發(fā)揮了vR技術(shù)作用，高效輔助了汽車維修接車的實訓(xùn)教學(xué)。