Responsive Web Tasarım

RESPONSIVE WEB TASARIM NEDİR ?


Responsive web tasarım, duyarlı, uyumlu web tasarım anlamına da gelir. Son yıllarda adını sıkça duyduğumuz bu web tasarım şekli ilk olarak 2010 yılında ortaya çıktı ve son bir kaç yıldır dünyada ve ülkemizde popüler oldu.

Responsive tasarım, web sitesinin mobil ve tablet cihazlardan girildiğinde site içindeki resim, yazı gibi elementlerin ekran genişliğine göre yeniden şekillenip ekrana tam oturması ile oluşur. Genellikle desktop, tablet ve mobil versiyon olarak 3 kademeli şekilde tasarlanır.

Bilindiği gibi web sitelerine mobil cihazlardan girildiğinde ziyaretçiler siteyi görüntülemekte ve gezmekte güçlük yaşarlar. Eğer girdikleri site responsive yada mobil site değilse, okumak istedikleri alanı ancak zoom yaparak, kısıtlı bir alanı görüntüleyebilirler ve kulanım zorluğu çekerler. Site menülerini gezmek de oldukça zordur ve menüler mobil uyumlu olmadığı için genellikle gitmek istedikleri linki bulamayabilirler.

 

NEDEN RESPONSIVE WEB TASARIM?


Responsive sitelere mobil cihazlardan girildiğinde menüler şekil değiştirip, genellikle üstten açılacak şekilde kullanımı kolay bir versiyona dönüşür. Fontlar ve imajlar alt alta gelerek ekranda zoom yapmadan kolayca okunacak şekilde sıralanır. Hatta mobil versiyonda önem derecesi düşük elementler gizlenir, ziyaretçiye sadece sayfayla ilgili en yalın halde bilgi gösterilir.

Arama motorları da responsive siteleri ciddi şekilde destekliyor. Bir sayfanın arama motorlarında hem kendi alan adı hem de "m.alanadi.com" gibi farklı subdomain altında bir mobil versiyonunun olmasındansa tek url ile sayfanın responsive yapılmasını daha uygun buluyor. Çünkü mobilden yapılan aramalarda genellikle arama motorları sayfanın mobil uyumluluğuna dikkat etmeksizin sonuçları sıralıyor.

Mobilden web site ziyaretleri dünyada %45 seviyelerine yükseldi ve kısa sürede daha da artacak. Bu sebeple responsive özellikli web sitelerinde ciddi bir artış öngörülüyor.

 

RESPONSIVE WEB TASARIM'IN AVANTAJLARI


Kolay Kullanım

Şüphesiz en büyük yararı kolay kullanımdır. Kullanıcısına ekranı büyütmeden sadece aşağı ve yukarı parmak hareketleriyle gezinmesine olanak sağlar.

Kolay Bakım

Her çözünürlük için ayrı bir site tasarımı yaptırmak yerine, oluşturulmuş olan tek bir responsive web tasarım sayesinde, tek bir domain altında tüm cihaz çözünürlüklerine hizmet vereceksiniz. Bu sayede web sitenizin bakımı da daha kolay olacaktır.

Arama Motoru Optimizasyonu

SEO için önemli olan responsive web tasarım ile sitenize değer katıp, arama motorlarının istediği yapıya kavuşmasını sağlayabilirsiniz. Site URL yapısı aynı kalacağından arama motorları tarafından bulunmanız daha hızlı gerçekleşecektir.

Düşük Maliyet

Birden fazla site oluşturmak yerine tercih edeceğiniz responsive web tasarım sayesinde daha az maliyetle bir web tasarımına sahip olabilirsiniz. Bu sayede hosting, domain gibi ek maliyetleri ortadan kaldırmış olursunuz.

Responsive web tasarımları HTML5 ve CSS3 ara yüz kodlama dilleriyle oluşturulmaktadır. İleri derecede bilgi gerektiren bu çalışmaların yapılması için, sağlıklı bir kodlama çalışması yapılması, ayrıca tüm tarayıcılar için kontrollerin yapılması gerekmektedir.