Aynı ürünü aynı fiyata satan iki siteden birinin daha çok satması çoğu zaman tasarımın güzelliğiyle değil, satın almanın ne kadar kolay olduğuyla ilgilidir. Bu yazıda kullanıcı deneyiminin satışı hangi noktalarda etkilediğini, bunu nasıl ölçeceğinizi ve mobil uyumlu site ile PWA arasında nasıl karar vereceğinizi anlatıyoruz. Uygulanabilir iyileştirme önerileri için kullanıcı deneyimini geliştirmek için 6 öneri yazımıza bakabilirsiniz.
%70,22 ortalama sepet terk oranı (50 araştırma)
%18 zorunlu üyelik yüzünden ödemeyi bırakanlar
%17 site hatası ya da çökme yüzünden bırakanlar
Kullanıcı deneyimi (UX) nedir?
Kullanıcı deneyimi, bir ziyaretçinin siteye girdiği andan siparişi tamamlayana kadar yaşadığı sürecin bütünüdür: aradığını bulması, ürünü anlaması, güven duyması, ödemeyi zorlanmadan bitirmesi. Arayüz tasarımı (UI) bu sürecin görünen yüzüdür; UX ise hız, akış, bilgi düzeni ve hata durumlarını da kapsar. E-ticarette iyi UX'in ölçütü, satın almaya niyetli ziyaretçinin engelsiz ilerlemesidir.
UX satışı nerede etkiler?
Baymard Institute'un derlediği 50 araştırmanın ortalamasına göre sepetlerin yüzde 70,22'si terk ediliyor. Yalnız göz atanlar çıkarıldığında ödeme adımında vazgeçme nedenlerinin önemli bir kısmı doğrudan kullanıcı deneyimiyle ilgili:
| Terk nedeni | Oran | UX karşılığı |
|---|---|---|
| Ek maliyetler çok yüksek | %40 | Kargo ve toplam tutarı ürün sayfasında göstermek |
| Zorunlu hesap oluşturma | %18 | Misafir olarak alışveriş seçeneği |
| Uzun ya da karmaşık ödeme | %17 | Az adım, az form alanı, otomatik doldurma |
| Site hataları ve çökmeler | %17 | Ödeme akışının düzenli test edilmesi |
| Toplam tutarı baştan görememe | %12 | Sepette net toplam ve kargo hesabı |
| Yetersiz ödeme yöntemi | %9 | Hedef kitlenin kullandığı yöntemleri eklemek |
Tablo iki şeyi gösteriyor: satışı kaybettiren sorunların çoğu görsel tasarımdan değil akıştan kaynaklanıyor ve bu sorunlar ölçülmeden fark edilmiyor. Terk nedenlerine ayrıntılı çözümleri sepet terk oranını azaltma yazımızda anlattık.
Kullanıcı deneyimi nasıl ölçülür?
- GA4 huni keşfi: Ürün görüntüleme, sepete ekleme, ödemeye başlama ve satın alma adımlarını tanımlayın; her adımdaki kaybı cihaz kategorisine göre ayırın. Mobildeki kayıp masaüstünden belirgin biçimde yüksekse sorun mobil deneyimdedir.
- Core Web Vitals: Search Console ve PageSpeed Insights'ta LCP (iyi eşik 2,5 saniye), INP (200 milisaniye) ve CLS (0,1) değerlerini mobil ve masaüstü için ayrı izleyin.
- Oturum kaydı ve ısı haritası: Microsoft Clarity gibi ücretsiz araçlarla ziyaretçilerin nerede takıldığını, hangi alana tekrar tekrar tıkladığını izleyin.
- Site içi arama ve destek soruları: Sonuç vermeyen aramalar ve en sık gelen sorular, sayfada eksik olan bilgiyi gösterir.
İpucu: GA4'te cihaz kırılımı kullanıldığında kullanıcı, huniye girdiği ilk cihaza atanır; mobilde başlayıp masaüstünde bitiren ziyaretçi mobil satırında görünür. Oturum kaydı ve analiz araçları çerez kullandığı için KVKK'nın çerez rehberine göre açık rıza alınmadan çalıştırılmamalıdır.
Mobil uyumlu site mi, PWA mı?
Mobil uyumlu site bir tercih değil, başlangıç koşuludur: Google, dizine ekleme ve sıralamada sitenin akıllı telefon tarayıcısıyla taranan mobil sürümünü kullanır. Google'ın mobil beklentilerini mobil uyumlu e-ticaret sitesi yazımızda ayrıntılı anlattık.
PWA (Progressive Web App, aşamalı web uygulaması), web teknolojileriyle yapılmış ama uygulama gibi davranan sitedir. MDN'nin tanımıyla PWA cihaza kurulabilir, çevrim dışı ve arka planda çalışabilir; bunu web uygulama bildirimi (manifest) ve service worker ile sağlar. Mobil uyumlu bir sitenin üzerine eklenen bir katman olarak düşünülmelidir.
PWA'nın artıları
- Uygulama mağazasına gerek olmadan ana ekrana eklenebilir
- Önbellek sayesinde zayıf bağlantıda ve çevrim dışı çalışabilir
- İzin veren kullanıcıya bildirim gönderilebilir
Sınırları
- iPhone ve iPad'de web bildirimi yalnız ana ekrana eklenen uygulamada, iOS 16.4 ve sonrasında çalışır
- Hazır altyapılarda PWA desteği platformun sunduğu kadardır
- Yavaş ya da karmaşık bir siteyi tek başına düzeltmez
Pratik karar şöyle: siteniz mobilde hızlı değilse ve ödeme akışı sorunluysa önce onları düzeltin; PWA bu sorunları örtmez. Temeli sağlam, tekrar alışverişin yüksek olduğu mağazalarda ana ekrana ekleme ve bildirim, uygulama geliştirmeden sadakat kanalı açar. Mağaza uygulaması seçeneklerini hibrit ve native mobil uygulama yazımızda karşılaştırdık. Uygulama geliştirmeye karar verirseniz mobil uygulama hizmetimizi inceleyebilirsiniz.
Önce neyi düzeltmelisiniz?
- Huniyi kurun GA4'te satın alma adımlarını tanımlayın ve bir ay veri toplayın.
- En büyük kaybı bulun Kaybın en yüksek olduğu adımı ve cihazı belirleyin.
- Nedeni izleyin O adımdaki oturum kayıtlarını izleyerek takılma noktasını görün.
- Tek değişiklik yapın Ödeme adımı sadeleştirme gibi tek bir iyileştirmeyi yayına alın.
- Sonucu karşılaştırın Değişiklikten önceki ve sonraki dönüşüm oranını aynı gün sayısıyla karşılaştırın.
Test ve ölçüm yöntemini dönüşüm oranı optimizasyonu rehberimizde, rapor okumayı GA4 ile e-ticaret verilerini okuma yazımızda anlattık. WebAction olarak web tasarım ve IdeaSoft, ikas, Ticimax, T-Soft, Shopify, WooCommerce kurulum projelerinde ölçüm altyapısını ilk günden kurup iyileştirmeleri veriye göre sıralıyoruz.
Sık sorulan sorular
Kullanıcı deneyimi satışları nasıl etkiler?
Ödeme adımındaki terk nedenlerinin önemli kısmı UX kaynaklıdır: zorunlu üyelik, uzun ödeme süreci, site hataları ve toplam tutarın geç görünmesi. Bunlar giderildiğinde satın almaya niyetli ziyaretçilerin daha büyük kısmı siparişi tamamlar.
Mobil uyumlu site yeterli mi, PWA gerekli mi?
Mobil uyumlu ve hızlı site her e-ticaret işletmesi için yeterli başlangıçtır. PWA, tekrar alışverişin yüksek olduğu ve bildirimle müşteriye ulaşmak isteyen mağazalar için ek bir katmandır.
PWA iPhone'da bildirim gönderebilir mi?
Evet, iOS ve iPadOS 16.4'ten beri; ancak yalnız kullanıcı web uygulamasını ana ekrana eklediyse ve izin isteği bir kullanıcı etkileşimiyle başlatıldıysa.
Kullanıcı deneyimini ücretsiz nasıl ölçerim?
GA4 huni keşfi, Search Console'daki Core Web Vitals raporu, PageSpeed Insights ve Microsoft Clarity ücretsizdir. Birlikte kullanıldığında hem nerede hem neden kaybettiğinizi gösterirler.
Kaynaklar
- Baymard Institute, Cart Abandonment Rate Statistics (28.09.2026)
- Google Analytics Yardım, Funnel exploration (28.09.2026)
- web.dev, Web Vitals (28.09.2026)
- Microsoft Learn, Clarity sık sorulan sorular (28.09.2026)
- Google Search Central, Mobile-first indexing best practices (28.09.2026)
- MDN, Progressive web apps (28.09.2026)
- WebKit, Web Push for Web Apps on iOS and iPadOS (28.09.2026)
- Kişisel Verileri Koruma Kurumu, Çerez Uygulamaları Hakkında Rehber (28.09.2026)
