Shopify VR 和 AR：沉浸式购物体验的关键

已发表: 2019-06-17
到 2020 年，客户体验 (CX) 将成为主要的品牌差异化因素。

沃克信息

还有什么比无缝重建店内客户体验更好的方式来提供出色的在线购物体验呢？ 这正是将虚拟现实 (VR) 和增强现实 (AR) 嵌入您的 Shopify 商店将为您的业务做的事情。 但在将 VR 和 AR 添加到商店之前，您需要拥有产品的 3D 模型。 今天，我们将讨论电子商务背景下的 3D 模型、Shopify VR、Shopify AR 以及这些技术如何使您受益。 我们有很多地方要覆盖，所以让我们开始吧！

3D 模型以及它们如何在电子商务环境中集成到 VR 和 AR 中

产品的 3D 模型是该产品在长度、宽度和高度三个维度上的虚拟表示。

3D 模型允许客户以以前只有实体店才能提供的方式在线探索和与产品互动：客户可以 360 度旋转 3D 模型并从各个角度检查商品。

如果你将 VR 和 AR 结合起来，3D 模型可以让客户以实体店无法提供的方式体验产品。 当 3D 模型在 AR 或 VR 中渲染时，它们允许客户将他们的个人空间（例如他们的客厅）变成陈列室。

假设您想购买一张新沙发，但不知道它在您家中的外观。 您可以在 AR 或 VR 中看到沙发的 3D 模型，并更好地了解它在您的桌子或您非常喜欢的灯旁的外观！ 请记住，AR 和 VR 体验将完全不同。

例如，由于 AR 主要基于手机和平板电脑，因此您不需要耳机。 从本质上讲，您将使用手机或平板电脑的摄像头来可视化客厅中沙发的 3D 版本。 您将能够与 3D 模型进行交互——放大、旋转、移动它并从不同角度检查它。 但你不会觉得沙发真的在房间里。 相反，您会喜欢通过手机或平板电脑的摄像头看沙发。

现在，要获得 VR 体验，您将需要一个头戴式设备，让 VR 更加难以访问。 但当沙发的 3D 模型在 VR 中渲染时，你会觉得沙发就在你面前。 您将能够接近它，详细探索它，并更好地了解它的确切大小和规模。 换句话说，购物体验将更加身临其境。

无论哪种方式，3D 模型对于这两种体验都是必不可少的。

所以，问题是：商家如何创建他们产品的 3D 模型？

据 Shopify 称，3D 建模是开始使用 VR 和 AR 的最大障碍之一。 根据 Shopify 的经验，将产品转换为 3D 的两种最佳方法是摄影测量和转换 CAD（计算机辅助设计）文件。 阅读更多

为了让商家更轻松地进行 3D 建模，Shopify 正在建立一个由 3D 建模合作伙伴（如 Sayduck、Zee Agency 和 CGTrader）和 3D 应用程序合作伙伴（如 Tapcart）组成的合作伙伴网络。

总而言之，您有两种选择来获取产品的 3D 模型：

  • 您可以使用摄影测量或 CAD 文件在内部创建产品的 3D 模型。 您还可以使用 Maya、Blender、ZBrush、Photoshop 或 ThreeKit 等 3D 建模软件。 在开始之前，我们建议您阅读本 Shopify 3D 建模指南。 请注意，仅当您的团队中有 3D 艺术家时，在内部创建 3D 模型才是可行的选择。
  • 您可以与 3D 建模合作伙伴合作并将任务外包。

但最好的还在后头！ Shopify 不仅让商家更容易获得其产品的 3D 模型，还让他们可以直接在 Shopify 中上传和存储他们的 3D 模型！

到今年年底，Shopify 商家将能够像上传和存储图像（JPEG 和 PNG 文件）一样上传和存储他们的 3D 模型。 商家还可以将 3D 模型与不同的产品变体（例如颜色和尺寸）相关联。 因此，用 Shopify 的话来说，店主将能够创建更好的产品列表、讲述更强大的品牌故事、减少退货并赢得客户的关注（我还要补充一点，他们的心）。 该功能是在 Unite 2019 上宣布的。（了解有关此功能和今年 Unite 上宣布的其他功能的更多信息。）

    我们的愿景是，增强现实等技术将从根本上改变我们未来的购物方式。 通过提供用于管理 3D 内容的新 API，以及解锁 3D 建模和存储工具，我们的商家将能够与专业合作伙伴合作，首次大规模为客户带来全新的沉浸式 3D 商务。

    Shopify

    Shopify 虚拟现实

    考虑到电子商务中的 VR，只是在虚拟商店中走动，是对 VR 如何改善零售业的非常有限的看法。

    Shopify VR/AR 团队负责人 Daniel Beauchamp

    您还可以使用它在您的品牌和客户之间建立情感纽带，甚至为您的产品构建智能测试环境——所有这些都会带来更加知情和身临其境的客户体验。

    Shopify VR/AR 团队通过为 Shopify 商家 StandDesk 的产品创建 VR 体验证明了这一点。 为了完成该项目，Shopify 将产品的 3D 模型集成到 VR 中，并且：

    • 使客户能够准确地看到产品在现实生活中的样子，并更好地了解其规模和细节。
    • 使客户能够在 VR 中对其进行自定义——所有更改都会立即反映在产品页面上。
    • 保持结账流程对用户友好——客户无需担心在 VR 中输入信用卡。 他们只需摘下 VR 耳机并完成标准的 Shopify 结账流程。

    由于 Shopify 使用 WebVR 来构建此概念验证，所有这些都可以直接在浏览器中体验 - 无需应用程序或插件。 查看产品示例页面

    要在 VR 中体验产品，您必须使用移动耳机（Shopify 建议使用 Google 的 Daydream View 或三星的 Gear VR，因为它们本身支持 WebVR）或桌面耳机（如 Vive 和 Oculus Rift）。 如果您没有 VR 耳机，您将无法在 VR 中查看产品。 但是，您仍然可以与 3D 模型进行交互。

    最终，通过这个项目，Shopify 证明了“3D 和虚拟现实可以无缝嵌入 Shopify 商店”。 但电子商务中的 VR 仍然是一个相当新的概念，需要开发许多工具和应用程序才能让所有店主都可以使用这项技术。 为了促进 Shopify 采用 VR，Shopify 已将他们开发的部分 VR 技术提供给所有商家。 这家电子商务巨头还在寻找 3D 艺术家和 VR 开发人员加入其合作伙伴计划，并帮助将 VR 扩展到所有店主。 在此之前，如果您想将 VR 添加到 Shopify 商店，您将需要一个自定义解决方案。

    以下是您可以做的几件事：

    • 您可以联系 Shopify 专家，他们可以为您的商店构建 VR 体验。 Webowski 是少数拥有 3D/VR/AR 技术经验的 Shopify 专家之一。 Webowski 最佳作品的一个例子是为 Santamaria Shirt Makers 开发的 3D 产品构建器。
    • 您可以联系熟悉 A-frame 的 VR 开发人员 - Mozilla 的 VR 框架，可以轻松与 Shopify 集成。 以下是我们筛选并认为擅长这项技术的一些开发人员：C. Van Wiemeersch、Gabriel Baker、Vishnu Ganti 和 Andres Cuervo。
    • 最后但同样重要的是，您可以考虑使用 WebVR——Shopify 用来围绕 StandDesk 构建概念验证的开放规范（它允许客户直接在浏览器中体验 VR 产品）。 为了构建概念验证，Shopify VR 团队使用了 Sketchfab（高质量 3D 模型库）和 PlayCanvas（具有出色协作功能的外部 VR 框架）。 Daniel Beauchamp 表示，Shopify VR/AR 团队也研究了 A-frame 和 Clara.io，但选择与 PlayCanvas 合作正是因为其协作功能“大大加快了调试速度”。

    VR仍处于早期阶段，它将继续以惊人的速度发展。 在接下来的几年内，随着越来越多的人投资于 VR 头显，我们可以期待更广泛的消费者采用。 最终，这意味着您越早采用该技术，它就会越早开始获得回报。 您越早将自己与竞争对手区分开来……

    Shopify AR

    与 VR 不同，AR 不允许人们完全逃离他们的物理环境。 它只是通过向其中添加虚拟对象（例如视频或 3D 图形）来丰富它。 由于它在移动设备上被广泛采用，因此沉浸感较差，但更易于访问。 这意味着您可以针对更大的受众群体。

    AR 在电子商务中的应用很多——从现实生活环境中产品的 3D 可视化，到购买后的上下文产品推荐和 360 度产品演练。 阅读更多

    稍后，我们将讨论 AR 在电子商务和 Shopify 中最常见的一些应用。 但首先，让我们仔细看看 Shopify AR。

    Shopify AR 提供了一个工具包，其中包括：

    • 3D 建模合作伙伴的服务市场。 这是由 Daniel Beauchamp 于 2018 年 9 月 17 日宣布的。 阅读更多
    • 一个 3D Warehouse 应用程序，商家可以使用它来存储其产品的 3D 模型，并让客户在 AR 中查看这些产品。 要让客户在 AR 中查看产品，您必须：(1) 安装 3D Warehouse 应用程序，(2) 创建产品的 3D 模型并将它们添加到 3D Warehouse 应用程序，(3) 在 Shopify 主题中启用 AR 快速查看， (4) 为您的 3D 产品添加 AR 徽章。 阅读详细的分步指南
    • 支持 AR Quick Look（Apple 最新的 AR 技术，又名 Apple 的 ARKit）。 2018 年 9 月，Shopify 增加了对 AR Quick Look 的支持，并将其提供给所有 Shopify 商家。 查看 AR Quick Look 的实际应用
    我们致力于让小企业更容易获得增强现实所释放的令人难以置信的商业潜力。 这就是为什么我们建立了一个服务市场来帮助我们的商家创建他们产品的 3D 模型。 随着 Apple 最近发布的 AR Quick Look，我们现在可以通过 iOS 12 设备上的 Safari 浏览器直接在 AR 中查看这些 3D 模型——无需单独的移动应用程序或笨重的耳机。

    来源： Shopify

    查看 Shopify AR 的实际应用

    现在我们已经介绍了 Shopify AR 的可能性，让我们仔细看看您可以根据您的行业将 AR 应用到 Shopify 商店的一些方法。

    家具和家居装饰

    如果您销售家具和家居装饰，将 AR 添加到您的 Shopify 商店将帮助您提供更明智的购物体验。 特别是如果您没有实体陈列室或快闪店，客户可以在其中看到您的产品在现实生活中的外观。

    还记得沙发的例子吗？ AR 允许客户将您产品的逼真 3D 模型放置在他们自己的家中、办公室等处。通过这种方式，您的客户可以更好地了解他们想要购买的产品如何适合他们的空间。 这将大大简化他们的购买决定，并且分别有利于您的底线。

    Shopify VR/AR 团队使用 AR 增强了 Magnolia Market 的本机应用程序，结果完美地说明了这一概念的工作原理。 您可以使用 Shopify AR 工具包或 AR 平台（如 Augment）为您的客户提供相同的交互式购物体验。 Augment 可轻松与 Shopify 集成（阅读分步指南），您只需一个 Augment 帐户和产品的 3D 模型即可开始使用。 查看增强功能

    时尚产业

    如果您在线销售服装，您可能必须每天处理退货和换货，因为产品“不合身”。 输入 AR。 您可以使用 AR 让您的客户虚拟地“试穿”衣服和配饰、拍照并在社交媒体上分享。 这将帮助您的客户做出更明智的决定，并增加他们的购买信心。 分别会显着降低回报。

    借助 Avametric，您可以提供服装和配饰的准确 3D 渲染，并使您的客户能够在可定制的数字人体模型上对其进行可视化。 Avametric 提供定制解决方案——他们可以使用 AR 增强您的原生应用程序或为您的商店构建 AR 应用程序。 了解 Avametric 的工作原理

    美容行业

    AR 的“试穿”能力超越了时尚。 如果您销售美容产品，您可以让您的客户虚拟“试妆”——他们可以上传照片或实时视频，并实时查看特定眼线、睫毛膏或唇彩的效果。 通过查看产品的真实表现，客户可以轻松选择最适合他们的颜色或阴影。 您可以在 ModiFace 的帮助下启用此类体验。 他们是丝芙兰虚拟艺术家背后的聪明才智，并受到美容行业其他领先公司的信任，如雅诗兰黛和欧莱雅。

    这是 ModiFace 提供的：

    • 获得专利的美容 AR 软件开发套件 (SDK) – 用于实时化妆、头发和皮肤模拟的逼真视频和照片 SDK。 适用于 Android、iOS、Windows 和 Web。
    • 对视频和照片进行难以置信的准确 3D 面部特征跟踪和分析。
    • 适用于 Android、iOS 和 Windows 应用程序的完全自定义 AR 模块——ModiFace 可以帮助您通过精确的产品模拟创建自定义体验，并将所有 AR 功能与您现有的移动应用程序集成。 看一个例子
    • 用于网络的电子商务 AR 模块 - 您的客户将能够直接在您的网站上测试他们的照片或实时视频上的任何产品。 该模块可通过任何浏览器访问，并且可以无缝快速地部署。 查看示例图像

    与 VR 类似，AR 仍处于起步阶段，发展迅速。 该技术正变得越来越流行。 消费者的兴趣和需求呈指数级增长。 预计到 2020 年，AR 将获得 10 亿用户（来源：新一代应用）。 将 AR 嵌入 Shopify 也越来越受欢迎。 数十个品牌已经体验了这项强大技术的好处。

    来源： Shopify

    如果您想看到 AR 的实际应用并阅读一些利用其力量的品牌的故事，您应该查看以下文章：

    • 您今天可以在增强现实中浏览的 10 家 Shopify 商店
    • 增强现实为客户体验带来了新的参与度

    结论

    到 2021 年，增强现实和虚拟现实的综合市场规模预计将达到 2150 亿美元。

    新一代应用

    这就是为什么...

    VR 和 AR 增强了身临其境的店内购物体验，并使客户能够自行导航。 如今，客户可以在自己的手掌和舒适的家中充分体验和探索产品。 并且由于 WebVR 和 WebAR 等技术，他们甚至不需要安装应用程序或插件，这使得他们的购物体验更加顺畅。

    最终，VR 和 AR 提出了“我应该购买这个产品吗？”之类的问题。 不费吹灰之力！ 因此，通过将 VR 和 AR 添加到您的商店，您可以更有效地处理买家的不情愿，更好地留住现有客户，吸引新客户并增加销售额。

    尽管今天我们只能触及 VR 和 AR 的表面，但有一点是肯定的——随着技术的进步，它所赋予的体验将变得更加增强！ 因此，我们可以自信地说，采用 VR 和 AR 将使您比竞争对手更具优势！

    那么......您打算将 VR 或 AR（或两者都添加！）添加到您的 Shopify 商店吗？ 您计划使用哪些框架、工具、应用程序或服务？ 让我们在评论中知道！