Mobil Telefonlarda Tasarım Nasıl Olmalıdır?

Mobil tasarım, temel olarak, web sayfalarının harika görünmesini sağlamanın ve mobil kullanıcılar (küçük ekranlar) için ilk adım olarak mükemmel işlev görmesidir.

Ne oldu bu?

Mobil ilk tasarım, yalnızca bir zihniyet veya bir trend değil, çoklu ekran dünyası için şeyleri tasarlamanın temel bir parçasıdır. Pek çok uygulamanın temelini iyi bir şekilde değiştirir ve kullandıkları cihazdan bağımsız olarak kullanıcı için inanılmaz deneyimler yaratır.

Mobil ilk önce işleri daha küçük bir ekranda yapmakla kalmaz

Masaüstü ortamı ile mobil dünyası arasında büyük farklar var. Ekranın alanından çok daha fazlasıdır.

Masaüstü kullanıcıları

  • Bol ekranlı geniş ekran
  • Kararlı, sorunsuz internet bağlantısı
  • Bilgisayarda güç olan makinelerin kullanılması
  • Güç kaynağı ve kullanımı dengeli ve sorun değil
  • Kullanıcı rahatça bir sandalyeye oturuyor
  • Aydınlatma görünürlüğü etkilemez
  • Kullanıcı muhtemelen büyük aceleci değil

Mobil kullanıcı

  • Farklı boyutlarda küçük ekran
  • Daha fakir, daha az kararlı internet bağlantısı
  • Daha az bilgi işlem gücü kullanılabilir
  • Sürekli azalan daha az elektrik gücü
  • Kullanıcı hareket ediyor veya başka şeyler yapıyor
  • Farklı aydınlatma sayfanın görünürlüğünü etkiler
  • Kullanıcının acele etme olasılığı daha yüksek

Mobil dünya için web varlığı oluşturma

Mobil ilk tasarımın
“web sayfalarının harika görünmesini sağlama ve mobil kullanıcılar (küçük ekranlar) için büyük işlev görmesini sağlama” ilkesi olarak ”
muhtemelen tüm bu faktörlerin siz olduğunu düşünmüyorduk ” dedi .

Mobil kullanıcı ihtiyaçlarının karşılandığından emin olmak için işleri daha küçük bir ekranda yapmaktan daha fazla düşünmek gerekir.

İlk önce mobil kullanıcıların gereksinimlerini karşılayarak, örnekleri anlatacağım gibi basitleştirebilirsiniz.

Mobil ilk yaklaşım

Mobil ilk yaklaşımda yapmanız gereken ilk şey masaüstü ortamının var olduğunu unutmaktır.

İşlevsellik, alan, hizmet programı ve kaynak planlaması tamamen küçük ekranlar ve mobil cihazların düşük kaynakları için yapılır.

Hizalama

Mobil sayfamızın taslağı tamamen bir cep telefonunu kullanan birinin perspektifinden düşünülmelidir; bu nedenle, bir toplantıya hızlanırken ekranı güneş parmaksızın görünmez hale getirir.

  • Eylem çağrısı yeterince büyük mu?
  • Sayfanızın amacı yeterince net mi?
  • Renkleriniz okunaklı kalacak kadar kontrastlı mı?

Navigasyon

Mobil bir kullanıcı, kolay navigasyon gerektirir. Bu dört inçlik mobil ekranda hata yapma şansı yok.

  • Navigasyonun açıkça işaretlenmiş ve kolaylıkla kullanılmasını sağlayın.

İçerik

Önce içeriğinizin mobil kullanıcılar için mükemmel olduğundan emin olun.

  • İçeriğiniz sorulara hızlı ve erken cevap vermelidir.
  • Kullanıcıların sayfanızı anlamaları için bir kenar çubuğuna güvenmeyin (mobil cihazda kenar çubuğu yok)
  • Marka bilinci oluşturma ve satış / reklamlar için bir kenar çubuğa güvenmeyin (mobil cihazlarda kenar çubuğu yok)

Sosyal

Sosyal düğmeleri kullanma şekliniz belirgin bir şekilde değişmelidir. Bir işyerinin adresini arayan kimse, sahip olduğunuz artı sayısıyla ilgilenir, adresi önemser.

Harici çağrılar yapan ve bir mobil kullanıcı için bir sayfaya javascript ekleyen sosyal düğmelerin olması için birçok iyi neden yoktur. Sosyal düğmeler istiyorsanız, düğmelerin statik olduğundan emin olun; görünmesi için javascript gerekmez.

Sosyal sayım düğmeleri düzinelerce harici çağrı ve kaynak gerektirir.

Kullanıcı deneyimi sorunlarını ortadan kaldır

Google birçok mobil sayfada bulunan birçok yaygın mobil kullanıcı deneyimi hatası tespit etti. Bunları yapmadığınızdan emin olun; çünkü Google, sayfalarınızı mobil cihaz dostu olarak değerlendirir.

CSS

Tasarımcıların ilk olarak cep telefonu hakkında farkedecekleri ilk etkileşim (ve çoğunlukla rahatsızlık duyacakları) CSS oluşturulmasıdır.

CSS’yi yaratırken unutmamak zorunda olduğunuz masaüstü ortamı diye bir şey yoktur.

Duyarlı web tasarımı ve medya sorgularını alın (burada medya sorgularının kendileri hakkında bir giriş makalesi olduğundan emin değilseniz ). Duyarlı web tasarımı başladıklarında çoğu insan büyük ekrandan küçük bir ekrana gitmek için medya sorgularını kullandı. Özünde, “eğer ekran 600 piksel genişliğinden küçük olursa, bunu değiştirin” demişlerdi.

Başka bir deyişle, web sitesinin css’leri masaüstü bilgisayarlar için, css değişkeni ise tabletler veya mobil ekranlar içindir.

Bu şekilde mobil ilk tasarımda düşünemiyorum çünkü birçok kez bahsettiğim gibi henüz masaüstü ortamı yok. Bu mobil cihazı ilk önce yapıyoruz ve bu, masaüstünü tek bir düşünmeden mobil sayfa oluşturduğumuz anlamına geliyor.

  • Mobil ilk tasarım, mobil ekranlar için web sitesinin ana css’sine ve ekran büyüdükçe değişken css’ye sahip.

hız

Sayfa hızı muhtemelen mobil projeniz için en önemli ve kontrol edilebilir zorluktır. Web sayfanız hızlı yüklenmeli ve mobil ortamda iyi yüklenmelidir. Hız, kullanıcılar için mükemmeldir ve mobil seo planlamanızda yüksek önceliğe sahip olmalıdır .

Yukarıda bahsettiğim basit şeyleri yaparak, sayfa hızı için büyük bir gelişme kaydettiniz.

  • Daha küçük resimler indirmek için daha az şey ifade eder
  • Daha az kaynak ve çağrı – statik sosyal düğmeler kullanarak onlarca aramayı ve kaynağı kaldırır
  • Mobil sayfanız için büyük javascript kitaplıklarını kullanmanıza gerek yok
  • CSS’niz daha küçük, daha temiz ve daha iyi olacak ve artık mobil cihazlara özgü olacak

Önce mobil

Mobil ilk yaklaşımı kullanarak düşünmek, tasarlamak ve geliştirmek için büyük bir terslik var.

Mobil ilk önce sizi daha iyi bir tasarımcı ve / veya geliştirici yapabilir ve projelerinizi daha karlı hale getirebilir.

Mobil ilk yaklaşımın faydaları

  • Daha çok para kazanın
  • Daha fazla tasarruf edin
  • Kullanıcılar için daha iyi

Para kazanıyor

Web üzerinde nasıl para kazandığınıza bakılmaksızın, mobil cihaz dostulığı sizi bu paradan daha fazla hale getirecektir. Mobil trafiğin masa üstü trafiğini aşmasıyla, herhangi bir şey satan herkes, mobil varlığı iyi yapılmışsa (mobil ilk tasarımın ilk adımı) mobil yoluyla daha fazla insana ulaşacaktır.

Çoğunlukla reklamlardan veya Adsense’den para kazanıyorsanız, tahmin edin ne oldu? Reklamlardaki mobil harcama, yakında reklamlarda masaüstü harcamayı aşacaktır. Bu, reklam dolarlarının mobil cihazlarda masaüstü bilgisayarlardan daha fazla bulunması anlamına gelir.

İnsanlara ödediği çevrimiçi bir hizmetiniz varsa, o noktada daha fazla kişi bu hizmeti masaüstündekilerden çok cep telefonunda kullanıyor olacak. Çevrimiçi servisiniz mükemmel çalışmaz ve mobil cihazlarda harika görünüyorsa, kullanıcılar diğer hizmetleri kullanacaktır.

Para tasarrufu

Web varlığınızı yaratıyor veya geliştiriyorsanız, mobil bir yaklaşımla tasarruf edeceksiniz.

Cep telefonunu daha sonradan bir sisteme dönüştürmek yerine, ilk önce bir sistem oluşturmak çok daha az pahalıdır.

Kullanıcılar

Mobil bir ilk yaklaşım, kullanıcılarınıza (müşterilere) büyük katkıda bulunur. Bir web varlığının tüm önemi, kullanıcılarınıza ulaşmak ve bu etkileşimin onlar için mümkün olduğunca hoş olmasını sağlamaktır.

Kısa Özet
Yayın Tarihi
Konunun Adı
Mobil Telefonlarda Tasarım Nasıl Olmalıdır?
Verilen Puan
51star1star1star1star1star

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir