Konu Başlıkları
Yükleniyor...

AR Alışveriş Araçlarında UX: Rozet, Kalibrasyon ve Geçişler

Artırılmış Gerçeklik Alışverişinde Arayüz Kararları

AR'lı ürün deneme çoğu katalogda butondan ibaret: özellik var, kullanan yok. Sorun genelde AR motorunda değil; rozetin nerede durduğunda, kalibrasyonun nasıl anlatıldığında ve kullanıcının mobil siteden uygulamaya geçerken ürünü kaybedip kaybetmediğinde. Hepsi sıradan arayüz kararları, hepsi bu hafta verilebilir.

Rozeti ürün listesine koy

AR özelliğini ana sayfada duyurmak bir kez işe yarar, sonra unutulur. Karar ürün listesinde veriliyor, rozet de orada durmalı: küçük bir simge ve yanında "AR ile dene" gibi iki kelimelik etiket. Simgeyi tek başına bırakma. Herkesin tanıdığı bir AR ikonu yok, kullanıcı senin çizdiğin küpün ne anlama geldiğini tahmin etmek zorunda kalıyor.

Katalogun tamamı desteklenmiyorsa, ki çoğunda desteklenmez, listeye "AR ile denenebilir" filtresi ekle. Filtre, rozet arayıp bulamayan kullanıcıyı ürün ürün tıklamaktan kurtarır.

AR desteği arayüz kararı değil, içerik işi

Asıl darboğaz tasarımda değil. Her ürün için bir 3B model gerekiyor ve o model iki formatta lazım: iOS'ta AR Quick Look USDZ istiyor, Android'de Scene Viewer glTF/GLB okuyor. Beş bin ürünlük bir katalogda bu, beş bin değil on bin dosya demek, varyant renkleri ayrı modellenecekse daha da fazlası.

Bir mobilya projesinde aynı ürünün iki formatını senkron tutmak, AR arayüzünü yazmaktan uzun sürmüştü. O yüzden kapsam hep kısmi kalır ve tasarımı kısmi kapsama göre kurmak gerekir: rozet istisnadır, filtre kuraldır.

Dosya boyutunu da arayüz sorunu say. Model birkaç megabaytı geçiyorsa butona basan kullanıcı boş ekrana bakıyor demektir. İndirme sırasında ilerleme göster, mümkünse ilk açılışta düşük çözünürlüklü sürümü yükle.

Kalibrasyonda yüz ile oda aynı şey değil

Sanal makyaj ya da gözlük denemesinde kalibrasyon neredeyse kendiliğinden oluyor; kullanıcı sosyal medya filtrelerinden ön kameraya bakmayı zaten biliyor. Odaya mobilya yerleştirmek başka iş. Orada cihazın düzlem bulması gerekiyor, kullanıcı da ne yapması gerektiğini bilmiyor.

  • Tek seferde tek yönerge ver: "Telefonu zemine doğru tut ve yavaşça çevir."
  • Fiziksel bir hedef göster. "Zemin ile duvarın birleştiği köşeyi tara", soyut "ortamı tara"dan çok daha iyi çalışır.
  • Başarısızlığın bir çıkışı olsun. On saniyede düzlem bulunamadıysa ışık uyarısı ver ya da desensiz bir zemine yönlendir. Aynı animasyonu sonsuza kadar döndürme.

Ekranın altı çalışır, üst köşeleri çalışmaz

AR ekranında göz nesnede ve alt bantta. Üst köşelere koyduğun ölç, paylaş, rengi değiştir butonları büyük ölçüde görülmez; dikkat oraya gitmediği gibi, telefon tek elle tutulurken başparmak da oraya ulaşmaz. Varyant ve sepet işlemlerini alta al. Nesneye özgü eylemleri nesnenin yanındaki bir tutamağa bağla, böylece kullanıcı neyi değiştirdiğini görerek yapar.

Alt bandı da şişirme. Sepete ekle, varyant, kapat. Gerisi menüye.

Mobil siteden uygulamaya geçişte ürünü kaybetme

Klasik kırılma noktası şu: kullanıcı mobil sitede ürünü buluyor, "AR için uygulamayı aç" diyorsun, uygulama ana sayfada açılıyor ve adam ürünü baştan aratıyor. Bağlantı doğrudan ürün sayfasına düşmeli. Uygulama kurulu değilse mağazaya yönlendirirken ürün kimliğini kurulum sonrasına taşıyabiliyorsan taşı; taşıyamıyorsan o butonu hiç koyma ve mobil webde kal. AR Quick Look da Scene Viewer da uygulama kurdurmadan, tarayıcıdaki bir bağlantıdan açılıyor. Uygulamaya geçiş, ancak uygulamada gerçekten fazladan bir şey varsa hak ediliyor.