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 商店嗎？ 您計劃使用哪些框架、工具、應用程序或服務？ 讓我們在評論中知道！