Mobil Öncelikli Stratejiyle Web Sitenize Güç Verin

Bir Pew Araştırmasına göre, mobil cihazlar, Amerika Birleşik Devletleri’ndeki yetişkinlerin yaklaşık yüzde 75’inin bir akıllı telefona sahip olduğu pazarı patlatıyor. Tabletler ve genç müşterilerdeki faktör ve müşteri tabanınızın büyük çoğunluğu potansiyel olarak web sitenize bir mobil cihazdan erişiyor!

Gelişen teknoloji sayesinde, Android cihazlar artık web sitelerini masaüstü bilgisayar ekranıyla aynı kalitede optimize edebiliyor ve yeni teknoloji, müşterilerin özel gözlükler ve saatler aracılığıyla web sitelerini ziyaret etmelerine bile olanak tanıyor.

f teknolojisinin geleceğini tahmin etmek zor olsa da, ilerlemelerin şaşırtıcı olacağını ve muhtemelen mobil cihazı destekleyeceğini söylemek güvenlidir. Web sitesi geliştiricileri ve pazarlamacıları olarak, oyunun zirvesinde kalmanız ve değişen teknolojilerin hızına ayak uydurmanız gerekir. Şimdiden potansiyel müşteriler ve müşteriler dizüstü bilgisayarlarını tabletlerle değiştiriyor. İnternet üzerinden kitlenize erişimi en üst düzeye çıkarmak için işletmeler, mobil cihazlarda iyi çalışan bir web sitesi oluşturmaya odaklanmalıdır.

Mobil teknoloji ilk ortaya çıktığında, önce masaüstü bilgisayar tabanlı web sitesini oluşturmak ve ardından web sitesini mobil uyumlu bir siteye dönüştürmek yaygın bir uygulamaydı. Bu geçmişte işe yaramış olsa da, bu yöntem mobil işlevi sistematik olarak arka plana attı. İnkar edilemez mobil web varlığıyla, bu yöntem artık çalışmıyor. İnsanlar, masaüstü bilgisayarlardan daha fazla tablet ve telefon satın alıyor, bu da ilk önce mobil cihazları düşünmeye başlamanın zamanı olduğu anlamına geliyor.

Eski yöntem ile yeni arasındaki temel fark, web sitesi tasarımcısının önce bir mobil web sitesi oluştururken, bir mobil platformun kısıtlamalarını kullanarak bir site oluşturması ve masaüstü bilgisayar görüntüleyenleri barındıracak ekstra işlevler içermesidir. Masaüstü tabanlı web sitesi ilk olarak göründüğünde, tasarımcının mobil cihaz sınırlamalarına uyum sağlamak için ek işlevleri kaldırması gerekir. Çoğu şeyde olduğu gibi, bir şeye eklemek, bir şeyleri elinizden almaktan çok daha kolaydır.

Web sitenizi mobil göz önünde bulundurularak tasarlama konusunda bilmeniz gerekenler:

Genel mobil kısıtlamalarına göre tasarım yapın

Tasarımcıların mobil cihazlar için tasarlanmış bir web sitesi oluştururken dikkate alması gereken belirli kısıtlamalar vardır. Örneğin, daha küçük ekranlar, farklı optimizasyonlar ve kalite endişeleri anlamına gelir. Ek olarak, mobil cihazlarda ortak olan bir zayıflık, düşük (veya en azından daha düşük) bir internet bağlantısıdır. Mobil cihazlar hafif olacak şekilde tasarlanmıştır, bu da daha az bilgi işlem gücü anlamına gelir. Hareket halindeyken bilgilere erişmeye çalışan sabırsız kullanıcıları ekleyin ve hesaba katmanız gereken önemli bağlantı sorunlarınız var.

Mobil öncelikli strateji, düşük internet bağlantısına sahip küçük bir ekranda daha hızlı yükleme deneyimi sağlamaya odaklanır.

Tasarımınızı basit tutun. Müşterilerinizin hareket halindeyken ihtiyaç duyacağı temel bilgilere odaklanın ve sağladığınız içeriğin maksimum miktarda bilgiyi açıkça sunduğundan emin olun.

Web sitenizin mobil cihazlarda daha yüksek bir yükleme hızında çalışmasını sağlamak için şu ipuçlarını aklınızda bulundurun:

• Resimleri minimumda tutun. Daha küçük dosyalara gidin çünkü daha hızlı yüklenirler.
• Mobil kaynakların kullanımını azaltmak için statik sosyal düğmeler kullanın
• Büyük javascript kitaplıklarından kaçının
• CSS’yi küçük ve temiz tutun
• Aşırıya kaçmayın gezinme kurallarını karmaşıklaştırır

Cihaza göre farklı modeller

Apple ve Google cihazları farklı şekilde çalışır. Web sitenizi tasarlarken farklılıkları hatırlayın ve belirli ihtiyaçları web sitenize dahil edin. Örneğin, Apple tasarımları daha tek boyutlu olma eğilimindedir ve gölge ve dokudan yoksundur, Google ise daha katmanlı bir görünümü tercih eder.

Unutulmaması gereken belirli noktalar: Android cihazlarda (akıllı telefonlar ve tabletler) cihazlarda yerleşik bir geri düğmesi bulunur. Bu, kullanıcıların bir önceki sayfaya dönmesine veya kolayca çalışmasına olanak tanır. Apple ürünleri bu özelliğe sahip değildir. Bu, web sitenize bir “geri düğmesi” seçeneği eklemeniz gerektiği anlamına gelir, böylece Apple kullanıcıları kolayca önceki bir sayfaya dönebilir.

İçerik görüntüleme ve işlem çubuğu / araç çubuğu hususları da dahil olmak üzere, uyum sağlamanız gereken birkaç farklılık için bu yardımcı hile sayfasına göz atın.

Modellere mobil özellikler ekleyin

Web sitelerine bir mobil cihazdan erişmek, müşterilerin bir bilgisayardan erişemeyeceği birkaç harika fayda sağlayabilir. Harika bir örnek GPS teknolojisidir. Kullanıcıların, telefonlarının coğrafi konum teknolojisini kullanarak mevcut konumlarından vitrininize gitmelerine olanak tanıyan bir araç eklemeyi düşünün. Google haritalarını web sitenizdeki harita özelliğine kolayca entegre edebilirsiniz.

Bir başka eğlenceli numara da, kullanıcıların doğrudan arama yapmak için işletme telefon numaranızı tıklamasına olanak tanır. Bu basit bir avantajdır, ancak kullanıcılar sizi ele geçirmenin basitliğinden keyif alacaklardır. Ziyaretçilerin uygulamanızı veya web sitenizi kişi listeleriyle paylaşmalarına olanak tanıyan bir “paylaş” özelliği eklemeyi de düşünebilirsiniz.

Özellikleri masaüstü sürümüne uyarlayın

Masaüstü web siteleriniz, mobil işlevlerinizi daha üst düzeyde içerecektir. Tasarımı daha büyük bir ekrana sığacak şekilde yerleştirmeyi unutmayın. İdeal olarak, mobil içeriğinizi masaüstü web sitesi tasarımınızın temeli olarak kullanmalısınız. Ek bilgi ve araçları gerektiğinde ikincil içerik olarak masaüstü siteye kolayca ekleyebilirsiniz.

Basit bir örnek, yardım sayfanızdır. Mobil sürüm, kısa ve okunması kolay çok basit metin ekranlarına sahip olabilir. Masaüstü sürümünüze götürün ve sayfayı detaylandırmak için başlıklar ve daha fazla ayrıntı ekleyin.

Masaüstü web sitenizdeki gezinme seçenekleri, sitenizin mobil sürümünden önemli ölçüde farklı olacaktır.

• Çoğu masaüstü kullanıcısı, açılır menülere ve alt menülere (iç içe yerleştirilmiş kategoriler) kolayca erişebilir. Bu özellik, bir mobil cihazda daha zordur (ve zaman alıcıdır). Bu size masaüstü sitenizde gezinme ve tasarım için birkaç seçenek daha sunar.

• Masaüstü web siteleri, bir mobil cihaza dokunmanın aksine tıklamaya izin verir. Bu, müşterilerinizi gitmelerini istediğiniz yere yönlendirmeniz için size daha fazla seçenek sunar. Yetki eklemek ve daha ayrıntılı bilgiler sağlamak için içeriğe köprüler eklemeyi düşünün.

Duyarlı tasarımın, mobil cihazlara öncelik veren tasarım stratejisiyle harika çalıştığını unutmayın. CSS ile mobil bir perspektiften kolayca başlayabilir ve masaüstü sürümüne dönüştürürken daha büyük görüntü alanı boyutlarına ayarlayabilirsiniz.

Mobil web sitenizi masaüstüne uyarlarken, mobile özel uygulamaları kaldırmayı unutmayın. Masaüstünde çalışmak üzere GPS tabanlı haritalama sistemi gibi özel özellikleri ayarlayabilirsiniz. Örneğin, akıllı telefonların GPS özelliklerine güvenmek yerine, müşterilerinizin size en yakın konumu bulmaları için posta kodlarını girmelerine izin verin.

Masaüstü siteleri tasarım, içerik ve özellikler açısından daha fazla özgürlük sağlar. Yalnızca o sürüme özgü özellikler sunarak müşterileri masaüstü sürümünüzü kontrol etmeye teşvik edin. Masaüstü sitenizde daha fazla alan vardır, bu da kenar çubukları, kenar boşlukları ve reklamlar ekleyebileceğiniz anlamına gelir.

Masaüstü siteniz, daha fazla fotoğraf ve grafik eklemek için harika bir yerdir. Çevrimiçi kullanıcılar, uzun metin bloklarını ayıran infografiklere ve resimlere gerçekten iyi yanıt veriyor. Bir bilgisayarın daha fazla gücü ve daha iyi internet hızları vardır, bu nedenle daha fazla görsel, sitenizin indirme hızını önemli ölçüde etkilememelidir. Animasyonlu başlıklar ve grafikler bir masaüstü web sitesinde çok daha iyi çalışır.

Ekmek kırıntıları aynı zamanda çoğunlukla ürünler arasında etkili bir gezinme yoludur. Çok fazla veriye sahip büyük, hiyerarşik web siteleri için anlamlıdır.

Son Düşünceler

Tanınmış tasarım prensibi KISS bunu en iyi şekilde söylüyor: Basitçe aptalca tutun. Önce mobil tabanlı basit bir web sitesiyle başlayın. Basit bir ürünle başlamak, sadeliğe odaklanmanıza olanak tanır ve sizi en önemli ayrıntılara odaklanmaya zorlar.

İlk olarak mobil siteyle başladığınızda, masaüstü sürümü sağlam, basitleştirilmiş bir temele sahip olacak ve bu da daha iyi tasarlanmış, amaca yönelik bir web sitesi oluşturacaktır. Çoğu mobil web sitesi, masaüstü sitenin yarım yamalak sürümleri haline gelir ve bu, müşterileriniz için ve işletmeler için kötüdür.

Daha iyi bir mobil web sitesi oluşturmak için ne yaptınız? Mobil ilk yaklaşımı denediniz mi?