E-Ticaret Sitelerinde Kullanıcı Deneyimi Nasıl Artırılır?

Kullanıcı deneyimini tahminle değil ölçerek artırıyoruz. Önce müşterinin satın alma yolunda en çok hangi adımda vazgeçtiğini buluyor, sonra o adımı ölçülebilir eşiklere göre düzeltiyoruz. “Site hızlı olsun, butonlar büyük olsun, ödeme kolay olsun” tavsiyesi doğru ama işe yaramıyor, çünkü ne kadar hızlı, ne kadar büyük ve ne kadar kolay sorusunu cevaplamıyor.

Bu yüzden aşağıdaki her önerinin yanında bir sayı ve o sayının kaynağı var. Sayıların bir kısmı Google, W3C ve Baymard Institute gibi birincil kaynaklardan, bir kısmı da kendi müşteri projelerimizde ölçtüğümüz sonuçlardan geliyor. Türkiye’de internet kullanıcılarının yüzde 60’ı artık internetten sipariş veriyor (TÜİK, 2026). Rekabet arttıkça bu eşikler, bir siteyi rakibinden ayıran ince farka dönüşüyor.

Önemli Noktalar

• Mobilde dokunma alanı en az 24×24 CSS piksel, Sepete Ekle gibi kritik butonlarda 44×44 piksel olmalı.
• İyi bir sayfada en büyük içerik 2,5 saniyede görünür, etkileşim yanıtı 200 milisaniyeyi, sayfa kayması 0,1’i geçmez.
• Ödeme formlarında ortalama 11,3 alan var, çoğu siteye 8 alan yetiyor.
• Türkiye’de e-ticaret hacminin yüzde 29,2’si havale ve EFT ile ödeniyor.
• Bir müşterimizin ürün sayfasındaki 528 piksellik kaymayı sıfıra indirdik, gerçek kullanıcı CLS değeri 0,24’ten 0,01’e düştü.

E-ticarette kullanıcı deneyimi nedir?

E-ticarette kullanıcı deneyimi, ziyaretçinin ürünü aramasından ödemeyi tamamlamasına kadar sitede yaşadığı etkileşimlerin bütünüdür. Sayfa hızı, mobilde butonların büyüklüğü, ürün bilgisinin açıklığı ve ödeme formundaki alan sayısı bu deneyimin ölçülebilir parçalarıdır. Nielsen Norman Group’un tanımına göre kullanılabilirlik, yani arayüzün kolay kullanılması, bu bütünün yalnızca bir parçası.

Kullanıcı deneyimi ile müşteri deneyimi sıkça karıştırılıyor. Müşteri deneyimi markayla yaşanan bütün temasları kapsar, kargo, iade süreci ve çağrı merkezi dahil. Kullanıcı deneyimi bunun sitedeki kısmı. İkisi birbirini etkiliyor, ama site deneyimi ölçülerek düzeltilebilen kısım. Bu yazı o kısma odaklanıyor.

Kullanıcı deneyimini iyileştirmeye nereden başlamalısınız?

En çok kaybın olduğu adımdan başlamalısınız. Bir e-ticaret ajansı olarak yeni bir mağazayla çalışmaya başladığımızda ilk işimiz tasarımı değiştirmek değil, kaybın nerede olduğunu bulmak oluyor. Ana sayfayı güzelleştirmek, ödeme adımında müşterilerin üçte birini kaybeden bir siteye pek bir şey kazandırmıyor.

Kaybın yerini üç ücretsiz araçla buluyoruz. GA4’ün önerdiği 8 e-ticaret olayı ürün listesini görmekten satın almaya kadar bir huni kuruyor. Ürün görüntüleme, sepete ekleme, ödemeye başlama ve satın alma adımları arasında en büyük düşüşün olduğu yer, ilk iş listenizin başına yazılıyor. Bu olayların doğru saydığından emin olmak için test siparişi veriyoruz. Yanlış sayan bir olay, yanlış adımı düzeltmenize yol açıyor.

İkinci araç Microsoft Clarity. Öfke tıklaması, kullanıcının aynı yere kısa sürede art arda tıkladığını, ölü tıklama ise tıkladığı öğeden hiçbir tepki alamadığını gösteriyor. Huninin hangi adımda kırıldığını GA4 söylüyor, o adımda neyin bozuk olduğunu çoğu zaman bu kayıtlar gösteriyor.

Üçüncü kaynak gerçek kullanıcıların hız deneyimi. PageSpeed Insights’ın üst kısmındaki Chrome kullanıcı verisi, sitenizin son 28 gündeki gerçek hızını gösteriyor. Laboratuvar puanı ile bu veri sık sık birbirini tutmuyor, karar verirken gerçek kullanıcı verisini esas alıyoruz.

Bu üç kaynak sorunu bulduktan sonra adım adım denetimin nasıl yapıldığını e-ticaret UX audit yazımızda anlattık.

Kategori sayfasında aranan ürün nasıl daha hızlı bulunur?

Mobilde filtreye ilk ekrandan ulaşılabilmesi, seçili filtrelerin görünmesi ve tek tek kaldırılabilmesi gerekiyor. Baymard Institute’un 344 büyük siteyi incelediği ürün listeleme araştırmasına göre sitelerin yüzde 36’sında listeleme tasarımı kullanıcıya zarar verecek düzeyde kusurlu. Müşteri aradığını bu sayfada bulamazsa ürün sayfasına hiç ulaşmıyor.

Mobil menüde gözden kaçan bir sorun daha var. Alt kategorisi olan üst kategoriler çoğu zaman yalnızca bir ok ya da açılır menü olarak kalıyor, kendi sayfalarına link vermiyor. Linya Jewellery’nin sitesinde alt kategorisi olan 7 üst kategori mobil menüden hiç link almıyordu. Kategori adını link, yanındaki oku ayrı bir buton yaptık ve her ikisine de 44 piksellik dokunma alanı verdik. Böylece hem müşteri hem arama motoru bu kategorilere doğrudan ulaşabiliyor.

Aradığını menüde bulamayan müşteri arama kutusuna yöneliyor. Türk e-ticaret sitelerinde aramanın nerede kırıldığını 22 mağazada ölçtüğümüz site içi arama deneyimi yazımızda bulabilirsiniz.

Ürün sayfasında hangi detaylar satın almayı kolaylaştırır?

Üç şey satın almayı kolaylaştırıyor. Yakınlaştırılabilen net görseller, sayfanın her yerinden ulaşılabilen bir Sepete Ekle butonu ve butonun hemen yakınında beden, teslim ve iade bilgisi. Baymard’ın ürün sayfası araştırmasına göre incelenen 344 sitenin yüzde 51’inde ürün sayfası deneyimi vasat ya da daha kötü.

Görseller ve yakınlaştırma

Baymard’ın testlerinde kullanıcıların yüzde 56’sının ürün sayfasındaki ilk hareketi görsellere bakmak oluyor. Aynı araştırmaya göre sitelerin yüzde 25’inde görsel çözünürlüğü ya da yakınlaştırma yetersiz (Baymard). Mobilde iki parmakla yakınlaştırmayı kapatan sitelere de sık rastlıyoruz. Bu ayar hem görseli inceleyemeyen müşteriyi hem de yazıyı büyütmek isteyen görme güçlüğü yaşayan kullanıcıyı engelliyor.

Sepete Ekle butonu ve mobil sepet çubuğu

Nielsen Norman Group’un göz izleme araştırmasına göre kullanıcılar sayfada geçirdikleri sürenin yüzde 57’sini ilk ekranda, yüzde 74’ünü ilk iki ekranda geçiriyor. Ürün açıklamasını, yorumları ve beden tablosunu okuyan müşteri ise çoğu zaman butonun çok altında kalıyor. Kararını verdiği anda butonu bulamaması gereksiz bir kayıp.

Linya Jewellery’nin ürün sayfalarında Sepete Ekle butonu, sayfanın yüzde 81’inde ekranda görünmüyordu. Asıl buton ekrandan çıktığında beliren bir mobil sepet çubuğu ekledik. Müşteri varyant seçmeden çubuğa dokunursa ürünü yanlış bedenle sepete atmak yerine onu seçim alanına götürüyoruz. Fiyat ve kargo bilgisi de çubukta canlı olarak güncelleniyor.

Beden, teslim ve iade bilgisi

Ticaret Bakanlığı’nın 2025 e-ticaret raporuna göre en yüksek iptal ve iade oranı yüzde 21,6 ile giyim, ayakkabı ve aksesuar sektöründe. Beden tablosu ve ölçü bilgisi bu yüzden yalnızca bir içerik işi değil, doğrudan iade maliyetini etkileyen bir kullanıcı deneyimi işi.

Teslim beklentisi de somut. Aynı rapora göre Türkiye’de ortalama kargo teslim süresi 42,2 saat ve teslimatların yüzde 53,1’i 24 ile 48 saat arasında tamamlanıyor. “En geç 3 iş günü” yerine “yarın kargoda” gibi tarihli bir vaat, müşterinin aklındaki soruyu daha net cevaplıyor. Bu bilgilerin ödeme adımından önce ne kadar görünür olduğunu 20 mağazada ölçtüğümüz güven unsurları yazımızda anlattık. Ürün metninin kendisi için de ürün açıklaması yazma rehberimize bakabilirsiniz.

Mobilde butonlar ve yazılar ne kadar büyük olmalı?

Dokunma alanı en az 24×24 CSS piksel olmalı, Sepete Ekle ve ödeme gibi kritik butonlarda ise 44×44 pikseli hedeflemelisiniz. İlk eşik WCAG 2.2’nin 2.5.8 maddesinden geliyor ve AA düzeyinde zorunlu, ikincisi aynı standardın AAA düzeyindeki 2.5.5 maddesi. Google’ın Android rehberi ise 48 dp öneriyor, bu da ekran boyutundan bağımsız olarak yaklaşık 9 milimetre ediyor.

Metnin okunurluğu da bir sayıya bağlı. WCAG 2.2, normal metinde arka planla en az 4,5’e 1, büyük metinde 3’e 1 kontrast oranı istiyor. Buton ve form alanlarının kenarlarında da 3’e 1 oranı aranıyor. Türkiye’deki web sayfa görüntülemelerinin yüzde 81,86’sı mobilden geldiği için (StatCounter, Eylül 2026) bu eşikler çoğu müşterinizin her gün gördüğü ekranı belirliyor.

Bio Organik’in sitesinde indirim rozetinin kontrast oranını ölçtüğümüzde 2,92 çıktı, yani AA eşiğinin bile altındaydı. Rozet renklerini yeniden ayarlayıp oranı 7,38’e çıkardık, dokunma alanlarını 44 piksele büyüttük. Renk körlüğü olan kullanıcılar için anlamı rengin değil metnin taşımasını sağladık. Arayüzü bu eşiklere göre baştan tasarlamak istiyorsanız UI ve UX tasarımı çalışmamıza göz atabilirsiniz.

Sayfa kayması ve hız satın almayı nasıl etkiliyor?

Kayma yanlış dokunmaya, yavaşlık terk etmeye yol açıyor. Google’ın Core Web Vitals eşiklerine göre iyi bir sayfada en büyük içerik 2,5 saniyede görünüyor, etkileşime 200 milisaniyede yanıt veriliyor ve kayma puanı (CLS) 0,1’i geçmiyor. Ölçüt tek bir ziyaret değil, gerçek ziyaretlerin yüzde 75’i.

Sık tekrarlanan “sayfa 2 saniyede açılmalı” tavsiyesinin ölçülmüş bir kaynağı yok. Google’ın eşiği 2,5 saniye ve “açılma” yerine en büyük içeriğin görünmesini ölçüyor. Hızın satışa etkisi ise kontrollü testlerle gösterilmiş. Deloitte’un Avrupa ve ABD’deki 37 markayla yaptığı Milliseconds Make Millions çalışmasında mobil sitede 0,1 saniyelik hızlanma perakendede dönüşümü yüzde 8,4 artırdı. Bu rakam Türkiye verisi değil, ama yönü açık.

Sayfa kayması hızdan daha az konuşuluyor ama ürün sayfasında daha sinsi. Görsel geç yüklenip sayfayı aşağı ittiğinde müşteri yanlış bedene ya da yanlış butona dokunuyor. Linya Jewellery’nin ürün sayfasında galeri, yüklenirken 528 piksellik bir alanı hiç ayırmıyordu. Galeri alanını önceden boyutlandırdık ve kaymayı sıfıra indirdik. Gerçek kullanıcı verisinde CLS 0,24’ten 0,01’e düştü, LCP 1,8 saniye ve INP 88 milisaniye ile üç metrik de iyi eşiğe girdi (Linya Jewellery başarı hikayesi). Türk mağazalarının durumu da bu yüzden önemli. Ekim 2026’da gerçek kullanıcı verisine baktığımız 217 Türk e-ticaret sitesinin yalnızca yüzde 38’i telefonda üç metriği birden geçiyordu, en sık kalınan metrik etkileşim hızı (INP) oldu. Hızın teknik tarafını ve bu ölçümün ayrıntısını e-ticaret sitelerinde hız yazımızda ele aldık.

Google, Core Web Vitals’ın sıralama sistemlerinde kullanıldığını söylüyor, ama tek bir sinyal olmadığını ve alakalı içeriğin her zaman önce geldiğini de ekliyor (Google Search Central). Yani hızı önce müşteri için, sonra Google için düzeltiyoruz.

Ödeme adımında müşteriyi ne yoruyor?

Beklenmedik ek maliyet, zorunlu üyelik ve uzun form. Baymard Institute’un 50 çalışmanın ortalamasından hesapladığı sepet terk oranı yüzde 70,22. ABD’li alışverişçilerle yapılan ankette ödemeyi yarıda bırakanların yüzde 40’ı kargo ve vergi gibi ek maliyetleri, yüzde 18’i zorunlu üyeliği, yüzde 17’si uzun ve karmaşık ödeme sürecini sebep olarak gösteriyor.

“Ödeme adımlarını tek sayfaya indirin” tavsiyesi de sık duyuluyor, ama ölçüm başka bir şey söylüyor. Baymard’ın 2024 ölçümüne göre kullanılabilirliği adım sayısından çok form alanı sayısı belirliyor. Ortalama ödeme formunda 11,3 alan var, oysa çoğu siteye 8 alan yetiyor. Fatura adresini teslimat adresiyle aynı kabul eden bir seçenek, ad ve soyadın tek alanda istenmesi ve tarayıcının otomatik doldurmasını açan alan ayarları bu sayıyı hızla düşürüyor. WCAG 2.2’nin 3.3.7 maddesi de aynı süreçte daha önce girilen bilginin yeniden istenmemesini şart koşuyor ve örnek olarak tam bu durumu veriyor.

Misafir ödemeyi kapatmamanızı öneriyoruz. Google’ın ödeme formu rehberi de kullanıcıyı satın almadan önce hesap açmaya zorlamamayı öneriyor. Üyeliği sipariş tamamlandıktan sonra, tek adımda şifre belirleme olarak sunmak daha az müşteri kaybettiriyor.

Türkiye’nin kendine özgü bir ödeme alışkanlığı da var. Ticaret Bakanlığı’nın 2025 raporuna göre e-ticaret hacminin yüzde 62,5’i kartla, yüzde 29,2’si havale ve EFT ile, yüzde 3,5’i kapıda ödemeyle gerçekleşti. Havale seçeneğini ödeme adımında gizlemek ya da sona saklamak, hacmin neredeyse üçte birini zorlaştırmak anlamına geliyor. Ödeme adımının yasal zorunluluklarını e-ticaret sitesinde olması gerekenler yazımızda, sayfa düzeniyle ilgili ayrıntıları ödeme sayfası optimizasyonu rehberimizde bulabilirsiniz.

Erişilebilirlik kullanıcı deneyiminin neresinde duruyor?

Tam içinde. Erişilebilir bir site, engelli kullanıcılar dahil herkes için daha kolay kullanılıyor. WCAG 2.2, 5 Ekim 2023’te W3C standardı oldu, önceki sürüme 9 yeni madde ekledi ve ISO/IEC 40500 standardı olarak da kabul edildi.

E-ticarette en sık karşılaştığımız erişilebilirlik sorunları dört grupta toplanıyor. Klavyeyle gezinen kullanıcının nerede olduğunu gösteren odak halkasının kaldırılması, etiketi olmayan form alanları, düşük kontrast ve ekran okuyucunun duyurmadığı işlemler. Linya Jewellery’de 33 eksik erişilebilirlik etiketini ekledik, metin kontrastını 31 kullanımda yükselttik. Bio Organik’te klavye odak halkalarını geri ekledik ve sepete ekleme işlemini ekran okuyucunun da duyurduğu bir bildirime bağladık. Bio Organik’ten Kemal Pektaş bu çalışmayı “kullanıcı deneyimimizi ciddi şekilde iyileştirdi” diye anlatıyor (Bio Organik başarı hikayesi).

Avrupa Birliği’ndeki tüketicilere satış yapıyorsanız bir konu daha var. European Accessibility Act, 28 Haziran 2025’ten beri e-ticaret hizmetlerini de kapsıyor. 10’dan az çalışanı olan ve yıllık cirosu 2 milyon avroyu aşmayan mikro işletmeler hizmet yükümlülüğünden muaf tutuluyor. Bu bilgi hukuki görüş değil, e-ihracat yapıyorsanız kendi durumunuzu bir hukukçuyla değerlendirmenizi öneriyoruz.

Hangi iyileştirmeyi önce yapmalısınız?

Huninin sonuna en yakın olandan başlamalısınız, çünkü kayıp oraya yaklaştıkça pahalılaşıyor. Ödeme adımında kaybedilen müşteri zaten ürünü seçmiş, sepete eklemiş ve satın almaya karar vermişti. Bu yüzden önerdiğimiz sıra şöyle.

Önce ödeme adımı geliyor. Kargo ücretini baştan göstermek, misafir ödemeyi açmak ve formu 8 alana yaklaştırmak genellikle birkaç günlük iş. Sonra ürün sayfası geliyor, yani Sepete Ekle butonuna her an ulaşılması, görsellerin yakınlaştırılabilmesi ve sayfanın kaymaması. Üçüncü sırada kategori sayfası ve filtreler var. Son olarak site genelinde kontrast ve dokunma alanı düzeltmelerini yapıyoruz.

Her değişiklikten sonra 28 gün bekleyip hız verisini Chrome kullanıcı verisiyle, huni adımını GA4 ile yeniden ölçüyoruz. Değişikliğin gerçekten işe yarayıp yaramadığını görmenin başka yolu yok. Büyük değişiklikleri dönüşüm oranı optimizasyonu kapsamında A/B testiyle doğruluyoruz. Sitenizdeki sürtünme noktalarını birlikte bulmak isterseniz UI ve UX danışmanlığı hizmetimize bakabilirsiniz.

Kullanıcı deneyimi ölçülebilir eşiklerden oluşur

Kullanıcı deneyimi bir his değil, bir dizi ölçülebilir eşik. Dokunma alanı 24 ve 44 piksel, kontrast 4,5’e 1, en büyük içerik 2,5 saniye, kayma 0,1, ödeme formunda 8 alan. Bu sayılara bakmadan yapılan bir tasarım değişikliği, sorunu çözüp çözmediğini de bilemiyor.

Önerimiz her zaman aynı sırayı izlemek. Önce kaybın yerini bulmak, sonra o adımı eşiklere göre düzeltmek, sonra yeniden ölçmek. Ürün ve ödeme sayfalarınızı bu ilkelere göre baştan tasarlamak isterseniz e-ticaret site tasarımı hizmetimize, mağazanızın bütününü birlikte ele almak isterseniz e-ticaret operasyonunuzu birlikte yönettiğimiz çalışmamıza göz atabilirsiniz.

---

Bu yazı Emir Bengiserp tarafından yazıldı. Benji’s Digital kurucusu; 15+ yıldır e-ticaret markalarında SEO, performans pazarlaması, UX ve ürün verisi tarafında çalışıyor.

Son güncelleme 5 Ekim 2026. Linya Jewellery ve Bio Organik örnekleri, iki markanın sitelerinde yaptığımız ve başarı hikayelerinde yayınladığımız çalışmalardan alındı.

← Blog ana sayfasına dön