Mobilde Dönüşüm Neden Düşük Görünüyor?
Mobil trafik masaüstünü çoktan geçti, mobil dönüşüm oranı ise hâlâ geride duruyor. Bu farkın bir kısmı gerçekten arayüzden geliyor: dar ekran, uzun form, ağır görsel. Bir kısmı da ölçümün kendisinden, çünkü telefonda bakıp bilgisayarda satın alan aynı kişi, oturum bazlı raporda iki ayrı ziyaretçi gibi görünür.
Farkın ne kadarı arayüzden geliyor?
Kullanıcı akşam telefonda ürüne bakıp ertesi gün bilgisayardan sipariş verdiğinde, mobil tarafta terk edilmiş bir oturum, masaüstünde ise bedavaya gelmiş bir satış görünür. Cihazların rolü farklıysa, iki oranı yan yana koymak baştan yanlış soruyu sorar.
Tahmin etmek yerine bakılabilir: üye girişi yapmış kullanıcıların cihaz geçişlerini çıkar, ya da yalnızca tek cihazla tamamlanmış yolculukları ayır. Fark bu kesitte de duruyorsa sorun arayüzdedir ve aşağıdaki müdahaleler işe yarar. Kapanıyorsa optimize edilecek şey arayüz değil, raporun kendisi.
Sürtünmenin büyük kısmı formda
Dar ekranda en pahalı hareket yazmaktır. Adres, kart, doğrulama kodu; her biri klavyeyle boğuşulan bir alan. İyi tarafı, bunun çoğu kod tarafında ucuza çözülüyor: alanlara doğru autocomplete değerlerini ver (street-address, postal-code, cc-number), sayısal alanlara inputmode="numeric" koy, SMS kodu alanına autocomplete="one-time-code" ekle. Gerisini tarayıcı ve işletim sistemi hallediyor (bunun için ayrı bir form kütüphanesi kurmaya gerek yok).
Alan sayısını azaltmak da işe yarar ama sınırı var. Adresi tek satıra indirirsen yazma yükü azalır, kargo tarafındaki düzeltme işi büyür. Önce doldurmayı kolaylaştır, alan silmeyi sonra konuş.
Keskin görsel ile hızlı sayfa aynı anda istenebilir
Mobil UX önerilerinin klasik çelişkisi şu: "görseller yüksek çözünürlüklü olsun" ile "sayfa hızlı açılsın" yan yana yazılır, ikisinin aynı bağlantıyı paylaştığı söylenmez. Peki kullanıcı gerçekten kaç görseli büyütüyor?
Çözüm sıralamada. Liste ve ürün sayfasında ekran genişliğine uygun boyutu srcset ile gönder, büyütme çözünürlüğünü yalnızca kullanıcı görsele dokunduğunda yükle. Böylece zoom yapmayan kullanıcı, yapanların faturasını ödemez.
Sepete erişim ve sabit alanlar
Sepet simgesini her ekranda erişilebilir tutmak mobilde işe yarıyor; kullanıcı ne topladığını görmeden ödeme adımına geçmek istemiyor. Ama sabit alan bedava değil. Üstte arama çubuğu, altta menü, bir de kampanya şeridi üst üste binince küçük telefonda içeriğe avuç içi kadar yer kalır.
Tek bir sabit şerit seç, ince tut, kaydırma yönüne göre gizlenip geri gelsin. İki sabit çubuğa ihtiyaç duyuyorsan sayfada fazladan bir şey var demektir.
Hangi sırayla
Önce ölçümün doğru olduğundan emin ol, çünkü yanlış tanıya göre yapılan iyileştirme haftaları yer. Sonra ödeme akışındaki yazma yükünü düşür, en hızlı görülen kazanç orada. Görsel ve performans dengesi üçüncü sırada gelir, sabit menü ve arama düzenlemeleri en sonda: bunlar dönüşümü ittirir, akış bozuksa kurtarmaz.