Mobil uyumlu web sitesi: telefonda kaybolmayan bir yapı

Mobil uyumlu web sitesi neden artık bir tercih değil?

Mobil uyumlu web sitesi, sayfanın telefon ekranında küçültülmüş hâli demek değildir; ekranın darlığına göre yeniden düzenlenmiş hâli demektir. Türkiye'de bir firmanın adı çoğunlukla yolda, dükkânda ya da kanepede, tek elle tutulan bir telefondan aranıyor. Ziyaretçinin elinde fare yok, sabırlı bir masaüstü bağlantısı yok ve genellikle beş saniyeden fazla vakti de yok.

Bu koşullarda telefonda düzgün açılmayan bir site sadece "kötü görünmez"; ziyaretçiyi doğrudan bir sonraki firmaya gönderir. Üstelik arama motorları da sıralamayı sayfanın mobil sürümü üzerinden değerlendiriyor. Yani mobil uyum, hem ziyaretçinin hem de arama motorunun aynı anda baktığı tek ortak nokta hâline geldi.

Telefonda en çok neler bozuluyor?

Mobilde işleri bozan şeyler genellikle tasarımın tamamı değil, birkaç tekrar eden ayrıntıdır. Sahada en sık karşılaştıklarımız:

• Yatay kaydırma: Sabit genişlikli bir tablo ya da görsel yüzünden sayfa sağa kayar; okumak imkânsızlaşır.
• Küçük yazı: Masaüstü için seçilen punto telefonda okunmaz; ziyaretçi her paragrafta yakınlaştırmak zorunda kalır.
• Yan yana duran minik düğmeler: Parmakla basılamayacak kadar küçük ve birbirine yakın bağlantılar yanlış tıklama üretir.
• Kapanmayan açılır pencereler: Kapatma çarpısı ekran dışında kalır; ziyaretçi sekmeyi kapatır.
• Ağır görseller: Masaüstü boyutunda yüklenen fotoğraflar mobil bağlantıda sayfayı saniyelerce bekletir.
• Zıplayan içerik: Geç yüklenen bir görsel yüzünden metin aşağı kayar, ziyaretçi yanlış yere basar.
• Telefon numarasının tıklanamaması: Numara düz metin yazıldığında aramak için elle kopyalamak gerekir.

Bu maddelerin ortak noktası, hiçbirinin "estetik" sorunu olmamasıdır. Hepsi doğrudan iletişimi kesen, yani teklif talebini engelleyen sorunlardır.

Mobil uyumlu web sitesi nasıl kuruluyor?

Biz mobil uyumu sonradan eklenen bir katman olarak değil, tasarımın başladığı yer olarak ele alıyoruz. Pratikte şu şekilde çalışıyor:

• Tasarım en dar ekran için başlar; masaüstü düzeni bunun üzerine genişletilir. Böylece küçük ekran "arta kalan" olmaz.
• Yerleşim sabit piksel yerine esnek ızgara ve akışkan ölçülerle kurulur; ekran genişledikçe sütunlar yeniden dizilir.
• Yazı boyutları ekran genişliğine göre yumuşak biçimde ölçeklenir; hiçbir kırılma noktasında okunamayacak kadar küçülmez.
• Dokunma hedefleri parmakla rahat basılacak büyüklükte tutulur ve aralarında yeterli boşluk bırakılır.
• Görseller ölçülü boyutlarda ve modern biçimlerde hazırlanır; alan payı baştan ayrılarak sayfanın zıplaması engellenir.
• Menü dar ekranda tek bir düğmeye toplanır; bu düğme klavyeyle de kullanılabilir ve durumu ekran okuyucuya bildirilir.
• Telefon, WhatsApp ve e-posta bağlantıları tıklanabilir hâlde verilir; ziyaretçi tek dokunuşla ulaşır.

Ayrıca hareketleri de koşullu kuruyoruz: cihazında hareket azaltma tercihini açmış ziyaretçilerde animasyonlar devre dışı kalıyor. Bu hem erişilebilirlik gereği hem de düşük donanımlı telefonlarda akıcılık kazandıran bir karar.

Mobil uyum, responsive tasarım ve mobil uygulama aynı şey mi?

Sık karıştırılıyor. Responsive tasarım, tek bir sitenin ekran boyutuna göre kendini yeniden düzenlemesidir; mobil uyumu sağlamanın en yaygın yolu budur. Bazı firmalar ise ayrı bir mobil adres kurar; bu yöntem iki ayrı içerik yönetmeyi gerektirdiği için bugün pek tercih edilmiyor. Mobil uygulama ise tamamen farklı bir üründür: mağazadan indirilir, güncellenmesi ayrı bir süreçtir ve bir tanıtım sitesinin yerini tutmaz.

Çoğu firma için doğru cevap tek bir responsive sitedir. Uygulamaya ihtiyaç duyulan durumlar, genellikle üyelik ve tekrar eden kullanım gerektiren işlerdir.

Sitenizi kendiniz nasıl kontrol edersiniz?

Teknik bilgiye gerek olmadan yapabileceğiniz beş dakikalık bir kontrol var. Telefonunuzu alın ve sitenizi açın: Sayfa sağa sola kayıyor mu? Yazıları yakınlaştırmadan okuyabiliyor musunuz? Menü düğmesine bastığınızda menü açılıp kapanıyor mu? Telefon numarasına dokununca arama başlıyor mu? İletişim formundaki alanlara yazarken klavye alanı kapatıyor mu? Ve en önemlisi: ne yaptığınız ilk ekranda anlaşılıyor mu?

Bu sorulardan birine bile "hayır" diyorsanız, sitenizin mobil tarafında iyileştirilecek yer var demektir. Mevcut bir siteniz varsa sıfırdan başlamadan bunları düzeltmek çoğu zaman mümkün; web sitesi yenileme hizmetimiz tam olarak bu iş için var.

Mobil uyumun teklif taleplerine etkisi

Mobil uyum tek başına sihirli bir dönüşüm artışı getirmez; ama önündeki engelleri kaldırır. Telefonda okunabilen bir sayfa, tek dokunuşla aranabilen bir numara ve iki alanla doldurulabilen kısa bir form, ziyaretçinin size ulaşmasını kolaylaştırır. Reklam veriyorsanız etki daha da belirgin olur: reklam trafiğinin çoğu mobilden gelir ve o trafiği karşılayan sayfa yavaşsa bütçe boşa gider. Bu konuyu landing page tasarımı sayfasında ayrıca ele aldık.

Yeni bir site planlıyorsanız ve süreci baştan doğru kurmak istiyorsanız web sitesi nasıl yaptırılır rehberimiz iyi bir başlangıç noktası olur.