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

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

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

Ａ：是的！WebAR 是網頁，也是 AR 的一種呈現方式。

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

Ａ：是的！WebAR 是 AR互動設計的一種，是企業不能錯過的行銷新法寶！

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

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

根據來自 Accenture 的數據報告，

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

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

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

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

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

• 服飾：免出門，就可以試穿？這就是 WebAR 的魔力！（領結品牌 Broni&Bo  [右上影片]）

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

• 活動：苦惱怎麼在展場、展覽活動或品牌線上活動吸引人潮，提高網路聲量嗎？加入 WebAR 吧！（飲料品牌 Pepsi：點我觀看）

• 跨平台：無需 App

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

• 推廣方便（URL/QR Code 形式） 

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

• 增加互動性

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

• 加載速度較慢

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

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

• 瀏覽器格式標準不一 

光是主流的瀏覽器（例如：Chrome 或者 Safari）都有各自的規格，從後台所需的程式語言，到每個瀏覽器授權設備的條件，每個瀏覽器都會有各自不同的需求。因此，在設計 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 裡面的人物角色，放置到鏡頭中的實景上，可以放桌上、可以放在甜筒上，並且將超可愛的照片上傳到社群，與朋友立即分享喜悅！