如何构建有效的AR电子商务体验

基于“增大化现实”技术的电子商务

增强现实(AR)为品牌提供了一个巨大的机会,可以在网上创造更吸引人的客户体验,解决不断变化的购物行为,提高转化率,同时降低退货率。

增强现实电子商务使客户能够通过他们的数字设备虚拟地试穿和测试产品,这有助于他们做出更好的购买决策。例如,客户可以在订购之前预览诸如家具之类的产品在他们家中的样子,或者在服装、珠宝和美容产品的情况下在他们身上的样子。

虽然AR已经存在了一段时间,但这项技术已经变得更容易集成,而且AR电子商务体验可以使用的设备比以往任何时候都多:据估计,到2024年,全球将有17亿移动AR用户设备这是Statista最近的一份报告

Jason Stokes, Shopify Plus公司的创始人兼首席执行官东区有限公司说,这项技术在电子商务领域越来越受欢迎特别是在线企业看到了它可以带来的好处:“代替顾客在实体店观看真实的产品,增强现实弥合了这一差距。”

代替顾客在实体店观看真实的产品,AR弥补了这一差距。

Jason Stokes, Eastside Co.创始人兼首席执行官

斯托克斯解释说,从宜家的AR应用这样你就可以在你的餐厅里尝试一张大小合适的桌子Specsavers”功能让你可以尝试虚拟眼镜,商家开始看到增强现实如何提高转化率和最小化退货。

在本文中,您将学习如何为您的商户客户构建有效的AR电子商务体验,包括创建3D模型和将AR集成到电子商务商店的最佳实践。

AR如何帮助商家提高转化率

最近的一项研究研究表明,与不使用AR的客户相比,在访问电商网站时使用AR的客户花了大约20%的时间来浏览,并多浏览了1.28倍的产品。最重要的是,他们在访问期间购物的可能性也上升了近20%。

提升商家的潜在转化率因此,与Shopify Partner合作欧宝体育官网入口首页的商家的两个案例研究表明,在他们的在线商店中添加AR是非常重要的Modelry

丽贝卡Minkof

当时尚品牌Rebecca Minkof采用了3D建模和AR技术在其产品页面上,该公司发现,与没有与3D模型互动的购物者相比,与3D模型互动的购物者将其添加到购物车中的可能性要高44%,下单的可能性要高27%。当顾客在AR中看到产品(如手袋)并将其虚拟摆在面前时,他们购买的可能性会提高65%。

一个女人手拿iPhone的动图,桌子上放着一个黑色手袋,作为增强现实电子商务的体验。
为了在他们的电子商务网站上实现增强现实技术,Rebecca Minkoff与Shopify Plus和3D产品可视化专家Modelry合作。Modelry).

炮手犬舍

直接面向消费者的公司枪手该公司专门经营重型犬舍,在运输过程中保证宠物的安全,该公司也经历了类似的转化率提升。Gunner添加了Shopify对3D模型和AR的原生支持在其网站上,顾客几乎可以在他们的狗旁边放置一个狗窝来测量它的大小。结果,该公司的购物车转化率提高了3%,订单转化率提高了40%,退货率降低了5%。

一位购物者在智能手机上使用Gunner的AR体验,想象他们选择的狗窝在皮卡车后面的狗窝旁边是什么样子。
消费者可以在智能手机上使用Gunner的AR功能来检查他们是否为宠物选择了合适大小的狗窝。(本文为游戏邦/ gamerboom.com编译)Shopify +).

那么,您如何支持商家在其战略中考虑AR,并在其电子商务商店中实施有效的AR体验?我们询问了一些Shopify合作伙伴,包括应用程序开发人员和AR专家,以帮助您入门。OB欧宝娱乐APP让我们先来看看如何创建客户产品的3D模型——这是任何AR体验的重要组成部分。

创建3D模型的最佳实践

为了给你的客户创造一个有效的AR体验,你首先需要一个你想展示的产品的3D模型。然后,这个3D模型可以上传到商家的产品页面,供客户查看和互动,而无需下载额外的应用程序。

理论上,商家可以创建自己的3D模型。

“有些扫描工具声称,你只需要拍几张照片就可以了!,一个漂亮的3D模型就制作出来了。丹尼尔·波他是Shopify首席AR/VR工程师。“但情况并非总是如此。用这些工具制作的模型通常需要清理,当你希望产品看起来尽可能清晰时,它们并不总是最适合电子商务用例。”

其他商家转向市场寻求像Fiverr这样的自由职业ob欧宝娱乐app下载地址者服务,但Shopify Partner的创始人兼开发者Maël Valma表示角三维(他的Shopify应用程序角度3D配置器为商家提供3D产品定制和AR体验),他警告说,一些自由平台上的3D艺术家并不总是拥有为网络创建3D模型的专业知识。

他表示:“不幸的是,商家通常通过Fiverr等服务获得质量非常低的3D模型。“也许你在那里找到的3D美工可以为3D电影制作一些东西,或者创建静态3D渲染,但通常他们回来的模型只有1gb大小,这在网络上是行不通的。”

对于商家来说,最好的解决方案是聘请Shopify专家创建一个3D模型。所以,如果你想帮助你的客户创建一个优秀的AR电子商务体验的3D模型,这里有几点需要考虑:

试着获得工作所需的实物产品

Eastside Co的杰森·斯托克(Jason Stoke)指出,亲自动手制作3D模型的实际产品是非常有益的。

他说:“有时照片无法捕捉到产品中使用的材料的类型或感觉,而这对于使产品在未来看起来正确是很重要的。”

从各个角度拍摄产品的照片和视频

斯托克斯解释说,参考照片和视频可以帮助捕捉表面的一些细节。在开始3D建模过程之前收集有关产品的足够信息确保视觉准确性,因为您将能够从各个方面看到组件,并且您不仅仅是从书面测量中OB欧宝娱乐APP工作。

从简单的形状开始建模

Stokes建议,采用低分辨率模型并增加多边形数量可以使模型变得平滑。

多边形是一种几何形状,它是由三个或更多的线段连接成一个封闭的形状,如正方形、三角形或六边形。在3D中,通常是三角形,每个模型都可以被分成许多多边形——即所谓的多边形计数或polycount。多边形越小,模型越平滑,多边形数越高。

为web优化您的3D模型

对于在线商店的AR体验,您需要一个高质量的3欧宝体育官网入口首页D模型,该模型也经过优化和压缩。

Angle 3D的Maël Valma表示:“在Shopify上,3D模型有尺寸限制,这是有充分理由的,因为它需要在网站上快速加载。“它还需要看起来好看,所以需要在质量和尺寸之间做出权衡。”

一般来说,Shopify商家的3D模型的文件大小通常在4mb左右,不应超过15mb。

以下是优化3D模型文件大小的几种方法:

保持3D模型的多边形数尽可能低

尽管我们现在随身携带的智能手机是非常强大的计算设备,但Stokes警告说,它们很难同时渲染数百万个多边形。因为增强现实是实时渲染模型的,所以在保持产品的所有细节的同时,将多边形数量保持在可管理的水平是很重要的。

“关键是找到平衡,这样3D模型仍然是平滑的,”Valma建议。“大多数情况下,减少多边形数量是显著减小3D模型尺寸的解决方案。”

创建高质量,优化纹理

瓦尔马总是建议他的顾客做的第二件事是处理纹理。理想情况下,这些文件应该是jpeg格式,因为它们比较轻,可以在不影响图像质量的情况下进行压缩。

现代的实时渲染器使用一种称为基于物理的渲染(PBR)的工作流来导出纹理。

Stokes解释说:“这意味着照明和渲染引擎试图准确地映射光线在基于表面材料的模型表面上的行为方式。”“现代纹理软件,如物质的画家使创建逼真的材料非常容易。”

纹理由若干层组成,以表示粗糙度和金属质感等特征。

“3D就是要欺骗眼睛,”Valma说。“所以每一层都包含在3D模型中,你拥有的纹理越多,它们越复杂,它就会增加模型的大小,这将减慢3D模型的加载速度。”

为了优化每一层,Valma建议在降低纹理分辨率和压缩文件之间取得平衡,这取决于你正在使用的3D模型。

“最好的做法是确保你的纹理是方形的,大小是2的次方,比如512 x 512像素,”Valma解释道。“4096 x 4096的尺寸将是4k纹理,这是真正的高清,看起来很棒,但性能不佳。通常,我们使用2k纹理,所以2048 x 2048像素。尝试一下尺寸,看看纹理是否看起来还不错。”

要了解更多关于为商家创建3D模型时需要记住的标准,请参考Shopify帮助中心的指南使用这个清单以确保3D模型准备好交付给商家或3D合作伙伴。

粗糙多边形的棕色鞋子的3D模型。
Eastside Co最近开发的一个AR项目的进展,从粗糙的多边形……
鞋子的3D模型是灰度的,有许多更详细的多边形,现在也有两条带心形扣的绑带。
添加更详细的多边形
在灰色背景下完成的3D模型渲染,现在用黑色和粉红色的块着色和银色的心扣。
制作3D模型的渲染图
在增强现实体验中,黑色和粉色鞋子的3D模型放在木桌上,一只鞋子放在旁边。
3D模型在AR体验中的表现(来源:gamerboom.com)东区有限公司).

将AR集成到电子商务商店的最佳实践

一旦创建了3D模型,您需要将其集成到商家在线商店的AR体验中。欧宝体育官网入口首页同样,有几个最佳实践可以考虑优化其影响。

注意这一点很重要大多数Shopify主题都支持3D模型x,使您能够提供适用于所有现代浏览器和设备的浏览器内3D体验,允许缩放,旋转和检查每一个小细节。为了使这些功能出现在商家商店的前端,您可能需要更新他们的主题,以便能够通过Shopify管理的产品部分上传3D模型文件。

所以,无论你是使用Shopify的原生支持还是自定义体验,你都需要记住什么?

Shopify Plus代理商我们制作网站最近与玩具公司孩之宝(Hasbro)合作,开发了一种临时的增强现实体验,让顾客能够看到收藏品在自己的空间里是什么样子,从而做出明智的购买决定。

我们制作网站的设计和体验总监Kerrin Meek在反思团队从这个项目中学到的经验时说:“成功的电子商务设计的关键是确保体验是用户友好的,可访问的,并为客户的旅程增加价值。它应该是直观的,易于使用,并适用于多种设备,以最大限度地发挥该技术的优势。”

成功的电子商务设计的关键是确保体验是用户友好的,可访问的,并为客户的旅程增加价值。它应该是直观的,易于使用,并在多个设备上工作,以最大限度地发挥技术的优势。

Kerrin Meek,我们制作网站的设计和体验总监

Meek补充说,如果你创建一个自定义体验,AR与电子商务平台的技术集成也必须考虑到避免对网站性能产生任何负面影响。为了让这个过程更简单,保持体验的简单,专注于价值,平衡形式和功能。如果你使用Shopify的内置3D功能,它已经支持延迟加载,对网站性能的影响很小。

Shopify Plus合作伙伴机构迪斯科实验室与此同时,该公司最近与商人The Sheet Society合作,设计并实施了他们的床上构建器。该项目使客户能够混合和匹配各种颜色,设计和材料选择,为他们的家庭创造理想的床上用品。在智能手机上,顾客可以通过增强现实体验,使用摄像头预览各种组合在自己床上的效果。

一位顾客拿着智能手机,展示the Sheet Society的增强现实体验,显示所选产品在他们自己的床上的样子。
The Sheet Society的Bed Builder使用AR技术让顾客尝试不同的颜色和风格,这让顾客在做出购买决定时更有信心,同时也减少了潜在的退货。

Disco Labs的创始人兼首席执行官加文·巴拉德承认,最初人们对这个项目的规模有些担忧。

他解释说:“这是我们的第一个AR项目,我们知道Shopify的原生AR支持已经得到了改进,但由于床制造商的选项具有动态性,我们需要采取自定义方法。”“我们有8种产品,10种尺寸,每种都有8种材料和20多种颜色可供选择。这为我们提供了超过6400万种可能的床位配置的基线,这是不可能提前生成3D模型的!”

Disco Labs和The Sheet Society决定带来AR解决方案变体与Shopify的整合Variant的动态生成技术允许团队将所有可能的组件和材料选项映射到单个3D文件中,并在客户更新其捆绑选项时根据需要动态渲染该文件。

巴拉德回忆道:“一旦我们启动并运行了Variant,与Shopify前端的实际集成实际上非常简单。“我们只需要将现有的选项集映射到相应的Variant配置,编写一些JavaScript来检测正在使用的浏览器的AR功能,并为具有AR功能的设备呈现一个指向Variant动态生成端点的链接。”

巴拉德分享了他从这个项目中获得的三大收获,以帮助你掌握自己的AR集成:

验证用例

“我们知道AR将成为The Sheet Society的赢家,因为Bed Builder第一阶段的成功和持续的客户需求。然而,我们也看到了许多其他AR项目的失败,因为他们没有验证他们的客户是否真的觉得有用。”

确保你有一个可重复的更新工作管道

“就像任何其他内容一样,AR内容需要由商家大规模管理。他们不会因为每次想要添加新材料或颜色选项时都需要引入开发人员而受阻。”

花时间使您的解决方案具有可扩展性

“在建造你不需要的东西和为未来做计划之间有一条微妙的界限。对于AR项目,我宁愿花更多的时间考虑如何扩展系统,并确保你的代码库足够灵活以适应。”

将AR体验添加到在线商店中应该仔细规划。欧宝体育官网入口首页就像每一项新技术一样,商家不应该仅仅因为它是潮流而添加它,而是与合作伙伴合作,确保媒体适合项目。一旦确定了将AR添加到战略中的价值,重点就应该牢牢地放在用户体验以及使商家能够在未来更新和扩展AR体验的工作流程上。

为商家创造更具吸引力的购物体验

随着技术变得越来越复杂,智能手机越来越强大,各种规模的商家都能负担得起增强现实体验。特别是对于直接面向消费者的品牌,虚拟试穿或现场观看体验可能是客户购买决策的决定性因素。它不仅使购物更有趣,而且还帮助顾客更有信心地购物。

现在是时候让你的客户了解在他们的在线商店中整合AR体验的潜力了。欧宝体育官网入口首页仔细考虑它可以为客户提供的价值,遵循本文中概述的最佳实践,AR可以为您的客户或用户提供竞争优势,并对他们的底线产生重大影响。

主题:

借助Shopify合作伙伴计划发展您的业务

了解更多