Tasarım
Mobil öncelikli tasarım nasıl uygulanır?
Mobil kullanımda içeriği, gezinmeyi ve etkileşimleri ilk sıraya koyan tasarım kararlarını planlamak için pratik bir yaklaşım.
Önce mobil kullanıcının tamamlayacağı işi belirleyin
Mobil öncelikli tasarım, masaüstü sayfasını küçük ekrana sığdırmak değildir. Kullanıcının sayfaya neden geldiğini, ilk olarak hangi bilgiyi aradığını ve hangi eylemi tamamlaması gerektiğini belirleyin.
Ana mesajı, hizmet/ürün bilgisini ve önemli eylemi ilk ekranda anlaşılır hale getirin. Dekoratif detaylar, tekrar eden tanıtımlar ve uzun boşluklar temel bilgiye ulaşmayı geciktirmemelidir.
İçeriği dar ekranda yeniden düzenleyin
Masaüstündeki iki sütunlu karşılaştırma mobilde kart veya kaydırılabilir tablo olabilir. Başlık, açıklama, fiyat veya koşul gibi bilgiler kullanıcının ilişkiyi kaybetmeyeceği sırada sunulmalıdır.
Menü, kart ve bağlantıların gerçek hedefe gittiğini; uzun başlıkların, Türkçe karakterlerin ve form hata metinlerinin ekrana sığdığını farklı ekran genişliklerinde kontrol edin.
- Metni, kartı ve gezinmeyi dokunarak rahat kullanın.
- Form alanlarını tanımlı etiketlerle ve uygun klavyeyle açın.
- Görsel kırpımının temel anlamı gizlemediğini kontrol edin.
Yalnızca küçültmeyin, gereksizi kaldırın
Masaüstünde anlamlı olan her bölümün mobilde aynı ağırlıkla görünmesi gerekmez. İçeriği saklamadan önce kullanıcının kararına katkısını değerlendirin; ikincil bilgi gerekiyorsa kolay erişilir bir biçimde tutun.
Ağır video, büyük animasyon ve çok sayıda font küçük ekranda yüklenmeyi ve okumayı zorlaştırabilir. Gerçek cihazda ölçüm yapıp en çok gecikmeye neden olan içeriği önce ele alın.
Gerçek cihaz ve görevle kontrol edin
Yalnızca tasarım önizlemesine bakmayın. Menü açma, hizmeti bulma, proje inceleme ve form gönderme gibi görevleri gerçek cihazda deneyin. Klavye açıldığında form düğmesi, hata metni ve sayfa kaydırma davranışını da görün.
Başarılı bir mobil düzen, dar ekran görünümünden ibaret değildir. Ziyaretçinin ihtiyacını hızla anlamasını ve işlemi tamamlamasını sağlar.