網(wǎng)上三維虛擬展館有哪些好的即時(shí)反饋設(shè)計(jì)方法?
在網(wǎng)上逛三維虛擬展館時(shí),你有沒(méi)有過(guò)這樣的困惑:點(diǎn)擊了展品卻沒(méi)動(dòng)靜,不知道自己是不是操作錯(cuò)了;往前走了幾步,突然分不清自己在哪--這些問(wèn)題的核心,其實(shí)是“即時(shí)反饋”沒(méi)做到位。
所謂的即時(shí)反饋,就是用戶在虛擬展館里做任何操作后,系統(tǒng)能立刻給出清晰、直觀的回應(yīng),讓用戶知道“操作有效”、“現(xiàn)在在哪”、“接下來(lái)能做什么”。
下面,【VR云展科技平臺(tái)】就從四個(gè)核心場(chǎng)景,拆解網(wǎng)上三維虛擬展館里好用的即時(shí)反饋設(shè)計(jì)方法。
交互觸控反饋:點(diǎn)擊拖拽的即時(shí)感官響應(yīng)
用戶在網(wǎng)上三維虛擬展館里最常做的操作,就是點(diǎn)擊展品、拖拽查看細(xì)節(jié),這時(shí)候的反饋要“多感官聯(lián)動(dòng)”,讓用戶一眼、一聽(tīng)就知道“操作成了”。
比如,點(diǎn)擊一件虛擬文物時(shí),不用等加載半天,展品會(huì)先給出視覺(jué)信號(hào):原本和背景融合的文物邊框,瞬間亮起一圈淡金色光暈,同時(shí)尺寸輕微放大10%,模擬“被選中”的質(zhì)感;
如果是觸屏設(shè)備,還會(huì)伴隨一次輕微的震動(dòng),就像摸到真實(shí)展品的觸感;聽(tīng)覺(jué)上可以加一段短而輕的音效,比如“咔嗒”聲,不刺耳卻能強(qiáng)化“操作生效”的認(rèn)知。
要是拖拽展品旋轉(zhuǎn)查看,反饋要更“實(shí)時(shí)跟隨”:鼠標(biāo)或手指動(dòng)多少,展品就轉(zhuǎn)多少,不會(huì)有延遲,而且轉(zhuǎn)動(dòng)時(shí),展品表面的光影會(huì)跟著角度變化。比如,金屬質(zhì)感的展品,轉(zhuǎn)到背光面時(shí)會(huì)自然變暗,讓用戶覺(jué)得“這不是一張靜態(tài)圖,是真的能轉(zhuǎn)的三維物體”。
空間移動(dòng)反饋:行走轉(zhuǎn)向的場(chǎng)景同步提示
網(wǎng)上三維虛擬展館的“迷路感”,大多來(lái)自移動(dòng)時(shí)沒(méi)有清晰反饋。好的空間移動(dòng)反饋,要幫用戶“定位”和“防暈”。
首先是“行走軌跡反饋”:用戶按方向鍵或滑動(dòng)屏幕前進(jìn)時(shí),地面可以實(shí)時(shí)生成淡藍(lán)色的足跡動(dòng)畫(huà),每走一步就出現(xiàn)一個(gè),1秒后慢慢消失,既能讓用戶知道“自己在動(dòng)”,又不會(huì)擋住展品;
如果是用VR設(shè)備漫游,身體轉(zhuǎn)動(dòng)時(shí),視角過(guò)渡要平滑,同時(shí)虛擬展館的背景音效(比如遠(yuǎn)處的講解聲、環(huán)境音)會(huì)跟著方向變化。
轉(zhuǎn)到左側(cè)時(shí),左邊的聲音變大,右邊的變小,模擬真實(shí)的空間聽(tīng)覺(jué),幫用戶判斷方位。
其次是“邊界反饋”:當(dāng)用戶走到展館邊緣,不能再往前走時(shí),不用彈出生硬的文字提示,而是在前方出現(xiàn)半透明的“空氣墻”動(dòng)畫(huà)。
比如,淡白色的波紋輕輕向外擴(kuò)散,同時(shí)屏幕邊緣閃過(guò)一圈淺灰色,配合一句溫柔的語(yǔ)音提示“這里是展館邊界哦,試試往其他方向走吧”,既明確又不破壞沉浸感。
行為觸發(fā)反饋:收藏提問(wèn)的動(dòng)態(tài)結(jié)果告知
用戶在虛擬展館里做“收藏展品”“提交提問(wèn)”這類主動(dòng)行為時(shí),反饋要“有結(jié)果、有溫度”,避免用戶反復(fù)操作確認(rèn)。
比如,點(diǎn)擊“收藏”按鈕后,不用等頁(yè)面跳轉(zhuǎn),按鈕會(huì)立刻有動(dòng)態(tài)變化:
原本的空心星星瞬間填滿成黃色,同時(shí)從按鈕里“飄出”三個(gè)小小的星星粒子,向上慢慢消失,旁邊彈出一個(gè)半透明的小彈窗,用手寫(xiě)體寫(xiě)著“已放進(jìn)你的‘展館收藏夾’啦”,彈窗3秒后自動(dòng)消失,不遮擋視線;
如果是提交提問(wèn),輸入完內(nèi)容點(diǎn)擊“發(fā)送”,按鈕會(huì)變成一個(gè)旋轉(zhuǎn)的小圓圈,進(jìn)度條慢慢漲滿,完成后圓圈變成對(duì)勾,同時(shí)提示“提問(wèn)已收到,工作人員會(huì)盡快回復(fù)~”,讓用戶清楚“操作成功,不用再發(fā)一次”。
要是用戶分享展館鏈接,反饋可以更有趣:分享成功后,屏幕右下角會(huì)彈出一個(gè)小小的“分享小人”動(dòng)畫(huà),小人舉著鏈接跑兩步,然后比個(gè)“OK”的手勢(shì),配合文字“你的朋友已經(jīng)收到展館邀請(qǐng)啦”,讓反饋不止是“告知”,還多了點(diǎn)互動(dòng)感。
錯(cuò)誤操作反饋:無(wú)效指令的友好引導(dǎo)設(shè)計(jì)
用戶難免會(huì)做無(wú)效操作--比如點(diǎn)擊不能交互的墻面,或者重復(fù)提交同個(gè)提問(wèn),這時(shí)候的反饋不能“冷冰冰”,要幫用戶找到正確方向。
比如,點(diǎn)擊不能交互的區(qū)域,不用彈出“無(wú)效操作”的警告框,而是讓鼠標(biāo)指針(或觸屏的點(diǎn)擊點(diǎn))變成一個(gè)小小的“疑惑表情”,同時(shí)有一聲輕輕的“唔”的音效,像是系統(tǒng)在“溫柔提醒”;
如果是重復(fù)提交提問(wèn),系統(tǒng)會(huì)彈出半透明的提示框,用卡通圖標(biāo)搭配文字“你剛剛已經(jīng)提交過(guò)啦,耐心等回復(fù)就好~”,同時(shí)把之前的提問(wèn)內(nèi)容簡(jiǎn)要顯示在下方,幫用戶回憶;
要是用戶在加載展品時(shí)頻繁點(diǎn)擊,屏幕中央會(huì)出現(xiàn)一個(gè)“加載中”的動(dòng)畫(huà),旁邊加一句“別急,展品馬上就好,先看看旁邊的介紹吧~”,引導(dǎo)用戶轉(zhuǎn)移注意力,減少焦慮。
總結(jié):網(wǎng)上三維虛擬展館的即時(shí)反饋設(shè)計(jì)方法
網(wǎng)上三維虛擬展館的即時(shí)反饋設(shè)計(jì),核心不是“炫技”,而是“懂用戶”--讓用戶在虛擬空間里也能像在現(xiàn)實(shí)中一樣,“做了動(dòng)作就有回應(yīng)”,不用猜、不用等。
隨著技術(shù)發(fā)展,未來(lái)的反饋可能會(huì)更個(gè)性化,比如根據(jù)用戶的操作習(xí)慣調(diào)整反饋的音效、動(dòng)畫(huà)風(fēng)格,但無(wú)論怎么變,“讓用戶有掌控感”始終是核心。
好的即時(shí)反饋,就像虛擬展館里的“隱形向?qū)А保瑤陀脩魭咔謇Щ螅尮湔棺兂梢患p松又舒服的事。



