ALA 306'da Ethan Marcotte tarafından tanımlandığı gibi , "duyarlı tasarım" terimi, kullanıcı ekran boyutuna bağlı olarak HTML'nize farklı stil kuralları uygulama tekniğini ifade eder. Duyarlı tasarımın daha fazla açıklaması için, Mike Bollinger'ın güzel bir destesi .
Bu modelde, ekranın küçük mü yoksa büyük mü olduğu konusunda aynı HTML kodunu istemciye gönderirsiniz . CSS başvurulan kaynaklar (resimler öncelikle) belirli ekran çözünürlükleri için gösterilmez Ancak, bunlar olabilir indirilemez. Örneğin, büyük ekranlar high-res.png
için CSS'nizde ve küçük ekranlar için kullanabilirsiniz low-res.png
- web istemcisi görüntüyü yalnızca etkin stilde indirmeyi seçebilir. (Şu anda her ikisini de indiren en az bir önemli müşteri için @ DBUK'ın yorumuna bakın! Umarım müşteriler canlanır!)
Bu teknik sizin durumunuzda anlamlı olabilir veya ayrı bir mobil site oluşturmak daha anlamlı olabilir.
Farklı cihazlar farklı kullanım bağlamları anlamına gelebilir. Cep telefonları her zaman cebinizde - kullanıcı sitenizi market hattında nasıl kullanır? Onlara tüm siteyi göndermek ister misiniz? Yoksa sadece birkaç özellik? Yoksa tamamen farklı özellikler? Ya televizyonda iPad'lerini rahatça inceleyen kanepedelarsa?
Mobil aygıtlar daha yavaş işlemcilere, daha az belleğe ve daha düşük bağlantı hızlarına sahip olma eğilimindedir (tüm bu "gerçekler" her yıl daha az doğru olur, btw) - kesinlikle performans nedenleriyle ayrı bir mobil site göndermek isteyebilirsiniz.
Genel olarak, sitenin daha statik, metinsel ve içerik odaklı (yani bir blog), mevcut HTML ve duyarlı tasarımı kullanma şansının artması gerektiğini düşünürdüm. Site ne kadar etkileşimli, multimedya ve kullanıcı tarafından yönlendirilirse (örneğin bir mağaza), ayrı siteleri farklı cihaz türleri için uyarlama şansınız o kadar artar.
Ayrıca, bu gün ve yaşta, mobil deneyimin bir site mi yoksa bir uygulama mı olduğu sorusu olduğunu unutmayın .