Telefon ekranı, küçültülmüş masaüstü değildir
Masaüstünde fareyle kolayca seçilen bir bağlantı, telefonda başparmakla kullanıldığında sorun çıkarabilir. Kullanıcı bir yandan yürüyor, diğer yandan zayıf bir bağlantıyla sayfayı açıyor olabilir. Mobil tasarımı bu gerçek koşulları hesaba katmadan değerlendirmek doğru sonuç vermez.
Projelerde en sık karşılaştığımız hata, masaüstü tasarımın bitirilip mobil görünümün en son toparlanması. Oysa küçük ekran, içerikte neyin gerçekten önemli olduğunu erken aşamada ortaya çıkarır.
Uygulamada kullandığımız sekiz temel kural
Kuralların hiçbiri tek başına çarpıcı görünmeyebilir. Fakat aynı ekranda birlikte uygulandıklarında kullanıcının hata yapma ve sayfayı terk etme ihtimali belirgin biçimde azalır.
- Ana işlemi ilk ekranda görünür tutun.
- Dokunma alanları arasında yanlış dokunmayı önleyecek boşluk bırakın.
- Gövde metnini yakınlaştırma gerektirmeyecek boyutta kullanın.
- Menüde gerçekten gerekli bağlantılara yer verin.
- Form alanlarında doğru klavye türünü açın ve gereksiz alanları kaldırın.
- Büyük görsel ve videoları mobil bağlantıya göre optimize edin.
- Sabit butonların içeriği veya tarayıcı kontrollerini kapatmadığını test edin.
- Ekranı sadece simülatörde değil, gerçek telefonlarda da deneyin.
Son kararı gerçek cihaz verir
Tarayıcıdaki mobil önizleme hızlı kontrol için faydalıdır; ancak klavyenin ekranı daraltmasını, parmak erişimini veya farklı mobil tarayıcıların davranışını tam olarak göstermez. Teslim öncesinde en az bir küçük ve bir büyük telefon ekranında ana akışları baştan sona tamamlamak gerekir.
Mobil öncelikli çalışmak tasarımı kısıtlamaz; aksine gereksiz yükleri erkenden ayıklar. Sonuçta masaüstü deneyim de daha açık, daha hızlı ve daha kolay kullanılır hale gelir.