Mobil Uyumluluk: Sitenizi Kendi Telefonunuzda Test Edin
Ziyaretçilerin çoğunluğu mobilden geliyor ve Google mobil sürümü esas alıyor. Sitenizi kendi telefonunuzda nasıl test edeceğinizi ve en sık karşılaşılan 8 mobil sorununu anlattık.
Sitenizi genellikle bilgisayarınızın geniş ekranında görüyorsunuz. Müşterileriniz ise büyük ihtimalle telefonda, tek elle, bazen zayıf bir bağlantıyla görüyor. Bu iki deneyim arasındaki fark, kaybedilen müşteri demek.
Google da sıralama yaparken sitenin mobil sürümünü esas alıyor. Yani mobilde eksik olan içerik, pratikte Google için yok sayılıyor.
Beş dakikalık test
- Wi-Fi'ı kapatın. Mobil veriyle girin. Gerçek koşul budur.
- Tek elle kullanın. Başparmağınızla gezinin. Ulaşamadığınız buton var mı?
- Yakınlaştırmadan okuyun. Metni büyütmek zorunda kalıyorsanız yazı küçüktür.
- Yatay kaydırma var mı? Sayfa sağa sola kayıyorsa bir öğe ekrana sığmıyor demektir.
- Formu doldurun. Telefonda gerçekten doldurulabiliyor mu? Klavye alanı kapatıyor mu?
- Telefon numarasına dokunun. Arama başlatıyor mu?
- Menüyü açıp kapatın. Takılma var mı?
En sık karşılaşılan 8 mobil sorunu
1. Küçük dokunma hedefleri. Butonlar ve bağlantılar parmakla rahat basılacak büyüklükte olmalı; yan yana duran bağlantılar arasında yeterli boşluk bırakılmalı.
2. Ekrana sığmayan tablolar. Fiyat tabloları mobilde taşar. Tabloyu kendi içinde yatay kaydırılabilir bir kutuya alın veya kart görünümüne çevirin.
3. Kapatılamayan pop-up. Kapatma butonu ekran dışında kalırsa ziyaretçi siteyi terk eder. Google da içeriği kapatan araya giren reklamları olumsuz değerlendiriyor.
4. Otomatik oynayan videolar. Mobil veriyi tüketir ve sayfayı yavaşlatır.
5. Masaüstü boyutunda görseller. Telefonda 400 piksel genişliğinde görünecek bir görselin 2000 piksel yüklenmesi gereksiz veri demek.
6. Yanlış klavye tipi. Telefon alanında harf klavyesi açılıyorsa form alanının tipi hatalıdır. E-posta, telefon ve sayı alanları için doğru giriş tipini kullanın.
7. Sabit üst menünün ekranı kaplaması. Küçük ekranlarda sabit başlık, içeriğe kalan alanı daraltır.
8. Yüklenirken kayan içerik. Tam bir butona basacakken sayfanın kayması, boyutu belirtilmemiş görsellerden kaynaklanır.
Sadece "responsive" olması yetmez
Responsive tasarım, içeriğin ekran boyutuna göre yeniden dizilmesi demektir. Ama içerik doğru diziliyor olsa bile kullanım zor olabilir. Mobil deneyim bir yerleşim meselesi olduğu kadar öncelik meselesidir: telefonda ilk ekranda ne görünüyor? Ziyaretçinin en çok ihtiyaç duyduğu şey (telefon numarası, adres, teklif formu) orada mı?
Hızlı iyileştirmeler
- Gövde metnini rahat okunur boyuta çıkarın
- Butonları büyütün ve aralarına boşluk koyun
- Telefon numarasını tıklanabilir bağlantı yapın
- Görselleri mobil boyutlara göre sunun
- Formdaki alan sayısını azaltın — mobilde her ek alan terk oranını artırır
- Pop-up kullanacaksanız mobilde gecikmeli ve kolay kapatılır yapın
Mobil deneyiminizi birlikte gözden geçirmemizi isterseniz bize ulaşın. Site hızıyla ilgili tarafı da bu yazıda ele aldık.