Deneyim tasarımı

Ürün Sayfasında 3D Vücut Modeli Gösterimi

3D avatarı PDP''de nereye koymalısınız ki gösteriş değil, beden kararına yardımcı olsun.

Bu sayfada
  1. Yerleşim, Modelin Kullanılıp Kullanılmayacağını Neden Belirler
  2. Sadece Widget'ı Değil, Tetikleyiciyi de Tasarlamak
  3. Modelin Gerçek Soruyu Yanıtlamasını Sağlamak
  4. Performans ve Güven Değerlendirmeleri
  5. Sıkça Sorulan Sorular

Mağazalar ürün sayfalarına 3D vücut önizlemesi eklemeye devam ediyor, ama etkileşim çoğu zaman neredeyse hiç kımıldamıyor. Sorun genelde teknoloji değil — yerleşim. Sayfanın en altına, yorumlar ve "bunları da beğenebilirsiniz" karusellerinin gerisine sıkıştırılmış bir vücut modeli, bir karar aracı değil dekorasyon gibi okunur.

Yerleşim, Modelin Kullanılıp Kullanılmayacağını Neden Belirler

Alışverişçiler beden kararını dar bir zaman diliminde verir — genellikle beden tablosuna bakmakla "sepete ekle"ye tıklamak arasında. 3D vücut önizlemesi bu pencerenin dışında duruyorsa, ne kadar isabetli olursa olsun görmezden gelinir. Model, ayrı bir kaydırma gerektiren modül yerine beden seçici ve beden tablosu tetikleyicisiyle aynı görsel bölgede yaşamalı.

Bu, PDP'de model boyu ve bedeninin gösterimi yazısındaki mantıkla aynı: beden seçicinin yanında duran bağlam okunur, başka yere konan bağlam atlanır.

Ürün Sayfasının Üç Bölgesi

Çoğu PDP üç işlevsel bölgeye ayrılır: kahraman/galeri bölgesi (üst), satın alma kutusu (beden, renk, sepete ekle) ve detay bölgesi (açıklama, yorumlar, kargo). 3D vücut modeli satın alma kutusunun kenarında, beden seçiciye görsel olarak bağlı olmalı — galerinin içinde ya da detay bölgesine itilmiş olmamalı.

YerleşimBeden kararına görünürlükTipik etkileşim artışı
Galeri içinde (kaydırılabilir görsel)Düşük — başka bir ürün fotoğrafı gibi okunurMinimal
Beden seçicinin yanına/altına sabitlenmişYüksek — beden kararı verildiği anda görülürAnlamlı
Sayfanın altı, kendi bölümüÇok düşük — çoğu alışverişçi oraya kadar kaydırmazNeredeyse sıfır
"Bedenime bak" düğmesiyle açılan modalYüksek — bilinçli, opt-in etkileşimAnlamlı

Sadece Widget'ı Değil, Tetikleyiciyi de Tasarlamak

Sayfa yüklenir yüklenmez otomatik yüklenip render edilen bir 3D vücut modeli, PDP'yi yavaşlatır ve etkileşime girmek istemeyen alışverişçileri rahatsız eder. Daha iyi yaklaşım hafif bir tetikleyicidir — beden seçicinin yanında "Bedenimde önizle" ya da "Bunun sana nasıl oturacağını gör" gibi etiketli bir düğme ya da küçük görsel — ve tam 3D deneyimi talep üzerine açar.

Bu, başlangıç sayfa ağırlığını düşük tutar ve dönüşümü doğrudan etkiler. Bu tetikleyiciyi telefonlarda hızlı tutmanın teknik tarafı için hızlı yüklenen mobil 3D vücut önizlemesi yazısına bakın.

Tetikleyici Ne İletmeli

  • Sadece "3D görünüm" değil, kişiselleştirme vaat etmeli — alışverişçiler "bizim modelimiz"e değil "senin bedenin"e tepki verir.
  • Beden açılır menüsünün göz hizasında, tercihen doğrudan bitişiğinde durmalı.
  • "İstek listesine ekle" gibi ikincil CTA'larla karışmaması için belirgin bir görsel tedavi (ikon, ince animasyon veya renk vurgusu) kullanmalı.

Modelin Gerçek Soruyu Yanıtlamasını Sağlamak

Alışverişçi "bu kıyafet içinde 3D bir insan nasıl görünür" diye sormuyor, "bu bana uyar mı" diye soruyor. Alışverişçinin kendi ölçülerine veya profiline kişiselleştirilmemiş bir 3D vücut modeli, fazladan adımlı bir ürün fotoğrafından ibarettir. Model, alışverişçinin kendi boyunu, vücut şeklini ve önizlenen belirli bedeni yansıttığı, omuz-bel-kalça bölgelerinde uyumu gösterdiği anda işe yarar hale gelir.

Burası ayrıca 3D önizlemenin sanal deneme ile örtüştüğü nokta. PDP'nizde zaten bir beden önerisi akışı varsa, 3D vücut modeli o önerinin üzerindeki görsel katman olmalı, rakip bir özellik değil. Bunları birlikte devreye alan ekipler bunları ayrı PDP modülleri gibi ele almadan önce sanal deneme ürün sayfası yükseltme rehberini okumalı.

Modelin Ortaya Çıkarması Gereken Sinyaller

  1. Kıyafet bölgesine göre bolluk veya darlık (göğüs, bel, kalça, uzunluk)
  2. Şu an seçili beden ile modelin önereceği beden karşılaştırması
  3. Alışverişçi iki beden arasında geçiş yaparsa basit bir görsel karşılaştırma

Bu sinyaller olmadan 3D model estetiktir. Bunlarla birlikte bir karar aracı işlevi görür — ki tek işi dönüşüm sağlamak olan bir sayfada bulunmasının tek nedeni budur.

Performans ve Güven Değerlendirmeleri

Etkileşimli PDP medyasının etkileşimle ilişkisi iyi belgelenmiştir — daha zengin, etkileşimli ürün deneyimleri sunan perakendeciler, yalnızca statik görsellere güvenenlere kıyasla ölçülebilir şekilde daha yüksek sayfada geçirilen süre ve sepete ekleme oranları görüyor; bu, Shopify'ın kurumsal ticaret araştırması tarafından da referans verilen perakende UX araştırmalarında belgelenen bir örüntü. Ama bu artış yalnızca etkileşimli öğe hızlı yüklendiğinde ve temel satın alma kutusu eylemleriyle rekabet etmediğinde ortaya çıkar.

Render edilmesi birkaç saniye süren ya da sayfa zaten yüklendikten sonra düzeni kaydıran bir 3D model, dönüşüme aktif olarak zarar verir — alışverişçiler yüklenmeden önce etkileşimi terk eder. 3D varlığı yukarıda anlatılan tetikleyici düğmenin arkasında geç yükleyin ve sepete ekle düğmesinin render'ını asla engellemesin.

Basit Bir Devreye Alma Kontrol Listesi

  • Tetikleyiciyi galeriye değil beden seçiciye bağlayın
  • 3D render'ı yalnızca alışverişçi opt-in olduktan sonra geç yükleyin
  • Mümkünse modeli alışverişçinin kayıtlı ölçülerine kişiselleştirin
  • Genel bir siluet değil, bedene özel uyum geri bildirimi gösterin
  • Önce mobilde test edin — çoğu PDP trafiği mobil ve render bütçeleri orada daha dar

Sıkça Sorulan Sorular

3D vücut modeli ürün sayfasında tam olarak nerede durmalı?

Satın alma kutusu içinde beden seçiciye bitişik durmalı, ya satır içi bir önizleme olarak ya da net etiketli bir tetikleyici düğmenin arkasında. Galeri içine ya da sayfanın altına konması onu alışverişçinin doğal karar yolundan çıkarır ve etkileşimi ciddi şekilde düşürür.

3D model her alışverişçiye kişiselleştirilmeli mi?

Evet, pratikte genel bir 3D manken normal bir ürün fotoğrafına göre çok az şey katar. Model, alışverişçinin kendi boyunu ve vücut şeklini yansıttığında ve seçilen bedenin omuz, bel ve kalça gibi bölgelerde nasıl oturduğunu gösterdiğinde gerçek bir karar aracına dönüşür.

3D vücut önizlemesi eklemek ürün sayfasını yavaşlatır mı?

Sadece kötü uygulanırsa. Tam 3D varlığı sayfa yüklenir yüklenmez yüklemek gereksiz ağırlık ekler; onu opt-in bir tetikleyicinin arkasına yüklemek, ilgilenen alışverişçilere aracı isterken sunarken başlangıç sayfa performansını korur.

3D vücut modeli sanal denemeden nasıl farklı?

Sanal deneme genellikle bir görsel ya da avatar üzerine kıyafeti bindirir, 3D vücut modeli ise alışverişçilere uyum ve orantının etkileşimli, döndürülebilir bir önizlemesini sunar. İkisi birlikte en iyi şekilde çalışır; 3D model, deneme ya da uyum tahmini sisteminin ürettiği beden önerisinin görsel katmanı olarak işlev görür.

Konular3d AvatarProduct PagePdp UxE-ticaret

Uygulamaya geçin

YourSizer’ı kendi mağazanızda görün

Beden önerisi, 3D vücut modeli ve fotoğrafla sanal deneme — bir günde ürün sayfalarınızda.