Ekran Boyutuna Göre Bilgi Düzeni: Kırpmak mı, Katmanlamak mı
Ekran boyutu estetik bir tercih değil, bant genişliği kısıtı. Küçük ekran aynı içeriği taşıyacaksa iki seçenek var: kırpmak ya da katmanlamak. Hangisini seçersen bedeli başka yere düşer, ve o bedeli hesaba katmayan responsive düzenler mobilde hep hantal hissettirir.
Kırpmak mı, katmanlamak mı
Mobil tasarım tavsiyeleri genelde iki şeyi aynı anda ister: öncelikli içerik üstte ve görünür olsun, kullanıcı aradığına en az adımda ulaşsın. Küçük ekranda bu ikisi birbirini yer. Ekranda yer açmak için bir bloğu akordeona koyduğunda onu bir dokunuş arkasına taşımış olursun; görünürlük kazanan şey neyse, kaybeden de o akordeonun içindekidir.
Karar tek soruyla verilir: bu blok görevi tamamlamak için gerekli mi, yoksa kararı destekliyor mu? Fiyat, kargo süresi ve beden tablosu satın alma kararının içinde, bunlar açık dursun. Ürün açıklamasının üçüncü paragrafı ya da iade politikasının ayrıntısı katmanlanabilir. Her şeyi birden açık tutmaya çalışan mobil sayfa, uzunluğu yüzünden hiçbirini göstermez.
Belleği ekrana devret
Kullanıcı bir akışın ortasındayken ne seçtiğini hatırlamak zorunda kalmasın. Filtrelenmiş listede seçili filtreleri etiket olarak göster, çok adımlı formda kaçıncı adımda olduğunu yaz, ödeme ekranında adresi yeniden sormak yerine özetleyip yanına düzenleme bağlantısı koy. Bunlar süs değil, hatırlamayı tanımaya çeviren ucuz hamleler.
Geri alma düğmesi onay kutusundan iyidir. Onay her seferinde kesinti yaratır, geri alma yalnızca hata olduğunda devreye girer. İşlem kalıcı değilse tercih bu yönde olmalı; kalıcı silme gibi geri dönüşü olmayan yerlerde onay yerinde durur.
Sabit çubukların fiyatı
Sabit üst başlık ve sabit alt menü mobilde gezinmeyi kolaylaştırır, karşılığında dikey alanı kalıcı olarak yer. 56 piksellik bir başlıkla 56 piksellik bir alt çubuk, 667 piksel yüksekliğinde bir ekrandan 112 pikseli, yani kabaca altıda birini içerikten alır. Tarayıcının kendi adres çubuğu da hesaba katılınca okuma alanı iyice daralır.
Takas bazen doğru. Uzun listede gezinirken sabit filtre ve sepet çubuğu kazandırır, çünkü kullanıcı sürekli oraya dönüyor. Makale okuma ekranında ise kaybettirir: başlık kaydırmayla yukarı gitsin, gerekirse okuma ilerlemesi için ince bir çizgi bırak.
Geniş ekranda ne değişir
Mobil düzeni ortalayıp bırakmak masaüstünde boşa harcanan alan demek, ama boşluğu modülle doldurmak da çözüm değil. Geniş ekranın asıl kazancı yan yana görmek: filtre paneliyle sonuç listesini aynı anda göstermek, düzenleme formuyla önizlemeyi yanyana koymak, tablonun daha fazla kolonunu açmak. Mobilde sırayla yapılan bir işi masaüstünde eşzamanlı yapabiliyorsan ekranı gerçekten kullanmış olursun.
Bakım tarafı da kararın parçası. Aynı içeriği iki ayrı şablonla sunmak, her değişikliği iki yerde yapmak ve iki yerde test etmek demek; tek şablonda kırılma noktalarıyla çalışmak baştan biraz daha zahmetli ama sonrası ucuz (ayrı mobil site kurma fikrini bu yüzden fazla iyimser buluyorum).
Saat ve gözlük gibi küçük ekranlarda aynı mantık sertleşir: orada katmanlama değil kırpma kalır, çünkü ikinci dokunuşun kendisi pahalıdır. Tek bir bilgi, tek bir eylem.