Mobil Uyumlu Web Tasarım

Responsive yapı, aynı sitenin telefon, tablet ve bilgisayarda ekrana göre yeniden düzenlenmesidir. Ayrı bir mobil site yapılmaz; tek site, farklı ekranlara uyar.

Uyumlu olmak sadece sığmak demek değildir. Ayrıca ekranın genişliğine göre sütunlar alt alta dizilir, görseller küçülür ve menü simgeye dönüşür; tüm bunlar tek bir kod tabanıyla yönetildiği için güncelleme yapmak da kolaylaşır. Yazının zoom yapmadan okunması, düğmelere parmakla kolay basılması ve menünün küçük ekranda anlaşılır olması gerekir.

Mevcut siteleri incelerken en çok şu sorunlarla karşılaşıyorum.

• Sayfanın yana kayması ve yatay kaydırma çubuğu çıkması.
• Çok küçük yazılar ve birbirine yapışık bağlantılar.
• Ekrana sığmayan tablolar ve görseller.
• Telefon numarasına dokununca arama başlatmayan iletişim alanları.
• Mobilde çok yavaş açılan, ağır görseller.

Düzeni önce küçük ekran için kurar, ardından geniş ekranlara uyarlarım. Küçük ekranda öncelik taşıyan bilgiler, yani ne yaptığınız ve nasıl ulaşılacağı, kaydırmadan görünür olur.

Sitenin gerçek cihazlarda ve farklı ekran genişliklerinde denenmesi gerekir; yalnızca tarayıcıda pencereyi daraltmak yetmez. Çok eski cihazlarda küçük görsel farklar olabilir, bu tür durumlar önceden belirtilir.

Mobil uyum, Google'ın siteleri değerlendirirken dikkate aldığı unsurlardan biridir, ama tek başına sıralama getirmez.

Sitenizi telefonunuzdan açıp birkaç sayfada gezinmeniz ilk kontroldür. Sorun görürseniz mevcut yapının uyarlanıp uyarlanamayacağına bakarım; çok eskimiş bir tasarımda baştan yapmak daha makul olabilir.

Hangi seçeneğin mantıklı olduğunu inceleme sonrası açıkça söylerim. Siteniz için kısa bir değerlendirme talebi bırakabilirsiniz.

Küçük ekranda kullanım, görünümden öte parmakla etkileşimdir. Bağlantılar arasında yeterli boşluk, kolay basılan düğmeler ve rahat açılan menü ziyaretçinin siteyi bırakmamasını sağlar.

Formlar da telefonda sorun çıkarabilir. Doğru klavye türünün açılması, alanların kısa tutulması ve gönder düğmesinin kolay bulunması iletişim talebi alma şansınızı korur.

Bu ayrıntılar tasarım aşamasında düşünülür; sonradan eklemek hem zordur hem de çoğu zaman eksik kalır.

Yükleme hızı da mobil deneyimin ayrılmaz parçasıdır. Mobil kullanıcılar çoğu zaman daha yavaş bağlantıdan siteye girer, bu yüzden görsellerin boyutu ve sayfada çalışan betik sayısı küçük tutulur. Sayfa yüklenirken içeriğin yer değiştirmesi, yanlış bir düğmeye basılmasına neden olabilir. Düzen, yükleme sırasında oynamayacak şekilde kurulur.

• Yeterli büyüklükte dokunma alanları.
• Telefona uygun klavye ve form alanları.
• Sabit ve görünür arama düğmesi.
• Okunur yazı boyutu ve satır aralığı.