Önce Mobil Kitleler İçin Tasarım
Dünya mobildir. Artık küresel web bağlantısının %60'ından fazlası akıllı telefonlardan geldiğinde, mobil cihazlar için tasarım yapmak bütünsel bir husus değil, temel husustur. Ancak Türkiye'deki pek çok işletme, mobil cihazların ardından akla gelen bir düşünce olarak gösteriler yapıyor ve önce bilgisayara yönelik web siteleri oluşuyor, ardından bu web siteleri daha sonra küçük ekranlara sığacak şekilde sıkıştırılıyor. Bu yaklaşımla, gerçek dönüşümlere mal olan daha yavaş, kullanımı daha zor deneyimler üretir.
Mobil Öncelik Aslında Ne Anlama Geliyor?
Mobil ortamda, yalnızca ekran aralıklarında bir kırılma noktası değil, bir tasarım ve gelişim formülüdür. Bu, önce CSS'nizi küçük ekranlar için yazmak ve daha sonra kullanarak daha büyük kesme noktalarında karmaşıklığın belirtilmesi gelir. minimum genişlikte medya sorguları. Daha da önemlisi, içerik kararlarını en küçük görüntü alanından almak anlamına gelir: gerçekten önemli olan nedir? Neler kaldırılabilir? Bu kısıtlama açıklığı zorlar. Sonuç olarak hiçbir şey gereksiz olmayan bir programdır.
Başparmak Bölgeleri ve Dokunma Hedefleri
Mobil tasarımda insan fizyolojisi önemlidir. Çoğu kullanıcı telefonlarını tek bakımda tutmak ve bu ekranda alt üçte birlik kısmı erişilebilir alan haline getiriyor; "başparmak bölgesi". CTA'lar, gezinme ve form gönderme düğmeleri gibi kritik eylemler burada bulunmalıdır. Dokunma hedefi minimum olmalıdır 44×44 piksel Yanlış kullanımları önlemek için (Apple'ın kılavuzu) veya 48×48dp (Google'ın Malzeme standardı). Birbirinden çok yakın yerleştirilmiş ürünler, özellikle yaşlı kullanıcılar arasında hayal ettikleri ve terk edilmeye neden olur.
Performans Mobil Cihazlarda Öncelikli Bir Sorundur
Mobil kullanıcılar sıklıkla 4G ağları üzerinden değişken kalitede bağlarlar. Masaüstü fiberde 2 saniye yüklenen bir sayfa, mobil terminalde 6 saniyede ulaşır. Mobil kullanıcılar %53'ü, kırıkları 3 saniyeden uzun süren bir şekilde terk ediyor (Google, 2018 — bugün halihazırda mevcuttur). Mobil geliştirici CSS, varsayılan olarak yalnızca temel içeriği yükleyerek oluşturma engellemesini azaltır. Bunu sıkıştırılmış görüntüler, ertelenmiş JavaScript ve yazı tipi alt ayarlarıyla eşleştirerek gerçek dünya içeriğini önemli ölçüde artırırsınız.
Daha İyi Mobil Tasarım Daha İyi Masaüstü Tasarımı Üretir
Bu, mobil odaklı düşünmenin mantığa aykırı olmamasıdır: Öncelik kısıtlamalarına göre tasarım yaptığınızda kişisel düzeniniz daha sade, daha net ve daha anlamlı olur. Masaüstünde "sahip olmak hoş hissettiren" ancak mobil içeriği kaldırılan özellikler genellikle her yerde gerçekten gereksizdir. Mobil hücresel iş akışlarını benimseyen ekipler, sürekli olarak tasarım karmaşıklığının azalmasını, iyileştirme aşamasında daha az uç durum vakası ve tüm cihaz türlerinde daha yüksek sıcaklık puanları raporluyor.