Duyarlı (Responsive) Web Tasarımı, Tüm Cihazlar ile Uyumlu Tasarım
Blog Responsive Tasarım 21 Mayıs 2017 By ajansbulut
“Google tarafından yapılan The Mobile Movement: Understanding Smartphone Users araştırması sonuçlarına göre ortalama akıllı telefon kullanım oranı %70 oranını aşmış durumda. Akıllı telefon sahibi insanların %81’i internette sörf, %77’si arama yapıyor, %68’i mobil uygulama kullanıyor ve %48’i telefonu ile video izliyor. Akıllı telefon sahibi insanların %72’si televizyon izlerken, bir yandan da akıllı telefonları ile de diğer medya mecralarını takip ediyor. Akıllı telefon sahibi insanların %93’ ü, telefonlarını evdeyken de kullanıyor’’ (Pham 2011).”
Ethan, 2011 yılında Responsive Web Design adlı bir de kitap yazarak bu konu ile ilgili detaylı açıklamalarda bulunmuş ve duyarlı bir site tasarımını esnek grid sistem (flexible grid layout), esnek görsel ve ortam dosyaları (flexible images and media) ve Medya Sorgularına (Media queries) dayandırarak açıklamıştır.
Duyarlı bir site tasarımı yapmak, kullanılan cihaza ait ekran çözünürlüğü ve boyutu ile doğrudan ilgilidir. Bir web arayüzü tasarımının duyarlı olabilmesi, kullanılan tasarım elemanlarının cihaza adaptasyonu ile sağlanmalıdır. Tasarım elamanlarının belli bir standart ölçekleme sistemine göre yerleştirilmesi ve hizalanması gerekmektedir. Bu durum ise esnek grid sisteminin kullanılması ile mümkün olmaktadır.
Masaüstü internet kullanıcıları ile mobil internet kullanıcılarının bir web sitesini ziyaret ettiklerinde karşılaştıkları sorunlar birbirinden farklıdır. Örneğin, masaüstü kullanıcılar ziyaret ettikleri bir sitede sayfa görüntülemede sorun yaşamazken aynı siteyi mobil cihazlar ile görüntülediğinde resim veya metin boyutları ile ilgili sorun yaşamaktadır. Bu nedenle gün geçtikçe web site ihtiyacı duyan şirketler, tasarımlarını yalnızca masaüstü kullanıcıları için değil mobil kullanıcılarını da düşünerek sipariş etmektedir.
Bunun sonucu olarak,ilgili şirketlerin de mobil internet kullanıcılarına yönelik uygulama ve hizmetlerinde önemli ölçüde artış görülmektedir. Çünkü duyarlı Web Tasarımı tekniği, masaüstü bilgisayarda, notebookta, tablette ve akıllı telefonlarda uyum sağlayacak şekilde çalıştığı için her farklı mobil cihaza uygun uygulama zorunluluklarını ortadan kaldırmaktadır.
Kaynak : https://goo.gl/8ZzQSv
Mobil Tasarım Responsive Tasarım Responsive Web Design