İstanbul mobil uyumlu web tasarım denince akla önce "küçülen sayfa" gelir; oysa iş bundan ibaret değildir. Aynı içeriğin küçük ekranda da okunabilir, dokunulabilir ve hızlı yüklenebilir olması gerekir. Bir masaüstü tasarımını sonradan mobile sıkıştırmak yerine, tasarımı mobil ekrandan kurup büyük ekranlara doğru genişletiyoruz; bu sıralama, mobilde gerçekten çalışan bir site ile "mobilde de açılan" bir site arasındaki farkı yaratır.

Mobil öncelik neden bir tercih değil, standart?

İstanbul'daki hemen her sektörde ziyaretçi trafiğinin çoğunluğu mobil cihazlardan gelir; arama sonuçları da siteleri öncelikle mobil sürümüne göre değerlendirir. Bu iki gerçek bir araya geldiğinde mobil uyum, tercih edilebilir bir özellik olmaktan çıkıp temel bir zorunluluğa dönüşür. Masaüstünde iyi görünen ama mobilde metni sıkışan, butonu küçülen ya da menüsü açılmayan bir site, ziyaretçisinin büyük kısmını daha ilk saniyede kaybeder.

Dokunma hedefleri ve okunabilir tipografi

Fare imleci milimetrik hassasiyetle tıklarken parmak ucu bunu yapamaz; bu yüzden mobilde tıklanabilir her öğeyi en az 44×44 piksellik bir alana oturtuyor, komşu butonlar arasında yeterli boşluk bırakıyoruz. Yazı boyutu küçük ekranda küçülmez, satır uzunluğu okunur aralıkta tutulur; başlık ile gövde metni arasındaki ölçek farkı mobilde de korunur. Form alanlarında doğru klavye türü (telefon için sayısal, e-posta için @ işaretli) otomatik açılır.

Mobilde hız: görsel, yazı tipi ve betik bütçesi

Mobil bağlantılar masaüstü kadar kararlı olmayabilir; bu yüzden mobil sürümde görsellerin daha küçük ölçekli sürümleri otomatik sunulur, ekranın altındaki görseller sayfa ilk açıldığında yüklenmez. Yazı tipi, betik ve üçüncü taraf servis sayısı bir bütçeye bağlanır; bu bütçe aşıldığında tasarım kararını yeniden ele alıyoruz. Amaç, mobil bir bağlantıda bile sayfanın kullanılabilir hale gelmesini birkaç saniyeden uzun sürdürmemek.

Menü, form ve yüzen öğeler mobilde nasıl davranır?

Masaüstünde açık duran menü mobilde hamburger simgesine döner; menü açıldığında arka plan kaydırılamaz hale gelir ve kapatma alanı büyük tutulur. Formlar tek sütuna iner, zorunlu alan sayısı azaltılır ve gönder butonu ekranın altında sabit kalabilir. WhatsApp ve teklif butonları gibi yüzen öğeler, mobilde içerikle çakışmayacak ve klavye açıldığında ekranı kapatmayacak şekilde konumlandırılır.

Test süreci: gerçek cihazda doğrulama

Tarayıcı simülatörü faydalı bir ilk kontrol olsa da gerçek cihaz testinin yerini tutmaz; dokunma hassasiyeti, klavye davranışı ve yükleme hızı gerçek bir telefonda farklı sonuç verebilir. Yayına almadan önce siteyi birden fazla ekran genişliğinde ve en az bir gerçek Android ile bir iOS cihazda kontrol ediyoruz; menü, form ve yüzen butonlar tek tek denenir.

Çalışma modeli: merkez Kocaeli, hizmet İstanbul

Merkez ofisimiz Kocaeli İzmit'te. İstanbul'daki markalara uzaktan ve hibrit bir modelle hizmet veriyoruz; tasarım sunumları ve mobil test görüşmeleri çevrim içi yürüyor, kapsamlı projelerde başlangıç toplantısı için İstanbul'a geliyoruz. Kurumsal web sitesi özellikleri sayfamızda mobil uyumun kontrol listesindeki yerini ayrıca anlattık.