We Are Social'ın 2025 Türkiye raporuna göre internet kullanıcılarının %82'si mobil cihazlar üzerinden siteleri ziyaret ediyor. Ancak çarpıcı olan şu: aynı raporda mobil dönüşüm oranı masaüstünün sadece yarısı. Yani trafik mobilden geliyor ama satış masaüstünde oluyor. Sebep? Kötü mobil UX. Bu yazıda YTASoft'un 500+ projesinden çıkardığımız mobil UX taktiklerini paylaşıyoruz.
Mobil-First Değil, Mobil-Only Düşünün
2010'ların "mobile-first" yaklaşımı artık yeterli değil. 2026'da mobile-only düşünmeliyiz: sitenizin en önemli dönüşüm yolu, %100 mobilde çalışmak zorunda. Masaüstü ikincil.
Dokunma Hedefi (Touch Target) Kuralları
Apple Human Interface Guidelines ve Google Material Design her iki de minimum 44x44 piksel dokunma hedefi öneriyor. YTASoft olarak rahatlık için 48x48 piksel ve butonlar arasında en az 8 piksel boşluk kullanıyoruz.
Yanlış Yapılanlar
- 12-14px'lik metin linklerin küçük tıklama alanı
- Yan yana sıkıştırılmış menü öğeleri
- Küçük X (kapatma) butonları popup'larda
- Hover durumuna bağlı tasarımlar (mobilde hover yok!)
Thumb Zone: Başparmak Erişim Bölgesi
Kullanıcılar telefonu genellikle tek elle tutar ve ekranın alt üçte ikisi başparmakla rahat erişilebilir. Kritik CTA'larınızı ("Teklif Al", "Hemen Ara", "Sepete Ekle") bu bölgeye yerleştirin.
Sabit Alt Menü (Bottom Navigation)
Özellikle e-ticaret ve hizmet siteleri için sayfanın altında sabit kalan ana aksiyon butonları dönüşümü %20-40 artırıyor. Mert Oto Servis projemizde bu yaklaşımla mobil dönüşüm %38 arttı.
Mobil Form Optimizasyonu
Formlar mobil UX'in en kırılgan noktasıdır. Baymard Institute araştırmasına göre mobil alışveriş sepetlerinin %65'i form sorunları nedeniyle terk ediliyor.
Form Dönüşümünü Artıran 10 Taktik
- Alan sayısını minimuma indirin (ortalama 3-5 alan)
- Doğru inputmode kullanın (email → klavyede @ görünsün)
- Telefon alanında type="tel" kullanın
- Autocomplete özniteliği ekleyin
- Tek sütunlu form düzeni tercih edin
- Anlık doğrulama (inline validation) yapın
- Parola alanlarında "göster/gizle" toggle'ı olsun
- Klavye açılınca submit butonu ekranda kalsın
- "Zorunlu" yerine "opsiyonel" alanları işaretleyin
- Tarih alanlarında native date picker kullanın
Sayfa Hızı: Mobil UX'in Temeli
Google'ın 2024 araştırmasına göre mobil sayfa 1 saniyeden 3 saniyeye çıkınca çıkma oranı %32, 5 saniyeye çıkınca %90 artıyor. Hız optimizasyonu UX'in bir parçasıdır, ayrıca bir proje değildir.
Core Web Vitals optimizasyonu hakkında detaylı bilgi için Core Web Vitals 2026 yazımıza bakın.
Mobil Navigasyon Tasarımı
Hamburger Menü: Dost mu Düşman mı?
NN/Group araştırmalarına göre hamburger menü arkasındaki sayfa görüntülemeleri, açık menüdekinin yarısı kadar. Çözüm: ana menüde maksimum 5 öğe görünür olsun, geri kalan "Daha Fazla" altında toplansın.
Mega Menü Mobilde Çalışmaz
Masaüstünde güzel duran mega menüler mobilde kabusa dönüşür. Accordion yapı (tıklayınca açılan alt kategoriler) çok daha kullanıcı dostudur.
Mobil Popup ve Banner Yönetimi
Google, 2017'den beri mobil "intrusive interstitial" (rahatsız edici popup) uygulayan siteleri sıralamada geri atar. Kurallar:
- Tam ekran popup'lar yasak (yasal zorunluluk popup'ları hariç)
- Popup kapatma butonu açıkça görünür olmalı
- Cookie banner'ı içeriğin %15'inden fazlasını kaplamamalı
- Uygulama indirme banner'ları Safe Frame içinde olmalı
Mobil Erişilebilirlik (a11y)
Türkiye'de engelli nüfus yaklaşık %12. Erişilebilirlik (accessibility) sadece etik bir sorumluluk değil, aynı zamanda 2025 Avrupa Erişilebilirlik Yasası gereği yasal bir zorunluluk. Temel kontroller:
- Metin kontrastı minimum 4.5:1 oranında
- Tüm görseller için anlamlı alt metni
- Klavye navigasyonu ile tüm sayfaya erişim
- Ekran okuyucu uyumlu semantik HTML
- Form alanları için açık label'lar
Mobil UX Ölçümleme
UX'i hissiyatla değil veriyle geliştirin. GA4 ile takip etmeniz gereken mobil metrikler:
- Mobil dönüşüm oranı (ayrı segment olarak)
- Mobil çıkma oranı (bounce rate)
- Mobil ortalama oturum süresi
- Scroll derinliği
- Form abandonment (alan bazında)
- Page load time (4G ve 3G bazında ayrı)
Mobil A/B Test Önerileri
Test edilmesi en çok fark yaratan unsurlar:
- CTA butonu rengi, boyutu, metni
- Hero alanı görsel vs video
- Form alan sayısı
- Fiyat gösterim biçimi
- Sosyal kanıt (yorum/referans) konumu
Sonuç
Mobil UX, 2026'da sitenizin en büyük gelir kaldıracı. YTASoft olarak tüm profesyonel web sitesi projelerimizi mobile-only zihniyetiyle kuruyoruz. Sitenizin mobil UX denetimini ücretsiz yaptırmak için iletişim sayfamızdan bize ulaşabilirsiniz.