Mobil uyumluluk neden pazarlık konusu değil?

"Masaüstünde güzel görünüyor, telefonda biraz bozuk ama olsun." Bu cümle on yıl önce kabul edilebilirdi. Bugün, ziyaretçilerin çoğunu kapıda çevirmek anlamına geliyor.

Google önce telefona bakıyor

Google yıllardır sitenizi önce mobil sürümüyle değerlendiriyor. Yani masaüstü sürümünüz mükemmel olsa bile, sıralamanızı belirleyen telefondaki hâli.

Telefonda yavaş açılan, yazıları küçük kalan veya butonlarına basılamayan bir site, masaüstünde ne kadar güzel olursa olsun aramada geriye düşer.

Kullanıcı ikinci bir şans vermiyor

Telefonda kötü bir deneyim yaşayan ziyaretçi "sonra bilgisayardan bakarım" demiyor. Geri tuşuna basıp bir sonraki sonuca geçiyor.

Nelere bakmalı?

Kendi sitenizi telefonunuzdan açın ve şunları kontrol edin:

• Yatay kaydırma var mı? Sayfa sağa sola kayıyorsa bir öge ekrandan taşıyor demektir. Bu en sık görülen ve en rahatsız edici hatadır.
• Yazılar zoom yapmadan okunuyor mu? 16 pikselin altındaki gövde metni telefonda yorar.
• Butonlara parmakla basılabiliyor mu? Dokunma hedefleri en az 44×44 piksel olmalı. Yan yana duran iki küçük bağlantı, yanlış tıklama demektir.
• Menü açılıyor mu? Hamburger menüsü açıldığında arka plan kayıyorsa veya kapatma düğmesi yoksa kullanıcı sıkışır.
• Formlar doldurulabiliyor mu? Telefon alanına sayısal klavye açılıyor mu, e-posta alanında "@" kolay mı?

"Mobil uyumlu" ile "mobil için tasarlanmış" farkı

Çoğu tema teknik olarak mobil uyumludur — yani ekrana sığar. Ama sığmak yetmez.

Masaüstü için tasarlanıp sonra sıkıştırılan bir sayfada, telefonda kullanıcı önce üç ekran boyu boş görsel geçer, sonra asıl içeriğe ulaşır. Önce mobil düşünülerek tasarlanan sayfada ise en önemli şey en üstte durur.

Basit bir test

Sitenizi tanımayan birine telefonunuzu verin ve "buradan bize nasıl ulaşırsın?" diye sorun. On saniyede bulamıyorsa, sorun mobil tasarımdadır.

• #mobil
• #responsive
• #kullanılabilirlik