Ayrı Mobil Site mi, Tek Responsive Şablon mu?

Mobil trafiğin masaüstünü geçmiş olması, her sitenin ayrı bir mobil sürüme ihtiyacı olduğu anlamına gelmiyor. Ayrı mobil site hâlâ doğru karar olabilir, ama bedeli ilk bakışta göründüğünden büyük: iki şablon, iki URL kümesi ve arama motoruna verilen iki farklı içerik. Karar, trafiğin nereden geldiğinden çok sitenin ne yaptığına bağlı.

Ayrı mobil site hangi durumda doğru karar

Ayrı bir mobil sürüm, mobil kullanıcının masaüstündekinden gerçekten farklı bir iş yaptığı yerlerde anlamlı. Bankacılıkta tipik mobil oturum bakiye görmek ve tek bir havale yapmaktır; aynı kullanıcı masaüstünde toplu ödeme ekranında yarım saat geçirir. İki senaryo ortak bir arayüzde buluşmuyorsa ayırmak tasarımı basitleştirir.

İkinci geçerli sebep teknik. On yıllık, sabit genişlikli bir masaüstü şablonunu responsive hale getirmek kimi zaman sıfırdan yazmaktan pahalıya gelir. Bu durumda ayrı mobil şablon bir tercih değil, geçici bir kaçış yolu; geçici olduğunu kabul etmek de planın parçası olmalı.

Bu iki durumun dışında kalan çoğu site için ayrı mobil sürüm, çözdüğünden fazla sorun üretir.

İki şablonun görünmeyen maliyeti

Ayrı mobil site kurduğunuz anda her içerik değişikliği iki yerde yapılması gereken bir işe dönüşür. Başlangıçta disiplin işliyor gibi görünür, sonra biri unutulur. Bir e-ticaret projesinde m. alan adını kapatıp tek şablona geçerken, kampanya koşullarının aylardır yalnızca masaüstü şablonunda güncellendiğini fark ettik.

Asıl sorun arama tarafında. Google mobil öncelikli indekslemeyle sayfanın mobil sürümünü indeksliyor, yani sıralamaya giren metin masaüstünde gösterdiğiniz değil, mobilde gösterdiğiniz metin. “Mobilde gereksiz içeriği atın” tavsiyesiyle “ayrı bir mobil site kurun” tavsiyesi yan yana gelince tam da bu yüzden ters çalışır: attığınız paragraf sadece küçük ekrandan değil, dizinden de düşer.

Peki içeriği silmek yerine gizlemek, örneğin açılır bir panele koymak sorunu çözer mi? Çözer. DOM'da bulunan ama kapalı duran metin indekslenir ve tam değerde sayılır. Silmek ile gizlemek arasındaki fark burada teknik bir ayrıntı değil, kararın kendisi.

Ayrı mobil site sorusuna dönersek: kararı trafiğin dağılımı değil, iki şablonu aynı anda güncel tutmayı gerçekten göze alıp alamadığınız belirler.

Küçük ekran neyi dayatıyor

Parmak, imlecin yerine geçmiyor. Dokunma hedefi için Apple'ın arayüz kılavuzu 44x44 pt, Android tarafında Material 48 dp öneriyor; ikisi de yaklaşık aynı fiziksel boyuta, yetişkin parmak ucunun temas alanına karşılık geliyor. Görsel boyut bunun altında kalabilir, belirleyici olan tıklanabilir alanın kendisi. 16 piksellik bir ikonun etrafına şeffaf dolgu koyarsınız, üçüncü parti bir bileşene gerek kalmaz.

Ekran boyutu kadar tutuş da belirleyici. Tek elle kullanılan telefonda başparmağın rahat eriştiği bölge ekranın alt yarısıdır; birincil eylemi üst köşeye koymak kullanıcıyı her seferinde telefonu avucunda kaydırmaya zorlar.

Yatay kaydırma ve kenardan çekme gibi hareketler yer kazandırır, ama keşfedilmeleri gerekir. Ekranda görünür bir ipucu yoksa (kesilmiş bir kart kenarı, nokta göstergesi) o hareket çoğu kullanıcı için yok hükmündedir.

Hızı tahmin etmek yerine ölçmek

Mobil performans tartışması genelde soyut kalıyor. Somutlaştırmanın yolu, sayfayı kendi geliştirme makinenizde değil, orta seviye bir Android cihazda ve kısıtlanmış bağlantıda açmak. Masaüstü tarayıcıda anında gelen bir sayfanın, dört kat yavaşlatılmış işlemci ve mobil şebeke gecikmesiyle birkaç katına çıkması olağan.

Ölçtüğünüzde faturayı kimin çıkardığı da netleşir. Sıkıştırılmamış görseller ve üçüncü parti betikler: analitik, sohbet balonu, harita gömme, ısı haritası. Her biri tek başına küçük görünür, toplamı sayfanın kendi kodundan büyük olur.

Testi kimin yaptığı sonucu değiştirir

Kendi sitenizi kendi telefonunuzda denemek test sayılmaz, çünkü menünün nerede olduğunu zaten biliyorsunuz. Beş kişiye görev verip izlemek, analitikteki yüksek çıkış oranının sebebini çoğu zaman bir öğleden sonrada açıklar.

Yaş gruplarını karıştırmak da işe yarar. Peki 25 yaşındaki kullanıcının hiç duraksamadan bastığı çerçevesiz bir ikon, 60 yaşındaki için hâlâ düğme gibi görünüyor mu? Çoğu zaman görünmüyor, ve bunu ancak izleyerek öğrenirsiniz.