Mobil Uygulamaya Sanal Deneme Nasıl Eklenir?

Mobil alışveriş yapanlar artık web üzerinde aldıkları sanal deneme deneyimini uygulamanın içinde de bekliyorlar, ancak hatalı bir kamera izni istemi ya da yavaş bir render işleyen kullanıcıyı saniyeler içinde uygulamadan çıkartabilir. Bunu yanlış yapan moda uygulamaları, kullanıcıların bir kiyafeti bedenlerine takıldığını görmeden uygulamadan ayrıldığını görür. İlk sprint'te aldığınız mühendislik kararları — webview ya da native SDK — sanal denemenin bır tutunuş faktörü mü yoksa destek bileti üreteni mi olacağını belirler.

Native iOS ya da Android uygulamasına sanal deneme eklemek, web sitesine eklemekten tamamen farklı bir sorundur. Mobil kullanıcılar yükleme sürelerine karşı daha az sabırlı, izin istemlerine karşı daha duyarlı ve yapay görünen özellikleri hızla terk ederler. Bu rehber gerçek mühendislik kararlarını anlatır: webview sarmalayıcı ile native SDK arasında nasıl seçim yapılır, kamera ve fotoğraf kütüphanesi izinleri kullanıcıları korkutmadan nasıl yönetilir, orta seviye cihazlarda kare hızları ve yükleme süreleri nasıl kabul edilebilir tutulur ve insanları akışta tutan gerçek UX desenleri nelerdir.

Webview vs Native SDK: Aslında Ne Değişiyor

Webview katmanı, var olan sanal deneme web deneyiminizi WKWebView (iOS) ya da WebView (Android) bileşeninin içine yükler. En hızlı teslimat yoludur — çoğunlukla birkaç günün entegrasyon çalışması — çünkü tarayıcı için zaten oluşturduğunuz aynı render pipeline, beden lojistiğini ve UI'yi yeniden kullanabilirsiniz. Takas, kontrolün kaybıdır: webview'lar kamera ile render pipeline arasına bir JavaScript köprüsü katmanı ekler, bu da gecikme yaratır ve kamera izni istemlerini "bir web sitesinden" geliyormuş gibi hissettirir, uygulamadan değil.

Native SDK ise uygulamanızın kendi view hiyerarşisinin içinde platform'un native kamera API'lerini (AVFoundation iOS'ta, CameraX Android'te) ve native ya da WebGL tabanlı render motoru kullanarak render eder. Entegrasyonu daha uzun sürer ve tipik olarak iOS ve Android için platform'a özel çalışma gerektirir, ancak köprü yükünü ortadan kaldırır, kamera zamanlaması üzerinde doğrudan kontrol sağlar ve sanal deneme UI'sini uygulamanızın geri kalanının tasarım diline uydurmak imkanı verir.

Çoğu moda uygulaması için pragmatik yol, talep doğrulamak için webview katmanıyla başlamak, ardından sanal deneme kullanımı mühendislik yatırımını haklı çıkardığında native SDK'ya geçiş yapmaktır. Alıcılar aslında bu özelliği isteyip istemediğini bilmeden tam native yapıya hızlı atlamak, yol haritasının bir çeyreğini yanlış şeye harcanmasının yaygın bir yoludur.

Kamera ve İzin Yönetimi Kullanıcıyı Kaybetmeden

iOS ve Android her ikisi de uygulamanın kamera erişebilmesi için açık bir izin istemi gerektirir, ve her ikisi de kullanıcıya bir reddet sonrası kalıcı olarak reddet seçeneği verir. Bu da ilk isteminizin son derece önemli olduğu anlamına gelir — kullanıcıyı sistem ayarlarına göndermeden temiz bir ikinci şans yoktur. Biri "Deneme Yap" tuşuna bastığı anda ortaya çıkan açıklamasız bir sistem diyalogu, kamera neden gerekli olduğunun kısa bir uygulama içi açıklaması öncesinden gelen bir diyaloğdan çok daha kötü kabul oranına sahiptir.

Pratikte en iyi sonuç veren desen iki adımlı bir istektir: kameranın ne için kullanıldığını (uyum görselleştirmesi, kimlik veya depolama için değil) açıklayan hafif bir uygulama içi ekran gösterin, ardından yalnızca kullanıcı "Devam Et" tuşuna bastıktan sonra OS izin istemini tetikleyin. Buna bazen "ön-izin" ya da "hazırlık" ekranı denir ve kamera bağımlı uygulamalarda standart bir uygulamadır çünkü soğuk bir sistem istemi bilinçli bir seçime dönüştürür.

İstemi kendisinin ötesinde dikkat gereken birkaç uygulama detayı vardır:

• Zarif reddet işleme. Kullanıcı kamera erişimini reddederse, onları ölü noktaya taşımayın — fotoğraf yükleme geri planı ya da manuel ölçüm yolu sunun böylece sanal deneme azaltılmış bir biçimde işlev görmeye devam etsin.
• iOS Info.plist dizesi. Sistem diyalogunda gösterilen NSCameraUsageDescription değeri genel ("Cihazda görüntü işlemek için kullanılır") yerine spesifik ("Kiyafetleri bedeninize sığdırmak ve ön izlemek için kullanılır") olmalı, çünkü App Store yorumcuları ve kullanıcılar netliğe daha iyi yanıt verirler.
• Android runtime izinleri. Android 6.0+' ta, CAMERA (ve fotoğraf yüklemesini destekleyen durumda READ_MEDIA_IMAGES) uygulama başlangıcında değil, kullanım zamanında isteyin, ilgisiz izin yorgunluğundan kaçınmak için.
• Re-izin yolu. Bir kullanıcı daha önce erişimi reddettiyse, bu durumu algılayın ve açık bir talimatla sistem ayarlarına yönlendirin, sessizce yeniden tetiklenen istemi sesli bir şekilde tetiklemek yerine iOS/Android bastıracaktır.

Cihazda Render İçin Performans Bütçesi

Sanal deneme render işlemi tipik bir ürün sayfasından hesaplamalı olarak daha ağırdır ve mobil cihazlar GPU yeteneği açısından muazzam ölçüde farklılık gösterir — üç yaşındaki orta seviye Android telefon, mevcut nesil iPhone'dan çok farklı bir render hedefidir. Render pipeline'ınız sadece bir QA laboratuvarında flagship cihazlara karşı ayarlanmışsa, gerçek kurulu tabanınızın önemli bir payı için titrekleyen ya da çöken bir özellik teslimat etmiş olursunuz.

Deneyimi sorunsuz tutmak için üç kaldıraç en çok önem taşır: model ve tekstür boyutu, kare bütçesi ve ağ bağımlılığı. Mobil teslimat için gövde ve kiyafet varlıklarını agresifçe sıkıştırın — masaüstü sınıfı WebGL sahnesine yönelik oluşturulan bir tekstür kümesi genellikle telefonun ihtiyacı olduğundan çok daha büyüktür. Açık bir kare bütçesi ayarlayın (çoğu takım sanal deneme etkileşimleri için minimum 30fps hedefler, daha basit UI için 60fps'i saklı tutar) ve sadece en son iPhone'a değil, düşük-orta seviye Android cihazında profil oluşturun. Ve sanal deneme sürüsü sırasında boyutlandırma ya da render API'sine gidiş-dönüşleri en aza indirin — kullanıcı bir ürün sayfası açtığında alabileceğinizi önceden getirin, böylece sanal deneme görünümü bir ağ çağrısını beklemek yerine anında hissettirilsin.

Pil ve termal davranış da dikkat hak eder. Sürdürülen kamera + GPU render oturumları bir cihazı ısıtabilir ve performansı birkaç dakika içinde azaltabilir, bu nedenle süresiz çalışmak üzere tasarlanan bir sanal deneme oturumu zaman içinde bozulacaktır. Oturum uzunluğunu sınırlayın ya da kullanıcıların temiz bir şekilde çıkacağını varsaymamaları yerine hafif bir duraklatma durumu ekleyin.

Mobil UX Desenleri İnsanları Akışta Tutan

Küçük etkileşim detayları küçük bir ekranda aşırı ağırlık taşır. Birkaç desen tutarlı bir şekilde masaüstü sanal deneme akışlarının genel portunlarından daha iyi performans gösterir: sanal deneme tetikleyicisini ürün görüntüsünün üzerine doğrudan yerleştirmek (menüye gömme değil), kiyafetin siluetini önizleyen bir iskelet/yükleme durumu göstermek ve kullanıcıların sanal deneme görünümünü terk etmeden uygunluğu karşılaştırabilmek için tek dokunuş boyutu değişimi sunmak. YourSizer kullanan moda markaları arasında gördüğümüz iade desenleri temelinde, bieden önerisiyle birlikte görsel bir önizlemeyle etkileşim kuran alışveriş yapanlar, "güvenlik amacıyla" ikinci beden sipariş etme olasılığı anlamlı bir şekilde daha düşüktür — bu davranış ayraçlama olarak bilinir ve hem kargo maliyetini hem de iade hacmini artırır.

Yön mobil üzerinde masaüstünden daha önemlidir: tam gövde önizlemesi için dikey yönü varsayın çünkü bu telefonların tutulma şekliyle eşleşir, ancak detay yakınlaştırması için yatay ya da dikey tutumu izin verin. Ayrıca kesintiye bütçe ayırın — telefon çağrıları, bildirimler ve uygulama arka plana alması mobil üzerinde masaüstünden çok daha yaygındır oturum ortasında, bu nedenle kullanıcının sanal deneme durumunu (fotoğraf, seçilen beden, kiyafet) sürdürün böylece arka plana alınan uygulama akışı yeniden başlatmak yerine temiz bir şekilde devam etsin.

YourSizer Nereye Uyar

YourSizer'ın widget'ı minimal mühendislik çabasıyla webview katmanının içine katıştırmak için oluşturulmuştur, mobil takımlara çok sprint'li native yapı olmadan çalışan bir sanal deneme ve bieden önerisi deneyimi verir. Daha sonra daha düşük gecikmeli kamera işleme ya da daha derin native entegrasyon gerektiren takımlar için, aynı uyum zekası ve kiyafet verisi native SDK yoluna bağlanabilir — temel uyum zekası, render katmanı değiştiğinde yeniden oluşturulması gerekmez. Bu, bir takımın mobil sanal deneme talebini ucuza doğrulamak, sonra gerçek kullanım verilerine dayalı olarak native'nin performans kazançlarının ek mühendislik yatırımı değer olup olmadığına karar vermek imkanı verir, tahmin yerine. Bu yapı-vs-entegrasyon kararını değerlendiren takımlar genellikle mühendislik sürelerine taahhüt etmeden önce bir bieden önerisi çözümü seçme konusunu okuyarak başlar.

Sıkça Sorulan Sorular

Sanal denemeyi native bir özellik olarak mı yapmalıyım yoksa önce webview mi katıştırmalıyım?

Native yatırımını haklı çıkaracak kadar yüksek sanal deneme kullanımının olduğuna dair zaten güçlü kanıtlar olmadığı sürece webview katmanıyla başlayın. Webview, mobil alışveriş yapanların özelliği gerçekten kullanıp kullanmadığını doğrulamanıza, dönüşüm ve iade üzerindeki etkisini ölçmenize ve ancak o zaman iOS ve Android için çok haftalı native SDK çalışmasına taahhüt etmenize imkan verir. Native'yi talep doğrulamadan önce yapan takımlar, genellikle mütevazı bir kullanım gören daha ağır bir kod tabanını sürdürmeyi sonlandırırlar.

App Store ya da Play Store reddetmesinden kamera izinleri üzerinde nasıl kaçınırım?

Apple ve Google her ikisi de kamera kullanım açıklamalarını denetler ve talep edilen izin açıkça görünür bir uygulama içi amaçla eşleşmesini bekler. iOS'ta spesifik bir NSCameraUsageDescription dizesi yazın ki bu uyum ya da sanal deneme kullanım durumunu adlandırsın genel bir ifade yerine, Android runtime izinlerini başlangıçta değil kullanım noktasında isteyin ve kamera reddedilen bir kullanıcı hala kırık bir ekran yerine işlevsel bir geri plan yoluna sahip olduğundan emin olun — her iki platform'un yorumcuları reddet durumlarını test ederler.

Mobil sanal deneme için hangi kare hızını ya da yükleme süresini hedeflemeliyim?

Pratik bir hedef, kullanıcı kamera erişimini verdikten sonra yaklaşık bir ila iki saniye içinde ortaya çıkan bir render, son iki ila üç yıl içinde yayınlanan orta seviye bir cihazda etkileşim sırasında en az 30fps'i sürdürmektir. Sadece mevcut nesil iPhone'da değil, orta seviye Android telefonunda açıkça test edin, çünkü GPU yeteneği kurulu tabanında yaygın olarak farklılık gösterir ve pipeline sadece flagship donanımına karşı ayarlanmış olarak başka yerlerde açıkça titrer.

Sonuç

Mobil üzerinde sanal denemeyi doğru yapmak render teknolojisinin kendisinden daha çok çevresindeki kararlarla ilgilidir — kamera erişimini nasıl istiyorsunuz, daha zayıf cihazlarda nasıl zarif bir şekilde bozulur ve gerçek kullanım verisiyle haklı çıkarmadan native'yi yapıp yapmadığınız. En hızlı şekilde öğrenmenize imkan veren entegrasyon yolundan başlayın, onu iyi bir şekilde enstrüman edin ve gerçek mobil alışveriş yapan davranışının size native yapıya ne zaman yatırım yapmak zamanı olduğunu söylemesine izin verin.