Duyarlı Tasarım (Responsive Design), tasarımcıların mevcut tarayıcı alanına göre içerik göstermesine olanak tanır. Bu, bir sitenin masaüstünde gösterdiği ile elde taşınan bir cihazda gösterdiği arasında tutarlılık sağlar. Duyarlı tasarım “geleneksel” seçenektir ve bugüne kadarki en popüler yaklaşım olmaya devam etmektedir.
2011’de geliştirilen Uyarlanabilir Tasarım, tasarımcının birkaç sabit yerleşim boyutuna sahip olmasıyla daha fazla ilgilenir. “Tek beden esnetme” yaklaşımı olan Duyarlı tasarıma bir alternatif sunar.
Uyarlanabilir tasarımın (Adaptive Design) çoklu sabit düzen boyutu vardır. Site, kullanılabilir alanı algıladığında, ekrana en uygun düzeni seçer. Dolayısıyla, masaüstünde bir tarayıcı açtığınızda, site o masaüstü ekranı için en iyi düzeni seçer; tarayıcının yeniden boyutlandırılmasının tasarım üzerinde hiçbir etkisi yoktur.
Duyarlı Tasarım:
| Artıları | Eksileri |
| Düzgün ve kusursuz = iyi UX. Kullanılacak çok sayıda şablon. SEO dostu. Genellikle uygulanması daha kolay | Daha az ekran boyutu tasarım kontrolü. Öğeler hareket edebilir Reklamlar ekranda kaybolur. Daha uzun mobil indirme süreleri. |
Uyarlanabilir Tasarım
| Artıları | Eksileri |
| Tasarımcıların uygun cihaz için en iyi UX’i oluşturmasına izin verir. Mobil cihazlar, kullanıcılarının ortamını algılayabilir. Tasarımcılar, reklamları akıllı cihazlardan gelen kullanıcı verilerine göre optimize edebilir. | Oluşturmak için emek yoğun – çoğu uyarlanabilir tasarım, daha erişilebilir hale getirmek için geleneksel alanları güçlendiriyor. Tabletler ve netbook’lar, akıllı telefon veya masaüstü odaklı olma eğiliminde olan site yapılandırmasında sorun yaşayabilir. SEO’yu zorlar – Arama motorları, birden fazla sitede aynı içeriğin değerini anlamada (penaltı) sorun yaşar. |
Buradaki linkten, bu yazıdaki bilgilerin alındığı ve çok daha fazla detay sunan ingilizce orijinal metne ulaşabilirsiniz.