Mobil Öncelikli Web Tasarımına Basit Adımlar

Carissa · 1 Kas 2023

Mobil cihazlarda kullanılamayan bir web sitesiyle karşılaşmak nadirdir.

E-ticaret de dahil olmak üzere tüm büyük site oluşturucular ve platformlar, içeriği ekran boyutlarına göre otomatik olarak ayarlayarak eşzamanlı mobil ve masaüstü sürümleri etkinleştirir. Ancak süreç genellikle hatalıdır. Çoğu platform yalnızca masaüstü düzenlerini mobil cihazlara göre düzenler ve ölçeklendirir. Mobil versiyonlar sonradan akla gelen bir düşüncedir.

Analitiklerinize yakından bakın. Mobil ziyaretçilerin sayısı muhtemelen artıyor ancak müşteriye dönüşenlerin yüzdesi düşük kalıyor.

Web tasarımında önce mobil yaklaşımı benimsemenin zamanı geldi.

Mobil öncelikli bir tasarım, bir sitenin ilgi çekici ve alakalı kalmasını sağlayarak geleceğe hazır hale getirebilir. Hemen temel unsurlarla başlayın. İşte beş e-ticaret örneği.

Mobil Öncelikli Tasarım Örnekleri

Şapka üreticisi Goorin Bros., mobil sitesi için masaüstünde olmayan bir kategori menüsü uyguluyor. Parmakla kolay gezinme olanağı sunar.

Goorin Bros.'un mobil sitesindeki kategori menüsünde şapka görselleri kullanılıyor.

Bir ayakkabı şirketi olan Hoka, masaüstü ana sayfa videosunu yalnızca genişliğe sığacak şekilde ölçeklendirmek yerine, mobil cihazdaki dikey alanın tamamını kaplayacak şekilde yeniden tasarlıyor. Masaüstünde olmayan etkili bir mobil efekt yaratır.

Hoka, masaüstü videosunu mobil cihazdaki dikey alanın tamamını kaplayacak şekilde yeniden tasarladı.

Bir tıbbi peeling şirketi olan Figs, mobil sitesinin ilk sayfasına masaüstü sürümünden daraltmak yerine dikey videoyu da dahil etti. Videonun bazı bölümleri, mobil cihazlar için dikey olarak çekildiğini ve masaüstü için kırpıldığını gösteriyor.

Figs, masaüstü sürümündekileri küçültmek yerine mobil sitesinde dikey bir video kullanıyor.

Paka giyim, mobil sitesinin ana sayfasında masaüstüne kıyasla tamamen farklı bir video kullanıyor. Mobil olan daha çok yaşam tarzı odaklıdır.

Paka giyim, mobil sitesinde tamamen farklı bir video kullanıyor.

Başka bir giyim satıcısı olan Outdoor Voices, masaüstünden farklı olarak mobil cihazlar için özel bir statik görsele sahiptir. Site, geniş bir çekimi dikey bir cihaza sığdırmaya çalışmak yerine, aynı fotoğraf oturumundan farklı (dikey) bir görüntü seçti. Bu basit ve kolay taktik giderek daha yaygın hale geliyor, ancak birçok şirket bu uygun fiyatlı seçeneği gözden kaçırıyor.

Dış Mekan Sesleri, mobil cihazlar için masaüstünden farklı olarak dikey statik bir görüntüye sahiptir.