Adaptive Tasarım Responsive’den Daha Mı İyi?


Eğer son 5 yıldır Web tasarım tartışmalarını uzaktan dinliyorsanız, responsive Web tasarım ifadesini duymuşsunuzdur. Artık, her bir sitenizi muhtemelen responsive çatıyla tasarlıyorsunuzdur.

Fakat bazı konuşmalar adaptive Web tasarımına kayıyor. Tartışmalar bir süredir devam ediyor fakat Google ve Apple bunu arkadan ön plana getirmeye gerçekten yardımcı oldu. Adaptive fikri modern kullanıcı için tasarım yaparken hakkında gerçekten düşünmemiz gereken bir şey mi?

Adaptive UI Nedir?

Tartışma öncelikle adaptive web tasarımı (veya AWD) üzerinde başladı. Responsive tasarım gibi, adaptive de bir dizi farklı cihazlar üzerinde daha iyi kullanıcı deneyimi oluşturmaya çalışma üzerine temellenmiştir.

Responsive tasarımda sıklıkla bir adet tasarımımız olur ve bu tasarım cihazdan cihaza büyük varyasyonlar gösterir (tüm evrensel görüntü ve hisi koruyarak). Adaptive tasarım biraz farklıdır. Adaptive tasarımda “sihir” cihaz ve cihaza-özel özellikler algılanır ve web sitesi bu bilgiye göre kullanıcıya sunulur. Sonuç kullanıcının cihazı için özel yapılmış bir web sitesidir, fakat bazen sonuç responsive tasarıma göre cihazlar-arası daha az tutarlı bir deneyimdir.

Adaptive UI daima gerçekte gördüğünüz bir şey değildir. Etkileşim Tasarımında En İyi Uygulamalar adlı ücretsiz e-kitapta dediğimiz gibi, en iyi arayüzler kullanıcıların tasarımcının elini hissetmedikleridir.

Responsive ve adaptive tasarım arasındaki çoğu fark adaptive web sitesinin çalışmasında olur. Bu demek değildir ki tasarım farklı görünecek, fakat görünebilir de.

Adaptive, Responsive’den Nasıl Farklıdır?

Adaptive ve responsive tasarım arkasındaki fikirler benzer olsa da aynı şey değiller. Çoğu HTML ve CSS’deki farklılıklar ve bilginin kullanıcılara nasıl sunulduğu ile ilgilidir.

Huffington Post’tan Garrett Goodman’ın en basit açıklaması şöyledir:

“Responsive tasarım istemci-taraflıdır, yani tüm sayfa tarayıcıya (istemci) teslim edilir ve sonra tarayıcı penceresinin boyutlarına bağlı olarak sayfanın nasıl görüneceğini tarayıcı değiştirir.

Adaptive tasarım sunucu-taraflıdır, yani sayfa daha teslim edilmeden önce, sitenin barındırıldığı sunucu, cihazın niteliklerini algılar ve onun boyutları ve yerel özellikleri için optimize edilmiş site versiyonununu yükler.”

Yani fark kimin ağır kaldırdığı ile ilgilidir. Adaptive’de optimize edilmiş sayfayı teslim etmek için sunucu sıkı çalışıyor. Responsive’de cihaz medya sorgularını dikkatle izliyor.

AWD ve RWD arasında başka farklar da var. Kullanıcı tarafında indirilen bilgi boyutu da farklıdır. Adaptive web sitelerinin yüklenmesi biraz daha hızlıdır. Yapım aşamasında, adaptive tasarım tek bir web sitesi için birden fazla şablon kullanır. Responsive tasarım ise tek bir şablonda esnek bir çatı (framework) kullanır. Bazı tasarımcılar adaptive sitelerin yapılmasının daha kolay olduğunda hem fikirler, çünkü mevcut site üzerinde temellenebiliyorlar.

Her ikisinin de artıları ve eksileri bireysel tasarım ve geliştirim ekibi ile çok ilgilidir.

Fakat sizin kullanıcılarınız için ne en iyisi?

Bu soru en iyi front-end araştırmalarıyla cevaplanabilir.

AWD’nin Faydalarını Tartalım

Adaptive tasarıma çağıranlarla bu tip tasarım hattını kullananlar için farklı faydalar ele geliyor. (Ve onların argümanları da dikkat çekiyor.)

  1. Daha iyi performans: Web sitesinin sunulma biçiminden dolayı, kullanıcılar için daha hızlı ve etkili biçimde render’lanıyor.
  2. Esneklikte artış: Tüm siteyi etkilemeden nerede gerekiyorsa orada değişiklik yapabilirsiniz. Yani eğer bir buton iOS kullanıcıları için çalışmıyorsa, Android kullanıcıları için potansiyel olarak herhangi çalışan bir şeyi bozmadan ayarlama yapabilirsiniz.
  3. İçerik stratejisi hakkında düşünmenize yol açıyor: Web siteniz aslında her cihaza özel tasarlandığı için, işlevselliği büyük bir detayda tasarlayabiliyorsunuz. Bir şeyin nasıl çalışmasını istersiniz? Web sitenizle kullanıcıları nasıl tutmak istersiniz? Bunu kullanıcı ve cihaza tek ve eşsiz olacak bir şekilde neredeyse tamamen kişiselleştirilmiş deneyimle sağlayabilirsiniz.

Okumaya devam et