Responsive ve Adaptive Tasarım Arasındaki Farklar

Bu iki tasarım yapısını illaki duyduğunuzu ama herkes gibi arasındaki farkların ne olduğunu merak ettiğinizi duyar gibiyim.O halde bu yazımda aklınızdaki karmaşıklığa bir son verelim.Öncelikle Responsive tasarım nedir?Adaptive tasarım nedir? sorularının cevaplarını verdikten sonra Responsive ve Adaptive arasındaki benzerliklere ve farklara değinmeye çalışacağım.

Responsive Tasarım: Kısacası tarayıcınızla duyarlı hareket eden sitelere denebilir. Tarayıcınızı sağ alttan veya sağ yandan sola doğru küçültürseniz sitenin verdiği tepkiyi görebilirsiniz. Siz sayfayı ne kadar büyütürseniz, web siteniz de sayfaya o kadar uyumluluk göstererek büyür.

http://www.liquidapsive.com/ linkine tıklayıp sağ üstte yer alan listeden "Responsive" seçerek de bizzat kendiniz deneyebilirsiniz.

Adaptive Tasarım: Adaptive sizin verdiğiniz ölçülerin dışına çıkmaz ve o ölçülere duyarlılık gösterir. Yani Responsive tasarım gibi tarayıcılarınıza uyumlu olarak hareket etmez.

Yine aynı şekilde   http://www.liquidapsive.com/ tıklayığ sağ üstte yer alan listeden "Adaptive" seçeneğini seçerek bizzat Adaptive tasarımın inceleyebilirsiniz.

Adaptive ve responsive’in benzerlikleri

• Adaptive tasarım ve responsive tasarım birbirlerine oldukça yakın kavramlardır. Hem adaptive tasarım hem de responsive tasarım, görüntülenmekte olduğu cihazın özelliklerini tespit ettikten sonra, kendisini o cihaza göre ayarlama prensibi ile çalışır. Her iki tasarım yöntemi de farklı ekran boyutlarına, çözünürlüklerine, kullanım şartlarına ve gerekliliklerine uyumlu hale gelerek kullanıcı deneyimini geliştirmeyi hedefler.

Adaptive tasarım ve responsive tasarım arasındaki fark

• Adaptive tasarım ve responsive tasarım arasındaki en önemli fark, responsive tasarımın esnek olmasıdır. Responsive sitelerde sabit ölçülerden ziyade akışkan, ekran boyutlarına bağlı ölçüler kullanılır. Mesela bir sütunun enini 200 piksel olarak değil, %30 olarak kodlarsınız. Bu durumda ekranın genişliği ne olursa olsun, sütun ekranın %30’unu kaplar. Böylece sayfa, görüntülendiği ekrana akarak içine dolar.
• Adaptive tasarımda esnek bir yerleşim kullanılmaz. Bunun yerine, belli ekran ölçüleri belirlenir ve bu ölçülere göre sabit yerleşimli ekran tasarımları yapılır. Mesela 320px, 600px, 960px ve 1200px genişliğinde dört ekran tasarlanır. Tarayıcı penceresinin genişliği bu değerlere tam denk gelmiyorsa, ölçülere uygun bir küçük yerleşim kullanır. Sayfa yerleşimleri arasındaki geçişler atlamalı olduğu ve sayfalar pencereye göre esnemediği için, yanlarda kullanılmayan alanlar kalır.
• Adaptive tasarımın kendine has bir özelliği, kod yazımında katmanlı bir yaklaşım sergilemesidir. Sayfa ilk başta en temel özelliklere sahip tarayıcılarda dahi problemsizce görüntülenecek şekilde kodlanır. Ardından, daha gelişmiş istemci yapılanmaları isteyen, daha karmaşık görsel ve işlevsel özellikler katman katman eklenir. Bir cihaz herhangi bir katmanın gerekliliklerini karşılayamıyorsa, mesela tarayıcısı kullanılan kimi özelliklere sahip değilse, o katmana kadar yükleyip çalıştırdığı kod, içeriği kullanıcı deneyimine olumsuz bir etki yapmadan görüntülemesine yeter. Böylece her tür sistemde çalışabilecek bir yapı hedeflenir.

Eğer bir site tasarlamayı düşünüyorsanız ve hala  Responsive Tasarım mı? yoksa Adaptive Tasarım mı kullansam diye düşünüyorsanız, umarım bu yazı size faydalı olmuştur :)