Mobil uyumlu site, ekran boyutuna göre kendini ayarlayan ve telefonda yakınlaştırmadan okunabilen sitedir. Teknik adı duyarlı (responsive) tasarımdır. Bugün birçok kişi aramayı telefonla yaptığı için bu bir tercih değil, temel beklentidir. Ayrıca Google’ın sayfaları değerlendirirken öncelikle mobil sürümü esas aldığı genel kabul gören bir bilgidir.
Kendi telefonunuzla deneyin
En güvenilir test, sitenizi gerçek bir telefonda açmaktır. Şunlara bakın:
- Yazı yakınlaştırma gerektirmeden okunuyor mu?
- Düğmeler ve bağlantılar parmakla rahat basılacak büyüklükte mi?
- Yatay kaydırma gerekiyor mu?
- Menü açılıyor mu, kapanıyor mu?
- Telefon numaranıza dokunarak arama yapılabiliyor mu?
Farklı bir telefonda ve tarayıcıda da deneyin. Bilgisayarda tarayıcının geliştirici araçlarındaki cihaz görünümü yardımcı olur, ama gerçek cihazın yerini tutmaz.
Sık yapılan hatalar
Masaüstü için hazırlanmış büyük görseller telefonda hem yavaşlık hem taşma yaratır. Çok küçük yazı boyutu ve birbirine yakın düğmeler yanlış dokunuşlara yol açar. Sayfayı kaplayan açılır pencereler de ziyaretçiyi hemen uzaklaştırabilir.
Sitenizi yeniden yaptırmanız gerekmeyebilir; çoğu zaman görsel boyutlarını düzeltmek ve yazı ölçeğini büyütmek yeterli olur. Yeni bir site yaptırıyorsanız tasarımı önce telefonda görmek isteyin. Masaüstünde güzel görünen ama telefonda zorlanan bir site, ziyaretçilerin çoğunu kaybetmenize neden olabilir.
Unutulan bir ayrıntı da form alanlarıdır. Telefonda klavye açıldığında alanlar ekranı kapatıyor mu, doğru klavye türü (sayı ya da e-posta) görünüyor mu, gönder düğmesine rahatça ulaşılıyor mu? Bir arkadaşınıza siteyi verip randevu almasını ya da sizi aramasını isteyin ve nerede duraksadığını izleyin. Gerçek kullanıcı gözlemi, hiçbir kontrol listesinin göstermediği sorunları gösterir. Küçük adımlarla ilerleyin, yaptığınız her değişikliği bir yere not edin ve sonuçları sakin biçimde izleyin. Emin olmadığınız bir konuda yardım istemek her zaman daha ucuzdur.