Jak AR QR kódy spouštějí interaktivní ukázky produktů

Potýkají se vaši zákazníci s vizualizací toho, jak vaše produkty vypadají a padnou, než se rozhodnou k nákupu? Ploché fotografie produktů často nedokážou nastavit jasná očekávání, což vede k váhání u pokladny a vyšší míře vracení zboží. Propojením kódů rychlé odezvy (QR) s rozšířenou realitou (AR) založenou na prohlížeči získáte interaktivní 3D náhled v jejich vlastním fyzickém prostoru, aniž by si museli stahovat samostatnou aplikaci.

Cesta zákazníka: Od skenování kamerou po živé 3D umístění

Spuštění ukázky produktu v AR by mělo vyžadovat minimální úsilí ze strany uživatele. Jelikož moderní smartphony mají nativní skenování QR kódů přímo zabudované ve svých aplikacích pro fotoaparát, celá cesta trvá jen několik sekund.

• Naskenujte kód: Zákazník namíří fotoaparát svého smartphonu na QR kód s podporou AR vytištěný na Obaly produktů, na displeji v obchodě nebo na vložce v balení.
• Otevřete webové přesměrování: Zobrazí se nativní banner s oznámením, který uživateli umožňuje otevřít odkaz na cíl přímo v prohlížeči Safari nebo Google Chrome.
• Prohlédněte si 3D plátno: Mobilní prohlížeč vykreslí responzivní 3D prohlížeč, kde zákazník může produkt otáčet o 360 stupňů, přiblížit se k výrobním detailům nebo přepínat barevné varianty.
• Aktivujte umístění AR: Klepnutím na tlačítko na obrazovce – například „Zobrazit ve vašem prostoru“ – se aktivuje obraz z kamery, který pomocí pohybových senzorů umístí model na povrch v reálném měřítku 1:1.
• Dokončete konverzní akci: Po prohlížení produktu v jejich fyzickém prostoru umožňují tlačítka s výzvou k akci na obrazovce nakupujícím přidávat položky do košíku, procházet dokumentaci nebo objednávat příslušenství.

Tento bezproblémový pracovní postup se opírá o WebAR (rozšířenou realitu založenou na webu). Spouštěním AR relací v rámci standardních mobilních webových prohlížečů eliminujete pokles zájmu spojený s nucením zákazníků stahovat nativní aplikace z obchodu s aplikacemi.

Technické nastavení: Jak mobilní prohlížeče vykreslují AR

Mobilní operační systémy zpracovávají vykreslování AR pomocí dvou odlišných, nativních prohlížecích enginů. Pro zajištění plynulé ukázky na iOS i Androidu musí vaše webové nastavení směrovat provoz podle mobilní platformy uživatele.

Apple AR Quick Look (iOS)

Zařízení Apple používají AR Quick Look, vestavěnou funkci Safari a WebKitu. Když uživatel iOS klepne na kotevní odkaz označený `rel="ar"`, Safari obejde standardní webovou navigaci a otevře propojený model `.usdz` přímo v nativním 3D a AR prohlížeči společnosti Apple. Webový server hostující soubor musí být nakonfigurován tak, aby soubor poskytoval přes HTTPS s typem MIME `model/vnd.usdz+zip`, čímž se zajistí, že Safari správně interpretuje daný prostředek.

Google Scene Viewer (Android)

Zařízení Android s verzí Android 7.0 nebo vyšší využívají Scene Viewer, poháněný ARCore (Google Play Services pro AR). Scene Viewer lze spustit přímo prostřednictvím URL adresy Android Intent, která odkazuje na prostředek `.glb`. Intent umožňuje vývojářům konfigurovat, zda se relace nejprve otevře ve standardním 3D režimu (`3dpreferred`) nebo okamžitě vstoupí do prostředí AR kamery (`arpreferred`). Pokud zařízení postrádá podporu ARCore, intent spustí záložní URL (`S.browserfallbackurl`) pro zobrazení interaktivního webového plátna namísto selhání.

Sjednocená implementace s "

Aby se předešlo psaní složitých skriptů pro detekci zařízení, mnoho týmů používá open-source „webový komponent“ od Googlu. Tato lehká JavaScriptová knihovna automatizuje směrování OS vložením jediné HTML značky na váš web:

`html

<model-viewer

src="product.glb"

ios-src="product.usdz"

alt="3D model produktu"

ar

ar-modes="scene-viewer webxr quick-look"

camera-controls>

“`

Po naskenování webová stránka detekuje mobilní operační systém. Pokud je návštěvník na iPhonu, spustí Quick Look s USDZ souborem. Pokud je návštěvník na Androidu, spustí Scene Viewer s GLB souborem.

Pokyny pro 3D aktiva pro rychle se načítající dema

AR demo produktu se musí rychle načítat přes mobilní celulární sítě. Velké soubory způsobují dlouhé čekací doby, které vedou k tomu, že návštěvníci opustí stránku, než se 3D model objeví. Dodržování přísných pokynů pro optimalizaci 3D zajišťuje plynulé načítání vašich aktiv při zachování fyzické realističnosti.

• Udržujte kompaktní velikosti souborů: Snažte se o celkovou velikost aktiv mezi 4 MB a 10 MB. Zatímco platformy jako Shopify umožňují nahrávání až 500 MB pro média produktů pro e-commerce, kompaktní soubory zaručují rychlé vykreslování na mobilních celulárních připojeních.
• Kontrolujte počty polygonů: Omezte geometrii tak, aby nepřesáhla 50 000 až 100 000 trojúhelníků. Eliminujte vnitřní polygony, které uživatelé nikdy nevidí, odstraňte duplicitní plochy a zkontrolujte síť na nemnohočetné hrany.
• Použijte standardní PBR texturování: Použijte pracovní postupy fyzikálně založeného vykreslování pro realistickou replikaci fyzických materiálů. Standardní nastavení by mělo zahrnovat mapu základní barvy, normálovou mapu pro povrchový reliéf a ORM mapu, která balí ambientní okluzi, drsnost a kovovost do červeného, zeleného a modrého kanálu.
• Omezte rozlišení textur: Omezte velikost obrazových textur na 2048 × 2048 pixelů (2K). Pro malé komponenty nebo sekundární detaily použijte 1024 × 1024 pixelů, komprimujte soubory do optimalizovaných formátů JPG nebo WebP tam, kde jsou podporovány.
• Zachovejte měřítko reálného světa: Modelujte produkty v přesném měřítku 1:1 s použitím metrických jednotek, jako jsou metry nebo centimetry. Nesprávné měřítko způsobuje, že AR enginy promítají modely v místnosti uživatele nerealisticky velké nebo malé.

Navrhování a tisk skenovatelných AR QR kódů

Úspěch AR kampaně závisí na tom, zda se fyzický QR kód spolehlivě skenuje v různých prostředích. Změny osvětlení, zakřivení fyzického povrchu a nesprávná velikost mohou zabránit kamerám telefonů ve čtení dat. Dodržujte základní osvědčené postupy pro návrh AR QR kódů před odesláním materiálů k tisku:

• Dodržujte minimální velikost: U položek prohlížených z délky paže – jako jsou stolní maloobchodní displeje, letáky nebo v interaktivním balení – tiskněte kódy v minimální velikosti 1,2 × 1,2 palce (3 × 3 cm). Větší nápisy prohlížené z dálky vyžadují proporcionálně větší rozměry.
• Maximalizujte vizuální kontrast: Udržujte vysoký kontrast mezi vzorem popředí a pozadím. Tmavé popředí na plném bílém nebo světlém neutrálním pozadí zajišťuje spolehlivé čtení kamerou, přičemž kontrastní poměry by měly přesáhnout 4:1.
• Chraňte tichou zónu: Kolem obvodu kódu ponechejte nepřerušený prázdný okraj o šířce alespoň čtyř modulů, aby okolní grafika obalu nezasahovala do dekodérů.
• Nastavte vysokou korekci chyb: Při přidávání loga značky do středu kódu nakonfigurujte korekci chyb úrovně H (vysoká). Úroveň H odolá až 30% vizuálnímu rušení, i když loga by měla zůstat v rozmezí 15% až 20% celkové plochy kódu.
• Poskytněte jasné pokyny: Vytiskněte explicitní výzvu k akci přímo vedle kódu, například

Správa AR kampaní s dynamickými QR kódy

Statické QR kódy kódují pevnou cílovou URL přímo do svého vzoru. Pokud potřebujete vyměnit 3D model, opravit URL aktiva nebo provést A/B test na různých vstupních stránkách, statický kód nelze upravit – což vyžaduje nákladné přetisky fyzických materiálů.

Nasaďte a aktualizujte své AR demo bez nutnosti nového tisku Potřebujete aktualizovat své 3D modely, testovat nové varianty produktů nebo monitorovat skenování zákazníků v reálném čase? Použijte Dynamický QR kód k udržení plné kontroly nad vašimi cílovými odkazy a sledování výkonu skenování z jednoho ovládacího panelu.

Použití dynamických kódů směruje uživatele přes krátký přesměrovací odkaz. Toto nastavení poskytuje základní infrastrukturu pro komerční kampaně:

• Aktualizujte cíle po tisku: Upravte základní URL 3D aktiva, sezónní propagaci nebo vstupní stránku kdykoli, aniž byste museli přetisknout fyzický obal.
• Sledujte analytiku v reálném čase: Měřte celkové skeny, geografické lokality a rozdělení podle operačních systémů (iOS versus Android) pro vyhodnocení, která tištěná umístění generují nejvyšší zapojení.
• Testujte konkurenční zážitky na vstupních stránkách: Nasměrujte segmenty vašeho publika na různé AR vstupní stránky a porovnejte, zda spuštění okamžitého umístění kamery konvertuje lépe než průzkumné 3D plátno.

Dynamické kódy lze vytvářet pomocí vyhrazeného generátor QR kódů odkazů a aplikovat napříč mnoha kontaktními body k propojení offline marketingu s digitálními ukázkami produktů.

Propojení offline kontaktních bodů s interaktivním prodejem

Rozšířená realita transformuje statické obaly produktů, maloobchodní značení a tištěné materiály do interaktivních digitálních showroomů. Odstraněním samostatných mobilních aplikací a servírováním lehkých 3D modelů prostřednictvím WebAR umožňujete zákazníkům během několika sekund prohlížet materiály, testovat měřítko a činit sebevědomá nákupní rozhodnutí.

Chcete-li se dozvědět více o nasazení skenovatelných kampaní napříč různými sektory, prozkoumejte Pagelootův průmyslová řešení nebo si prohlédněte kreativní interaktivní aplikace jako jak QR kódy AR transformují vyprávění příběhů v muzeích. Chcete-li prozkoumat všechny styly přizpůsobení, formáty vektorového tisku a nastavení sledování, prohlédněte si kompletní přehled funkcí QR kódu a začněte budovat své produktové zážitky založené na prohlížeči.

Často kladené otázky