Mobil optimizasyonu olmayan web sitelerinin sayısı azalıyor olsa da, yalnızca masaüstü için tasarlanmış bazı siteler var. Ne yazık ki, Google'ın önceki 'mobilizer' web hizmeti durduruldu. Hizmetin manevi halefi, siteleri mobil görüntüleme için revize etmek yerine yavaş bağlantılar için optimizasyon etrafında tasarlanmış Google Weblight'tır. Google'ın hizmetinin ötesinde, mobil cihazlar düşünülerek bir site geliştirirken göz önünde bulundurulması gereken bir dizi uygulama ve araç vardır.
adımlar
Bölüm 1 / 2: Google Weblight ile Denemeler Yapma
Adım 1. Weblight'ın nasıl çalıştığını analiz edin
Weblight, zayıf ağ koşullarında kullanıcılara daha hızlı ve daha hafif sayfa yüklemeleri sağlamak için Google tarafından oluşturulan bir algoritmadır. Bu, Weblight'ın kullanıcı arayüzü olmadığı ve arka uçta çalıştığı anlamına gelir. Sayfalar, daha karmaşık öğelerinden arındırılarak, mobil platform için açıkça optimize edilmiş bir deneyim yerine sadeleştirilmiş, hafif bir deneyim sunar.
Adım 2. Weblight ile site değişikliklerini test edin
Mobil cihazınızda, weblight adresinin sonuna tam site URL'nizi eklemeniz yeterlidir (örneğin, web siteniz "mywebsite.com" ise https://googleweblight.com/?lite_url=https://mywebsite.com adresini girin). Sayfa, kendisinin basitleştirilmiş ancak işlevsel bir sürümünü yükleyecektir. Kaldırılan öğelerle birlikte bazı siteler mobil cihaz ekranlarında çok daha iyi görünebilir.
Adım 3. Sınırlamaları tanıyın
Bunun, kullanıcı etkileşimi için tasarlanmış açık bir dönüştürücü aracı olmadığını unutmayın. Web sitesine manuel olarak girmek bir tutam içinde kullanılabilirken, Weblight kullanılabilirlik için değil hız için tasarlanmıştır.
Bölüm 2/2: Mobil Uyumluluk İçin Tasarlama
Adım 1. Mobil cihaz sınırlamalarını aklınızda bulundurun
Mobil cihazlar, onları masaüstü benzerlerinden farklı kılan birkaç yönü paylaşır. Bu temel özellikler, mobil tüketim için bir site oluştururken göz önünde bulundurulması gereken ana noktalar olmalıdır.
- Küçük ekranlar ve dikeylik: Mobil cihazlarda ekran çözünürlükleri sürekli iyileştirilse de, boyut ve form faktörü site tasarımı için bir endişe olmaya devam ediyor. Bir siteyi tek sütunlu bir düzende tasarlamak telefonlar için en iyisidir (tabletler genellikle masaüstü sitelerini çok fazla sorun yaşamadan kullanabilir).
- Dokunmatik arayüzler: Sayfa öğeleri bir parmak boyutu düşünülerek yerleştirilmelidir. Fareyle üzerine gelmeyi kullanan öğeler simge durumuna küçültülmeli veya dokunma için yeniden tasarlanmalıdır (örn. açılır menüler).
- Veri hızları: Mobil cihazların en büyük avantajlarından biri, wifi aralığının dışında kullanılmasıdır, ancak veri bağlantıları genellikle daha yavaştır ve daha az güvenilirdir. Kullanıcı arayüzleri (UI) basit kalmalı ve içerik görünür ve erişilebilir olmalıdır. Çok fazla dağınıklık yükleme sürelerini kısaltır ve gezinmeyi zorlaştırır.
Adım 2. Bir İçerik Yönetim Sistemi (CMS) hizmeti kullanın
Daha az kaynakla geliştirme yapanlar için Wordpress veya Squarespace gibi bir CMS hizmeti kullanmak, düşük maliyetli, kullanıcı dostu mobil tasarım için harika bir seçenektir. Duyarlı web tasarımı kullanan temalar, bir mobil site için en kolay şablonu sağlayacaktır.
Duyarlı web tasarımı, platformlar arasında sorunsuz tasarım ve kullanılabilirlik geçişlerine izin vermek için akışkan tasarım öğelerinin kullanımını destekleyen bir web tasarımı teorisidir
Adım 3. Masaüstü yazılımını kullanarak mobil cihaz ekranlarını test edin
Web sitesi estetiğini ve işlevselliğini test etmek için mobil cihazları taklit etmenize izin veren bir dizi ücretsiz web uygulaması vardır. Bu araçları kullanmak, istenen test cihazını seçmek ve ardından önizlemek için hedef web sitesine girmek kadar kolaydır. Çoğu, ekran yönü, piksel yoğunluğu ve hatta tarayıcı seçimi gibi değişkenler için araçlar içerecektir. Birkaç popüler örnek:
- Chrome Cihaz Modu Emülatörü
- mobilephoneemulator.com
- screenfly (quirktools'un bir alt kümesi)
- mobiletest.me (ücretli üyelik)
