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.

Adaptive’le Tasarım Düşünmesi

Web sitenizin tasarım stratejisini responsive’den adaptive’e değiştirmek tasarım süreci hakkında düşünme yolunuzu değiştirmenizi gerektirir. Siz gerçekten sitenin birden fazla sürümünü yapıyorsunuz.

Tasarım metodu tasarımcıya özelken, Google’ın Materyal Tasarımı dokümantasyonu adaptive süreci hakkında nasıl düşünmek gerektiği ve bu mantıkla bir web sitesi nasıl oluşturulur konusunda iyi bir bilgi vardır.

Google’dan:

Bu adaptive UI rehberi layout’lar arası tutarlılık, içerik farklı ekranlarda nasıl akıyor ve bir uygulama küçük ve çok-büyük ekranlarda nasıl ölçekleniyorun açıklamasından emin olan bir grid içeriyor.

  • Breakpoint’ler: Layout’lar 480, 600, 840, 960, 1280, 1440 ve 1600 piksel genişliklerinde çalışmalıdır. Bu genişlikleri bilmek UXPin gibi araçları kullanan çeşitli cihazlar için hızlı prototipler oluşturmanıza izin verir.
  • Grid: Temel gride hizalanan tutarlı kenarlık ve genişliklerle bir 12-sütunlu çatı tercih edilir. Gridler tam-genişlikte veya ortalı olabilir.
  • Yüzey davranışları: UI ekran boyutunu spesifik yollarla uyarlanmalı – görünürlük, genişlik ve açıklamalar – ve Google bu uyarlamaların her birinin detaylarını sunar.
  • Kalıplar: Kullanıcı eylem davranışları ve kalıpları (bölme, dönüştürme, genişletme gibi) ekran boyutuna göre temellenmiştir. Günümüzün en popüler ve etkili mobil kalıplarını görmek için Mobil UI Tasarım Kalıpları adlı ücretsiz e-kitabına bakın.

Asıl tasarıma geldiğinizde bir kaç yeni kurallar kümesine ihtiyacınız olacak.

Bu farklı cihazlar için şablonlar setini içerir. (Minimum olarak üç şablon içerir – desktop, tablet ve mobil). Ayrıca breakpoint’ler, gridler ve hangi noktalarda hangi uyarlamaların kullanılmasının planlaması için rehberler kümesine ihtiyacınız olacak. Son olarak, cihaz tasarımları arasında ne kadar farklılık kabul edilebilir tartışmasına geliyoruz. Kendinize sorun, web sitenizin birden fazla estetik hatta sahip olmasıyla bir sorununuz yok değil mi?

Adaptive Tasarım Kullanmalı Mısınız?

Büyük soruya geliyoruz: Adaptive tasarım kullanmalı mısınız?

Eğer evrensel bir çözüm arıyorsanız, bu cevapla mutlu olmayacaksınız. Tasarım arayüzünün tipi projenizin ve hizmet ettiğiniz kullanıcıların ihtiyaçlarına bağlıdır.

Daha temiz bir çözüm için bazı ortaya çıkan bazı örnekler vardır. Eğer aşağıdakiler geçerliyse adaptive tasarım kullanmayı düşünün:

  • Cihaza-özel deneyimler gerekliyse.
  • Her bir cihaz için gerçekten farklı deneyimler oluşturabilirseniz.
  • Adaptive şablonları ve kaynakları yönetebilir ve bakımını yapabilirseniz.
  • Kullanıcı tabanınız çok sayıda farklı cihazlardan bilgilerinize erişiyorsa (eğer analytics kullanıcıların %70’i tek bir cihazdan erişiyor diyorsa, adaptive UI zaman kaybı olabilir)

Sonunda gerçekten bir şeye geliyoruz. Adaptive UI’ı kullanıcılar için daha iyi deneyim oluşturmak için mi kullanıyorsunuz ve farklı bir şey denemek için mi? Daima kullanıcıların parçası olmayı isteyecekleri ortak ve istenen deneyimler oluşturun.

En iyi web deneyimleri tasarlamada daha fazla tavsiyeiçin Web UI Tasarımı En İyi Uygulamaları adlı ücretsiz e-kitaba bakın. 109 sayfa civarıdır ve lider şirketlerin 33 tasarım çıkışlarını bulacaksınız yani en iyi örneklerden öğreneceksiniz.

Orjinal metin: http://thenextweb.com/dd/2015/09/01/is-adaptive-better-than-responsive-design/

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

w

Connecting to %s