Close

Close

Close

WebAR 互動設計是什麼?2022年不能不知的新AR體驗!

2022. May. 1712,215王一資深編

WebAR is a seamless way for your audience to engage by simplifying and enhancing their ability to monetize and purchase digital and physical goods. by Elena de Sosa

WebAR 互動設計是什麼?

還在煩惱 AR擴增實境 的技術門檻太高,導致相關的行銷策略常常受阻嗎?不用擔心,WebAR 互動設計絕對是你的最佳解答!

 

在競爭激烈的行銷市場中,想要擁有一個只要有手機就可以遊玩的沉浸式體驗?那千萬不能錯過今天要介紹的:WebAR! 其便利性讓它瞬間竄起變成數位體驗行銷的新寵兒。今天的文章是一篇入門版的 WebAR 教學文,帶大家深入淺出從簡單的基礎知識出發,分析 WebAR 技術以及使用體驗上的優點與需要改善的地方,讓大家替自己的行銷企劃進行分析思辨,找到最佳的 WebAR 應用結合方式!

Q:WebAR 是 Web(網頁)嗎?

A:是的!WebAR 是網頁,也是 AR 的一種呈現方式。

 

WebAR 的優勢就是「方便性」! 有別於其他需要下載專用 APP 的 AR 使用體驗,Web AR 從行銷市場中崛起,就是因為它可以直接在網頁中呈現 AR效果 ,讓使用者門檻大幅降低,能觸及到的使用者年齡層變得更廣,而不僅侷限在青壯年中。

Q:WebAR 是 AR(擴增實境)嗎?

A:是的!WebAR 是 AR互動設計的一種,是企業不能錯過的行銷新法寶!

 

自前年疫情爆發,數位轉型已經不是未來的計劃,而是必須執行的計畫!企業需要能夠加強並優化的「數位互動」技術,同時又能夠將「使用者體驗」的流暢度提高與製作門檻降到最低,那當然 WebAR 自然成為眾所注目的焦點。

連 Apple iPhone13 發表邀請也在用 WebAR行銷

國際品牌 WebAR應用案例: Apple iPhone13 Event

根據來自 Accenture 的數據報告,

 

  • 64% 的消費性大品牌都已經投注資金在開發「沉浸式活動
  • 50% 的消費者比較容易回想起「具有沉浸式技術的消費體驗」之品牌
  • 47% 的消費者表示沉浸式技術讓他們「比較能跟產品產生共感連結

 

眾多沉浸式技術中,最容易使用、最親民有趣的就屬 WebAR 了!在2021年被沸沸揚揚討論的 iPhon13 發表會邀請函,就能看出 WebAR行銷是現在趨勢。Apple在官網上特地設計專屬 WebAR互動活動,透過品牌 Logo來營造整體氛圍,並把此次發表概念融於其中;不只如此,當你與品牌 Logo互動,會發現居然能再深入一層,直接帶你跨國到加州,最後安排在你沉浸體驗美景時,畫面緩緩浮出此次發表會的日期,令人對品牌與活動都留下深刻印象!而互動帶來的層層驚喜,讓大家紛紛在社群分享,帶起品牌網路聲量!

 

那 WebAR應用還有哪些領域?WebAR優勢又還有哪些? 事不宜遲,趕緊讓我們一同看看 WebAR 互動設計更詳細的介紹吧:

🙋‍♀️ 數位互動當道!如何用兩大技術帶給客戶AR新體驗!

WebAR 行銷高度使用的4大產業

WebAR 應用的層面非常廣,基本上只要配合得當,任何產業都可以將其納入數位行銷的計畫之中。而這邊將跟大家介紹比較常見、也擁有成功案例的四個產業。

 

  • 包裝:透過掃描包裝紙上的圖案,就可以讓品牌Logo、虛擬人物,出現在產品上與之互動。(巧克力品牌 E Wedel [左上影片])

 

  • 服飾:免出門,就可以試穿?這就是 WebAR 的魔力!(領結品牌 Broni&Bo  [右上影片])

 

  • 教育:你有想過生物課本的大腦,可以變成超酷的立體模型觀賞嗎?(MywebAR.com: 點我觀看

 

  • 活動苦惱怎麼在展場、展覽活動或品牌線上活動吸引人潮,提高網路聲量嗎?加入 WebAR 吧!(飲料品牌 Pepsi:點我觀看
王一設計, WebAR

WebAR 行銷的3大優點

  • 跨平台:無需 App

 

跨平台的優點,讓 WebAR 得以從眾多的技術中脫穎而出。誠如文章開頭所言,基本上,在 WebAR 之前的 AR 體驗都需要另外下載一個 App,才有辦法將其 AR 效果呈現在手機或平板上(例如:寶可夢GO)。而且,因為僅需要瀏覽器,甚至不需要擔心 Android 或者 iOS 等不同程式語言的相容性問題,每個人都能夠輕鬆快速的體驗到AR 互動體驗!

 

 

  • 推廣方便(URL/QR Code 形式) 

 

在現場活動時,最擔心的就是下載 APP 過程中,會產生的小麻煩,像是需要網路流量、搜尋時間、專人手把手教學操作使用,甚至產生尷尬聊天的情況。但現在我們討論的 WebAR 是呈現在網頁上,因此只需要 URL 或者 QR Code ,就能夠導向指定的網頁,省去繁瑣的步驟,而且也可用於網路行銷,能夠輕易在互動式網頁中,引導使用者點擊 URL,完成順暢的使用者體驗!
 

 

  • 增加互動性

 

第三個優勢,也是現在行銷、設計類思考的核心:「互動性」。數據面而言,有互動、有流量,實體活動中可以將人潮聚集並停留,引起更廣大的吸睛效果;線上活動中可以大幅提高使用者的停留時間,在體驗過程中更加認識產品與品牌,引發使用者進一步的討論、分享。

🙋‍♀️ 新思維互動設計作品案例揭秘,突破傳統吸引客群用這招!
王一設計, WebAR

WebAR 的資訊傳輸量大,因此加載速度通常較久

WebAR 設計使用需注意3點

  • 加載速度較慢

 

WebAR 在技術上的挑戰之一,正是加載速度上的要求!AR 通常透過 3D 模組呈現,因此加載速度普遍很慢,無法實現複雜的內容或動態。

 

但目前技術,要做到基本的指令動作跟互動介面是已經沒有問題的了!希望疫情之下,爆發成長的科技需求,我們能看到更進一步的應用!
 

 

  • 瀏覽器格式標準不一 

 

光是主流的瀏覽器(例如:Chrome 或者 Safari)都有各自的規格,從後台所需的程式語言,到每個瀏覽器授權設備的條件,每個瀏覽器都會有各自不同的需求。因此,在設計 WebAR 的時候,便需要注意到以上各格式需求,找到一個相容性最大的作法!
 

 

  • 網路資訊安全

 

「是否同意開啟你的相機?」裝置中的影像、聲音擷取,都有可能成為網路駭客竊取的資料;但是 WebAR 對於鏡頭的要求同樣是無可避免的,所以要如何加強網路上個資的保護,也同樣成為開發中不能忘記的一大問題!

WebAR 技術的未來趨勢

王一設計, WebAR, 互動設計

更容易:手機跨平台的行銷廣告

每次部署數位行銷廣告時,都需要花費雙倍時間、雙倍預算,就為了要符合主流兩大台平 Android & iOS 嗎?WebAR 之所以能夠成為未來的趨勢,正是因為他可以將這個疑慮輕鬆清除,大幅簡化手機上的跨平台問題,讓行銷計畫變得更容易、更直接!

更直接:全新的零售體驗

WebAR 更直接影響到的是使用者體驗,而零售業正好是這一波「體驗行銷」轉換期中,最適合結合運用 WebAR 的產業。無論是在包裝設計上,結合 Image Target 特定圖像掃描,來開啟 AR 體驗的品牌互動模式;或者服飾、鞋子等相繼推出的「AR試穿」服務,都是在重新定義消費者、產品、與品牌之間的關係。只要提前佈局,想必你的企業也能夠在 AR 新藍海之中佔有一席之地!

趣味案例:Scooby-Doo Ice Cream

  • 互動遊戲

 

透過掃描甜筒上的 QR Code 之後,就會開啟 WebAR 的頁面,使用者便可以開始遊玩 Scooby-Doo 的恐怖互動小遊戲,輕鬆、簡單,完全不需要下載 APP,同樣能夠達到跟 APP 設計一樣的互動體驗!
 

 

  • 拍照貼紙

 

AR 怎麼可以少了跟實景的互動呢?闖關完遊戲之後,使用者能夠將 Scooby-Doo 裡面的人物角色,放置到鏡頭中的實景上,可以放桌上、可以放在甜筒上,並且將超可愛的照片上傳到社群,與朋友立即分享喜悅!

產品AR如何導入?VR如何做到互動行銷? 🔊 一鍵訂閱王一電子報,最新互動科技趨勢案例報你知!
王一資深編

專業文章、深度報導都交給我!

HOT! 熱門文章
最新影音
  • 【1分鐘看設計】 2022 台北國際食品展登場 以亮眼吸睛店面規格 打造企業品牌展示攤位 竟把酒吧直接搬到展覽館? 桔揚/安立司/揚鶴

  • 【櫥窗專櫃設計】 Shopline 快閃專櫃進駐誠品南西店! 引領中山站商圈新潮流 - 王一設計King One Design

  • 【1分鐘看設計】TECO 東元電機 展場Web AR系統應用 每個人都能擁有的AR技術 德國 Hannover Messe漢諾瓦工業博覽會

  • 【1分鐘看設計】2022 高雄智慧城市展在高雄展覽館盛大開展 現場精彩活動紀錄

  • 【企業專訪特刊】傳統機械拉床龍頭為何轉型? 成祐精機轉換線上觀展模式 業務行銷效益逆勢成長3倍! 王一互動科技

  • 【博物館展覽設計】 基隆港史館 空間設計 《港町時光》 基隆 景點/展覽/室內設計- 王一設計King One Design

  • 【1分鐘看設計】2022台北自行車展展攤設計3D設計圖導讀 歐洲自行車展Eurobike Booth design 行前必看

  • 【公共空間設計】太陽能經濟亮點! 辰亞電力太陽光電教育展示館/空間打造

  • 【一分鐘設計】印度遊戲貿易展 (NIGA 2022) 展位設計 by KingOne-Design

  • 【一分鐘看設計】 2022 Satellite 全球太空商機媒合會 - 王一設計King One Design

  • 5大 公共空間 設計精選 王一設計 室內設計成功案例 2022企業首選

  • 5大 AR VR APP設計精選 王一互動 輔助開發業務 提升業績成功案例 2022企業首選

  • 5大數位展覽精選 王一設計 元宇宙線上展覽設計成功案例 2022企業首選

  • 5大室內設計精選 王一設計 商業空間設計成功案例 2022企業首選

  • 【搭建元宇宙】 精細 3D建模 打造 MSi微星元宇宙數位展示間 360環繞 VR技術應用 互動遊戲設計 線上展覽

  • 【搭建元宇宙】 全新Ai智慧導覽技術 帶領瀏覽 成祐經機 線上展覽360數位展示間

  • 【虎年行大運】王一設計 祝賀大家 2022年 新年快樂 虎迎新春 耀采賀新年

  • 【搭建元宇宙】 3D建模如何幫助 打造線上展覽! 西門子線上論壇 (15秒預告片 / 15 Second Trailer )

  • 【一分鐘看設計】蔡英文 蒞臨 2021台灣國際智慧能源週 關注綠能發展 標準檢驗局展覽攤位現場直擊 線上展覽突破9萬人 展覽攤位設計暨線上虛擬特展規劃 - 王一設計King One Design

  • 【一分鐘看設計】 賴清德 副總統 參觀2021台北國際自動化工業大展 廣運機械 歐姆龍OMRON 台灣奧騰 輝視 醫電 杜益 倢鋒 偉林電子

  • 【一分鐘看設計】展場設計行銷首選!展覽人氣激增秘訣 -2021 臺灣國際半導體展SEMICON TAIWAN - 王一設計King One Design

  • 【室內設計】2022新年全新 沉浸式 開箱 南港世界明珠4D示範劇場 虛擬賞屋體驗 立體投影、3D建模 - 王一設計King One Design

  • 【一分鐘看設計】2022 新年 展場設計行銷首選!展覽人氣激增秘訣 -2021台北國際自動化工業大展-歐姆龍OMRON - 王一設計King One Design

  • 【一分鐘看設計】新年首發展場設計! 2021台北國際自動化工業大展- 台灣奧騰/ 醫電/ 輝視科技

  • 【一分鐘看設計】2021台北國際自動化工業大展-廣運機械

  • [數位線上展覽] 西門子數位企業虛擬博覽會暨線上論壇交流會/3D建模技術/VR技術應用/網頁設計

  • 【博物館裝潢】 故宮南院空間設計 東亞茶文化展 故宮/展覽/室內設計

  • [數位線上展覽設計] 高醫人文社 線上展覽360數位展示間幕後設計

  • [數位互動設計] TAIROA AI國際加值 智慧製造線上媒合會

  • 【展示間設計】 thermomix 50周年信義區快閃店

  • 【展覽設計】 獨家曝光台灣精品未來樂園幕後揭露

  • 【數位互動設計】對抗疫情! 線上展覽 360度環繞觀看 金豐沖床機具3D建模 - 王一設計King One Design

  • [數位互動設計] 資拓宏宇 AR APP & 電腦雙版本

  • [數位互動設計] 線上展覽 虛擬3D模型建置應用 欣技資訊

  • [大型攤位-數位設計] 2021智慧城市展:新北市政府

  • [大型攤位設計] 2021智慧城市展:中保科技集團

  • [形象影片]:大型品牌活動展場設計

  • 產品數位化,疫情不再怕!

  • [AR擴增實境] 多媒體互動桌 - 智慧電網願景城市

  • VR虛擬實境應用-TIE展 台電x金門智慧網-王一設計 king one design

  • [線上攤位] 西門子虛擬展會 - 王一設計King One Design

  • [線上展覽] 台灣國家館 TAMI 4.0

  • [線上展覽] M’SIA-PLAS 2020年馬來西亞國際橡塑橡膠暨模具展

  • 大型品牌活動|30秒看透透,台灣精品未來樂園

  • [展示間] 新北圖書館 - 淡海小書房 |王一設計King One Design

  • [ CES2020 - Bionime 華廣生技 ] 貼近最真實的產品體驗:華廣血糖機 AR 遊戲 !

  • 南港輪胎 | 數位轉型訪談實錄 - 王一設計King One Design