作品集
View More
work-category
展场设计
work-category
商业空间设计
work-category
AR/VR/线上展览

WebAR 是什么?增强品牌沟通力,化虚为实不再是梦!

2021. Jun. 847王一资深编
WebAR通过简化和增强其通过数字货币和实物商品货币化和购买的能力,为受众提供了一种无缝的互动方式。通过埃琳娜·德·索萨(Elena de Sosa)

WebAR 是什么?

还在烦恼AR扩增实境的技术门槛太高,导致相关的行销策略常常受阻吗?不用担心,WebAR 绝对是你的最佳解答!在竞争激烈的行销市场中,WebAR 体验的便利性,让它瞬间窜起变成数位体验行销的新宠儿。今天的文章是一篇入门版的WebAR 教学文,带大家深入浅出从简单的基础知识出发,分析WebAR 技术以及使用体验上的优点与需要改善的地方;同时提供知名WebAR 开发平台与开发框架,让大家拥有足够的资源,替自己的行销企划进行分析思辨,找到最佳的WebAR 应用结合方式!

Q:是Web(网页)吗?

A:是的! WebAR 是网页,也是AR 的一种呈现方式。 WebAR 的优势就是「方便性」!有别于其他需要下载专用APP 的AR 使用体验,Web AR 从行销市场中崛起,就是因为它可以直接在网页中呈现AR效果,让使用者门槛大幅降低,能触及到的使用者年龄层变得更广,而不仅局限在青壮年中。

Q:是AR(扩增实境)吗?

A:是的! WebAR 是AR 一种,是企业不能错过的行销新法宝!自去年疫情爆发,数位转型已经不是未来的计划,而是必须执行的计画!企业需要能够加强并优化的「数位互动」技术,同时又能够将「使用者体验」的流畅度与门槛降到最低,那当然WebAR 自然成为众所注目的焦点。

为什么你要考虑使用WebAR ?

谁适合使用WebAR ?

(影片:Burberry Olympia Bag WebAR Experience)
WebAR 的万用性非常高,基本上只要配合得当,任何产业都可以将其纳入数位行销的计画之中。而这边将跟大家介绍比较常见、也拥有成功案例的四个产业。包装:透过扫描包装纸上的图案,就可以让品牌Logo、虚拟人物,出现在产品上与之互动。 (点我观看) 服饰:免出门,就可以试穿?这也是WebAR 的魔力! (点我观看) 教育:你有想过生物课本的大脑,可以变成立体模型观赏吗? (点我观看) 活动:苦恼怎么在活动吸引人潮吗?加入WebAR 吧! (点我观看)
王一设计, WebAR

WebAR优点

跨平台:无需App 跨平台的优点,让WebAR 得以从众多的技术中脱颖而出。诚如文章开头所言,基本上,在WebAR 之前的AR 体验都需要另外下载一个App,才有办法将其AR 效果呈现在手机或平板上(例如:宝可梦GO)。而且,因为仅需要浏览器,甚至不需要担心Android 或者iOS 等不同程式语言的相容性问题,每个人都能够轻松快速的体验到AR 互动体验!推广方便(URL/QR Code 形式) 在现场活动时,最担心的就是下载APP 过程中,会产生的小麻烦,像是需要网路流量、搜寻时间、专人手把手教学操作使用,甚至产生尴尬聊天的情况。但现在我们讨论的WebAR 是呈现在网页上,因此只需要URL 或者QR Code ,就能够导向指定的网页,省去繁琐的步骤,而且也可用于网路行销,能够轻易在互动式网页中,引导使用者点击URL,完成顺畅的使用者体验!增加互动性 最后一项优势,也是现在行销、设计类思考的核心:「互动性」。数据面而言,有互动、有流量,实体活动中可以将人潮聚集并停留,引起更广大的吸睛效果;线上活动中可以大幅提高使用者的停留时间,在体验过程中更加认识产品与品牌,引发使用者进一步的讨论、分享。
王一设计, WebAR

WebAR 的资讯传输量大,因此加载速度通常较久

WebAR技术仍需加强

加载速度较慢 WebAR 在技术上的挑战之一,正是加载速度上的要求! AR 通常透过3D 模组呈现,因此加载速度普遍很慢,无法实现复杂的内容或动态。但目前技术,要做到基本的指令动作跟互动介面是已经没有问题的了!希望疫情之下,爆发成长的科技需求,我们能看到更进一步的应用!浏览器格式标准不一光是主流的浏览器(例如:Chrome 或者Safari)都有各自的规格,从后台所需的程式语言,到每个浏览器授权设备的条件,每个浏览器都会有各自不同的需求。因此,在设计WebAR 的时候,便需要注意到以上个格式需求,找到一个相容性最大的作法!网路资讯安全「是否同意开启你的相机?」装置中的影像、声音撷取,都有可能成为网路骇客窃取的资料;但是WebAR 对于镜头的要求同样是无可避免的,所以要如何加强网路上个资的保护,也同样成为开发中不能忘记的一大问题!

WebAR 常见的开发工具平台

王一设计, WebAR, 8th Wall

8th Wall 的数据统计

8号墙

8th Wall 是目前世界上数一数二的WebAR 平台,他们相信扩增实境(AR)是给所有人使用的,并能够将两大台平iOS 与Android 与更多浏览器之间的技术鸿沟弥补起来,将WebAR 再度推向给全世界的使用者!使用8th Wall 的WebAR 体验就像你平常在逛Google Chrome 同等简单,完全不用花费时间下载App,即可透过相容的行动装置进行AR 的互动设计体验。也有AR 专家表示,相较于App,WebAR 更能够触及到两倍的智慧型手机用户,这将有利于品牌与组织快速扩大消费者的规模。
王一设计, WebAR, Zappar

Zappar 提供的WebAR 服务项目

扎帕尔

Zappar 是能跟8th Wall 并驾齐驱的WebAR 公司!以「In-house」团队为主打,Zappar 已经拥有数千件成功的AR 案例与活动,在过去十年内与合作伙伴拿下数个奖项,同时也将数位互动设计的概念植入许多企业的心中。 Zappar 同时也提供WebAR 相关的技术策略规划、实践与培训企划等等,让客户拥有更多的选项,而不是单纯雇用Zappar 来帮你制作一个完善的AR 体验!

WebAR 常见的开发框架

王一设计, WebAR 开发框架

和。 js

AR.js 框架包括跨浏览器兼容性,并且支持WebGL 和WebRTC ,这意味着它可以在Android 和iOS 11 以上的iPhone 设备上正常工作,同时也能让应用程序变得更加简单高效。 AR.js 具有以下优点:跨浏览器兼容性较高开源,可免费访问无需额外或不常见的硬件可以用不到10行HTML来完成即使在较旧的设备上也可以达到60fps的高性能

ARtoolKit

ARToolKit 同样也是市面上常见的开发框架之一;其泛用性也是十分得惊人,在2004年最后一次公开发布时,下载量就已经超过160,000次,可以想像时至今日,使用量与下载量肯定不可同日而语。 ARToolKit 具有以下优点:支援Unity 和OpenSceneGraph 的插件支援光学头戴式装置开源,可免费访问对于实时AR 应用反应够快

WebAR 的未来趋势(2021)

王一设计, 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 里面的人物角色,放置到镜头中的实景上,可以放桌上、可以放在甜筒上,并且将超可爱的照片上传到社群,与朋友立即分享喜悦!

王一资深编

专业文章、深度报导都交给我!

HOT! 热门文章

最新影音

  • [大型摊位-数位设计] 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