Artırılmış Gerçeklik (AR) ile Ürünü Odanızda Gösterin: GLB ve USDZ ile Başlangıç

Ürünü odada göstermek ne demek?

Artırılmış gerçeklikte (AR) telefonun kamerası oda görüntüsünü gösterir ve ürünün 3D modeli bu görüntünün üzerine gerçek ölçeğinde yerleşir. Ziyaretçi ürünün koltuğun yanında, masanın üstünde ya da duvarın önünde nasıl durduğunu görür. Mobilya, ekipman ve dekorasyon gibi boyutu önemli ürünlerde bu, karar vermeyi kolaylaştıran bir araçtır.

Hangi dosyalar gerekir?

• GLB: Android cihazlarda ve web tabanlı AR'de kullanılan model dosyası.
• USDZ: iPhone ve iPad'de AR Quick Look ile açılan Apple formatı.

İkisini birlikte sunmak, hem Android hem Apple kullanıcılarına aynı deneyimi vermeyi sağlar. Format ayrıntıları için format karşılaştırma yazısına bakın.

En kısa kurulum: model-viewer

model-viewer bileşeninde `ar` özniteliğini eklemek ve gerekirse `ios-src` ile USDZ dosyasını vermek, uyumlu cihazlarda bir AR düğmesi gösterir. Temel kurulum için web sitesine 3D model ekleme yazısındaki kodu kullanabilir ve şu iki öznitelik eklersiniz: `ar` ve `ios-src="/modeller/urun.usdz"`. AR'ın çalışması için sayfanın HTTPS ile sunulması ve cihazın AR'ı desteklemesi gerekir.

Ölçek: AR'ın en kritik ayrıntısı

AR'da model gerçek boyutunda görünür. Modelin ölçüsü yanlışsa ürün odada yanlış boyutta çıkar ve bütün deneyim güven kaybettirir. Bu yüzden modeli gerçek ölçülerle (metre) kurmak ve teslimden önce bir cetvelle karşılaştırmak gerekir. Ölçü girdileri için girdi listesi önemlidir.

Dosya boyutu ve hız

AR dosyası mobil bağlantıda açılacağı için küçük olmalıdır. Poligon sayısını, doku boyutunu ve malzeme sayısını makul tutun. Çok ağır bir model AR'da geç açılır ya da hiç açılmaz. Optimizasyon için web için optimizasyon rehberi kullanılabilir.

Işık ve gerçekçilik

AR'da model oda ışığına uyum sağlar, ancak malzemeler PBR değerleriyle doğru kurulduysa daha inandırıcı görünür. Aşırı parlak ya da tamamen mat malzemeler yapay durur. Gölge ve yansıma ayarlarının AR sırasında nasıl göründüğünü gerçek bir cihazda denemek gerekir.

Ne zaman AR mantıklı, ne zaman gereksiz?

AR, boyutu ve yerleşimi satın alma kararını etkileyen ürünlerde anlamlıdır: mobilya, beyaz eşya, spor ve pilates ekipmanı, dekorasyon. Küçük ve boyutu belirgin olmayan ürünlerde (aksesuar, kozmetik) döndürülebilir 3D model çoğu zaman yeterlidir. Hangi seçeneğin size uygun olduğunu karar rehberiyle değerlendirebilirsiniz.

Sık yapılan hatalar

• Modelin ölçeği yanlış ya da birimler karışık.
• Yalnızca GLB hazırlayıp Apple cihazlar için USDZ'yi unutmak.
• Çok ağır dosya.
• AR düğmesinin uyumsuz cihazlarda sebepsiz görünmesi ya da hiç yönlendirme yapılmaması.
• AR deneyimini hiç gerçek telefonda denememek.

Başlamak için

Ürününüz için web'de döndürülebilir ve AR ile açılabilir bir model hazırlatmak istiyorsanız, kapsam ve teslim formatları için web için 3D ürün modeli sayfasına bakabilir ya da teklif formundan yazabilirsiniz.

AR'ın türleri: hangisini kastediyoruz?

Artırılmış gerçeklik tek bir teknoloji değil, birkaç farklı deneyimin ortak adıdır. E-ticaret ürünleri için en yaygın olanı yüzey yerleştirmeli AR'dır: telefon zemini ya da masayı algılar ve ürünü orada gerçek ölçeğinde gösterir. Yüz ve vücut tabanlı AR, gözlük, makyaj ya da kıyafet denemesi gibi senaryolarda kullanılır ve kameranın yüzü ya da vücudu izlemesini gerektirir. İşaret (marker) tabanlı AR ise basılı bir görüntüyü tanıyarak onun üzerinde 3D içerik gösterir. Bu yazının odağı ürünü bir yüzeye yerleştiren AR'dır, çünkü mobilya, ekipman ve dekorasyon ürünleri için en doğrudan işe yarayan türdür.

Arkada hangi teknolojiler çalışır?

Android cihazlarda AR deneyimi, tarayıcıdan ya da uygulamadan sistemin AR görüntüleyicisine devredilerek açılır; model genellikle GLB formatında verilir. iPhone ve iPad'de ise AR Quick Look adı verilen yerleşik görüntüleyici kullanılır ve USDZ dosyası açar. Web tarayıcısında kamera erişimiyle çalışan WebXR de bir seçenektir, ancak cihaz ve tarayıcı desteği değişkendir. Bu çeşitliliği tek tek yönetmek yerine model-viewer gibi bir bileşen kullanmak, cihaza göre uygun AR yolunu otomatik seçtiği için pratiktir. Destek durumu zamanla değiştiğinden, yayına almadan önce güncel desteği ve cihazları kontrol etmek gerekir.

Model hazırlığı: AR için ayrıca dikkat edilecekler

AR modeli, web görüntüleyici modelinden birkaç noktada farklı özen ister. Birincisi ölçektir: model gerçek ürün boyutunda (metre) olmalıdır, çünkü ziyaretçi ürünü odasında gerçek boyutuyla görecektir. İkincisi pivot noktasıdır: modelin kök noktası ürünün tabanında olmalıdır ki ürün zemine oturabilsin; pivot ürünün ortasındaysa model zeminin içine gömülür ya da havada durur. Üçüncüsü yöndür: ürünün ön yüzü doğru tarafa bakmalıdır. Dördüncüsü hafifliktir: dosya mobil ağlarda açılacağı için küçük olmalı, poligon sayısı ve doku boyutları makul tutulmalıdır. Beşincisi malzemelerdir: aşırı parlak ya da çok karmaşık malzemeler AR'da gerçek ışıkla uyum sağlamakta zorlanabilir. Bu ayrıntıların çoğu modelleme aşamasında bilinirse çok daha ucuza çözülür; son anda düzeltmek zordur.

Işık ve gölge: modelin odaya oturması

AR'da modelin inandırıcı görünmesi, odanın ışığına uyum sağlamasına bağlıdır. Çoğu AR görüntüleyici ortam ışığını tahmin ederek modele uygular ve modelin altına bir gölge ekler. Zemin gölgesi, ürünün "yüzen" görünmesini engelleyen en önemli ayrıntıdır. Malzemelerin PBR değerleri doğru kurulduğunda, yansımalar ve parlaklık oda ışığına göre doğal değişir. Aşırı kontrastlı ya da yapay ışıkla pişirilmiş (bake edilmiş) gölgeler AR'da yanlış görünür; bu yüzden modelde ışık ve gölgeyi dokunun içine gömmemek, gerçek zamanlı ışığa bırakmak gerekir.

Kullanıcı deneyimi: AR düğmesi nerede ve nasıl olmalı?

Ziyaretçi AR özelliğinin varlığını fark etmeli ve nasıl çalıştığını anlamalıdır. AR düğmesini model görüntüleyicisinin yakınında, net bir metinle ("Odanızda görün") yerleştirin. Düğme yalnızca uyumlu cihazlarda görünmeli; uyumsuz cihazlarda boş ya da hatalı bir düğme güveni zedeler. AR açıldığında kullanıcıya zemini taramasını söyleyen kısa bir yönerge göstermek ilk deneyimi kolaylaştırır; çoğu sistem bunu kendisi yapar. Ürünün gerçek ölçülerini sayfada metin olarak da yazın; AR kullanmayan ziyaretçi de boyutu öğrenebilsin. Ayrıca AR'dan çıkınca ziyaretçinin sepete ya da ürün sayfasına kolayca dönebildiğinden emin olun.

AR'ı nasıl test edersiniz?

AR testini masaüstü tarayıcıda yapamazsınız; gerçek cihazlar gerekir. Test planı olarak en az bir Android ve bir iPhone kullanın ve farklı ışık koşullarında (gün ışığı, akşam, loş oda) deneyin. Şunlara bakın: model doğru boyutta mı çıkıyor, zemine oturuyor mu, yönü doğru mu, dokular ve renkler beklediğiniz gibi mi, dosya ne kadar sürede açılıyor? Gerçek bir eşyanın yanına yerleştirip ölçüyü karşılaştırmak ölçek hatalarını en hızlı yakalayan yöntemdir. Testlerden sonra bulduğunuz sorunları modelleme aşamasına geri taşıyın; çoğu AR sorunu (ölçek, pivot, ağırlık) modelden kaynaklanır.

Sık görülen sorunlar ve çözümleri

• Model çok küçük ya da çok büyük çıkıyor: ölçek ve birim ayarı yanlıştır; metre cinsinden yeniden dışa aktarın.
• Model zeminin altında ya da havada duruyor: pivot noktasını ürünün tabanına taşıyın.
• Dosya geç açılıyor: poligon ve doku boyutunu düşürün, sıkıştırın.
• Renkler soluk ya da yapay: malzeme değerlerini ve gömülü ışığı kontrol edin.
• iPhone'da açılmıyor: USDZ dosyasının hazırlandığından ve sayfada doğru bağlandığından emin olun.
• AR düğmesi görünmüyor: cihaz ya da tarayıcı AR'ı desteklemiyor olabilir; bu normaldir ve normal 3D görüntüleyiciye dönmek gerekir.

AR'dan ne beklemeli, ne beklememeli?

AR ile ilgili sıklıkla çok iddialı rakamlar duyulur; ben bu rakamları kaynaksız tekrarlamıyorum. Gerçekçi beklenti şudur: AR, ürünün boyutu ve yerleşimiyle ilgili belirsizliği azaltır ve bu, bazı ürün türlerinde karar vermeyi kolaylaştırabilir. Ancak her ziyaretçi AR'ı kullanmaz; uyumlu cihaz, kamera izni ve ziyaretçinin merakı gerekir. Bu yüzden AR'ı tek başına bir dönüşüm aracı olarak değil, ürün sayfasındaki 3D deneyimin bir uzantısı olarak düşünmek sağlıklıdır. Etkisini kendi sitenizde ölçmek en güvenilir yoldur: AR düğmesine tıklanma oranı ve ardından sayfada geçirilen süre gibi basit göstergelere bakabilirsiniz.

Adım adım uygulama planı

AR'ı sıfırdan hayata geçirmek için şu sırayı izleyin. Önce hangi ürünlerin AR'dan fayda sağlayacağını belirleyin (boyutu karar verdiren ürünler). Sonra bu ürünlerin gerçek ölçülerini toplayın. Ardından ürünün modelini ölçeğe, pivot noktasına ve hafifliğe dikkat ederek hazırlayın. Daha sonra GLB ve USDZ dosyalarını üretin ve bir test sayfasında bağlayın. Gerçek bir Android ve bir iPhone cihazda test edin. Test sonuçlarına göre modeli düzeltin ve ardından yayına alın. Yayından sonra düğmeye tıklanma ve kullanım davranışını izleyin; sorun varsa modeli ya da düğme konumunu güncelleyin. Bu sıra, hataları erken ve ucuza yakalamanızı sağlar.

Gizlilik ve izinler

AR deneyimi kameraya erişim gerektirir ve bu izni ziyaretçi verir. Kullanıcıya kameranın neden kullanıldığını açıkça anlatmak ve izin istenmeden önce bağlam vermek güveni korur. Kamera görüntüsü çoğu AR görüntüleyicide cihazın içinde işlenir ve sizin sunucunuza gönderilmez; ancak kullandığınız araçların davranışını kendi dokümantasyonlarından kontrol etmelisiniz. Gizlilik metninizde AR'ın kamera kullandığını ve verinin nasıl işlendiğini belirtmeniz iyi bir uygulamadır. Bu konuda hukuki bir kesinlik için bir uzmana danışmak gerekir.

Erişilebilirlik ve alternatifler

AR bütün ziyaretçiler için uygun değildir; bu yüzden her zaman bir alternatif sunun. AR düğmesine ek olarak ürünün ölçülerini metin olarak yazın, normal fotoğrafları ve döndürülebilir modeli bırakın ve AR'ı isteğe bağlı tutun. Hareket kısıtlılığı olan ya da kamera izni vermek istemeyen ziyaretçiler de ürünü rahatça inceleyebilmelidir. Düğmenin metni açık ve anlaşılır olmalı ve klavyeyle erişilebilmelidir.

AR ile birlikte düşünülmesi gereken ürün sayfası detayları

AR düğmesi tek başına bir sonuç getirmez; çevresindeki ürün sayfası deneyimi bütünün parçasıdır. Ürünün ölçülerini ve ağırlığını net yazın; AR'ı kullanan ziyaretçi ürünü odasında görüp sayfaya döndüğünde, ölçü bilgisine hemen ulaşabilmelidir. Fiyat, stok ve sepete ekle düğmeleri AR'dan dönüşte de erişilebilir olmalıdır. Renk seçeneği olan ürünlerde, AR'da seçilen rengin ziyaretçinin seçimiyle tutarlı olması güven verir; bu, modelin renk değişimini AR görüntüleyiciye de aktarmayı gerektirebilir ve her platformda desteklenmeyebilir, bu yüzden desteği test edin. Ayrıca AR'a girmeden önce kısa bir bilgi mesajı ("Telefonunuzu zemine doğru tutun") göstermek, ilk kez kullananlar için deneyimi rahatlatır.

Küçük bir kontrol listesi: AR yayına hazır mı?

Yayına almadan önce şu sekiz maddeyi gözden geçirin. Model gerçek ölçüde mi? Pivot ürünün tabanında mı? GLB dosyası birkaç megabaytı aşmıyor mu? USDZ dosyası hazır ve doğru bağlı mı? AR düğmesi yalnızca uyumlu cihazlarda mı görünüyor? Gerçek bir Android ve bir iPhone'da test edildi mi? Ölçüler sayfada metin olarak da yazılı mı? AR'dan dönüşte ürün sayfası ve sepet erişilebilir mi? Bu sekiz maddenin her biri, ziyaretçinin ilk AR deneyimini belirler; biri eksikse deneyim bozulur ve ziyaretçi bir daha denemez.

AR ve ürün serileri

Birden çok renk ve boyut seçeneği olan ürün serilerinde, her seçeneğin AR'da gösterilmesi mümkündür ama maliyetlidir: her varyasyon için ayrı GLB ve USDZ dosyası gerekebilir. Bu yüzden önce en çok satan ya da en çok soru alan varyasyonlarla başlamak, sonra talebe göre genişletmek mantıklıdır. Renk değişimi için aynı modelin malzemesini değiştiren yaklaşımlar vardır, ancak AR görüntüleyicilerinde desteğin değişkenliği nedeniyle her varyasyonu ayrı dosya olarak hazırlamak en öngörülebilir yöntemdir. Dosya sayısı arttıkça adlandırma ve sürüm yönetimi daha önemli hale gelir.

Sonuç

AR, ürünü odada göstererek karar vermeyi kolaylaştıran güçlü bir araçtır; ancak her ürün için gerekli değildir ve doğru uygulanmazsa güveni zedeler. Ölçeği doğru kurun, pivotu tabana alın, dosyayı hafif tutun, hem GLB hem USDZ sunun ve gerçek cihazlarda test edin. Ürününüz için AR destekli bir 3D model istiyorsanız web için 3D ürün modeli sayfasına bakabilir ya da teklif formundan yazabilirsiniz.

Sık sorulan sorular

İlgili çalışmaAura ReformerÜrün Modelleme · Müşteri Çalışması · Blender · EEVEE · 6 ürün

İlgili çalışmaGemiSinematik kamera yolu · Blender · EEVEE · 1.500 kare · 24 fps