淘寶Vision Pro版本品牌互動體驗指南

?? 由 文心大模型 生成的文章摘要

淘寶Vision Pro設(shè)計團隊進一步深入混合現(xiàn)實體驗在品牌展示及特色互動中的探索實踐。期間淘寶Vision Pro版本與諸多品牌合作,將品牌(1)多品空間及(2)超級單品搬入用戶家中,幫助消費者更直觀、沉浸了解品牌、試用商品。體驗設(shè)計上設(shè)定了2種范式以提供商家選型:1 櫥窗模式、2 敘事模式。

▲ 櫥窗模式品牌案例▲
▲ 櫥窗模式品牌案例▲
▲ 敘事模式品牌案例
▲ 敘事模式品牌案例
▲ 合作品牌
▲ 合作品牌

#01 櫥窗體驗?zāi)J?/strong>

該模式適用于多商品的展示和互動。通過多商品、多媒體組合展示空間的方式,讓用戶在非線性體驗中了解品牌和商品。平臺提供商品、視頻、氛圍、品牌標志等多種類型的模塊,每個模塊的互動都是預(yù)先產(chǎn)品化的,以這樣一種模塊化的方式使品牌可以自由構(gòu)建自己的空間。

▲ 櫥窗模式圖解
▲ 櫥窗模式圖解

解釋櫥窗體驗?zāi)J酵ㄓ迷瓌t:

模塊:可互動模塊在點擊后,會從櫥窗中漂浮至用戶前方進入下一步交互:①?單品:旋轉(zhuǎn)、移動、縮放、放置、查看尺寸、切換SKU等;②?多品:環(huán)繞用戶陳列、旋轉(zhuǎn)、移動、放置、查看尺寸、切換SKU等;③ 視頻:雙目3D、全景視頻播控等;④ 氛圍:微動效自動循環(huán)播放、不可互動;⑤ 標志:微動效自動循環(huán)播放、點擊輕反饋;⑥ 更多模塊可根據(jù)案例不斷擴充。

尺度:商品模塊根據(jù)品類適當(dāng)作縮放處理(默認1:1),為呈現(xiàn)真實性與沉浸感,其余內(nèi)容或氛圍模塊大小及其所組合的整體空間置于用戶前方相對寬視域內(nèi)(≈120°),距離作遠近調(diào)整。

風(fēng)格:根據(jù)品牌調(diào)性設(shè)計氛圍堆頭造型、材質(zhì)、擺置等,為兼容真實融合度與場景自身亮度,需要調(diào)試實(延)時與固定著色比例。注:調(diào)試EPT(真實環(huán)境捕捉貼圖)、IBL(自帶光照貼圖)、BT(烘焙光照貼圖)配比,以還原對象在混合現(xiàn)實、虛擬現(xiàn)實環(huán)境以及兩者環(huán)境切換下真實度表現(xiàn)。

CASE 1?COLMO家庭套系空間

高端廚房套系與空調(diào)洗烘套系空間呈現(xiàn),用戶可將同系列的多個商品自由放置在真實的家中,查看整體商品套系的搭配效果。

▲?廚房套系
▲?廚房套系
▲?空調(diào)洗烘套系
▲ 空調(diào)洗烘套系

貼合真實搭配的購物場景。提供擺放的自由性讓用戶可以在家中玩轉(zhuǎn)起來;模擬商品真實的擺放需求,支持商品疊放,提供吊頂/墻面/地面/桌面等多個面的真實放置體驗。

▲?多商品自由放置
▲?多商品自由放置
▲?多面吸附
▲?多面吸附
▲?疊放
▲ 疊放

絲滑細致的放置體驗與交互細節(jié)。提供擺放的自由性讓用戶可以在家中玩轉(zhuǎn)起來;模擬商品真實的擺放需求,支持商品疊放,提供吊頂/墻面/地面/桌面等多個面的真實放置體驗。

▲?3D面板跟隨
▲?3D面板跟隨
▲?靠近旋轉(zhuǎn)吸附
▲?靠近旋轉(zhuǎn)吸附
▲ 互斥邏輯
▲ 互斥邏輯

CASE 2?芝華仕沙發(fā)空間

利用VR、MR多種場景多種角度,全面展現(xiàn)商品賣點和商品使用氛圍。

VR沉浸式體驗。利用VR場景展現(xiàn)未來客廳的品牌定位,多視角沉浸式體驗沙發(fā)的動態(tài)效果和顏色搭配。

▲?第三人稱視角
▲ 第三人稱視角
▲ 第一人稱視角
▲ 第一人稱視角
▲?顏色切換
▲ 顏色切換

商品賣點展示。結(jié)合視頻/模型動畫/音頻等2D、3D多模態(tài)綜合展示商品賣點。

▲?視頻講解賣點環(huán)繞展示
▲ 視頻講解賣點環(huán)繞展示

#02 敘事體驗?zāi)J?/strong>

該模式適合展示單個商品展示與互動。通過逐一定制商品功能亮點,用戶能夠以線性體驗的方式從頭到尾了解商品。每個定制點選擇適當(dāng)?shù)募夹g(shù)條件和交互方式,以最直觀、最身臨其境的方式表現(xiàn)商品的亮點。

▲ 敘事模式圖解
▲ 敘事模式圖解

解釋敘事體驗?zāi)J酵ㄓ迷瓌t:

結(jié)構(gòu):入場logo秀 → 商品體驗點1 → 商品體驗點2 → 商品體驗點n → 購買。體驗點作為導(dǎo)航Tab依次排開,數(shù)量不超過5個,用戶依次或跳躍體驗。

單點:根據(jù)商品特性和亮點展示訴求,結(jié)合設(shè)備特性設(shè)計商品體驗點,以下羅列常用能力:①?手部(身體)追蹤:用于商品懸停、持握查看、試穿戴等;②?空間識別:用于放置吸附、避障、路線規(guī)劃等;③?多模態(tài)搭配:視頻窗口、全景窗口、信息面板與商品模型組合呈現(xiàn),用于影像呈現(xiàn)、多商品對比等;④?MR/VR切換:用于車、家裝內(nèi)部沉浸場景查看或場景氛圍營造等;⑤?特效:用于可視化商品特性或場景需要,如氣流聲音、數(shù)據(jù)可視化等;⑥?更多能力可根據(jù)案例不斷擴充。

串聯(lián):當(dāng)前體驗點完成后自動進入下一個,或在切換時有明顯退場與入場連接。商品模型對象一鏡到底。伴隨聲音引導(dǎo)不讓用戶迷失,能順利體驗完整個流程。

▲?logo秀
▲?logo秀
▲?懸停持握
▲?懸停持握
▲ 智能避障
▲ 智能避障
▲?多品對比
▲ 多品對比

CASE 1?小米SU7

整個體驗依次分為 1 全景看車 – 運用全景窗口高清圖片呈現(xiàn)多場景內(nèi)外飾、2 實車體驗 – 運用高精度3D模型疊加浮點與動畫視效呈現(xiàn)外飾亮點、3 內(nèi)飾體驗 – 運用虛擬現(xiàn)實模型與環(huán)境圖呈現(xiàn)內(nèi)飾亮點。

▲?汽車敘事體驗架構(gòu)
▲ 汽車敘事體驗架構(gòu)

半沉浸感的全景看車。全景窗口距離大小包裹用戶FOV,畫面正中的汽車大為1:1;場景與汽車作雙目3D視差;櫻花場景運用空間特效飄落櫻花。

▲?logo秀
▲?logo秀
▲?切換顏色
▲?切換顏色
▲ 場景特效
▲ 場景特效

交互舒適的實車體驗。大件商品給定1:3/1:1切換,不支持無極縮放以增加交互確定性;2.導(dǎo)航欄環(huán)繞汽車作橢圓軌跡移動,且始終面向用戶方便操作;3.任務(wù)浮點可視化綁定于汽車對應(yīng)位置,提供遠距離間接交互提升任務(wù)可見性與完成率;4.后備箱行李單次點擊觸發(fā)連貫動畫,減少細碎交互帶來的易錯率與資產(chǎn)穿?;虻魩瑔栴}。

▲?比例切換、移動、旋轉(zhuǎn)
▲?比例切換、移動、旋轉(zhuǎn)
▲?切換顏色
▲?切換顏色
▲?切換輪轂
▲?切換輪轂
▲?查看后備箱
▲?查看后備箱
▲?查看風(fēng)阻
▲ 查看風(fēng)阻

全沉浸感的座艙體驗。設(shè)定伸手可及的直接交互點與視效提示,營造符合車內(nèi)直覺的體驗(如直接按啟動鍵與方向盤上的狂暴模式鍵);啟動前后夜晚與白天的虛擬環(huán)境變化,還原環(huán)境貼圖對車內(nèi)模型光照的影響營造真實沉浸感;HUD、狂暴穿梭視效、氛圍燈視效動畫結(jié)合空間音頻烘托試聽多感官體驗。

▲ 啟動
▲ 啟動
▲?切換顏色
▲?切換顏色
▲ 開啟狂暴模式
▲ 開啟狂暴模式
▲?打開氛圍燈
▲ 打開氛圍燈

#ONE MORE THING 天降紅包雨

這次雙十一為用戶帶來了全新的互動游戲:在家里手接天上掉落的紅包雨。為了拿到888元與萬元獎品,前TOP150個用戶平均游玩了40次。

▲ 雙十一超級紅包雨
▲ 雙十一超級紅包雨

紅包雨氛圍表達。利用紅包、金幣等多種3D元素的墜落來豐富的“雨”感,主打一個好運到家的感覺;不同元素搭配不同特效和音效,提升感官沖擊力強化體驗氛圍。

▲ 接紅包、金幣、炸彈
▲ 接紅包、金幣、炸彈
▲ 空間墜落
▲ 空間墜落

玩法互動細節(jié)。通過洞口數(shù)量及墜落速度的不同控制游戲節(jié)奏的變化,讓用戶在不知不覺中從新手升級為游戲老手;不同元素模擬金屬、泡沫等不同物理屬性,增加游戲隨機性和豐富度。

▲ 由易到難三階段的洞口數(shù)量及墜落速度變化

▲?物理墜落模擬
▲?物理墜落模擬

轉(zhuǎn)載:淘寶設(shè)計