Responsive tasarım
Responsive tasarım, bir web sitesinin telefon, tablet ve bilgisayar ekranına göre kendini düzenlemesidir. Tek bir site her ekranda okunaklı ve kullanışlı kalır.
Responsive tasarım nedir?
Responsive tasarım, sitenin ekran boyutuna göre düzenini değiştirmesidir. Türkçede duyarlı ya da mobil uyumlu tasarım da denir. Ayrı bir mobil site yapılmaz. Aynı site geniş ekranda yan yana dizilen öğeleri dar ekranda alt alta dizer, yazıları ve düğmeleri parmakla kullanılacak boyuta getirir.
Bir örnek verelim. Bilgisayarda üç sütunlu bir hizmetler sayfanız var. Telefonda bu üç sütun yan yana kalırsa yazılar okunmaz, ziyaretçi yakınlaştırıp kaydırmak zorunda kalır. Responsive tasarımda sütunlar telefonda alt alta dizilir ve sayfa rahatça okunur. Menü de dar ekranda tek bir düğmenin arkasına toplanır.
Neden önemli?
Ziyaretçilerinizin önemli bir kısmı sitenize telefondan gelir. Telefonda zor kullanılan bir site müşteri kaybettirir. Google da siteleri mobil sürümlerine göre değerlendirir. Yaptığımız her site responsive'dir. Ayrıntılar web tasarım sayfasında. Ekrana uymanın ötesinde sitenin rahat kullanılmasını kullanıcı deneyimi maddesinde anlattık.
Sık sorulanlar
Sitemin mobil uyumlu olup olmadığını nasıl anlarım?
Siteyi telefonunuzda açın ve yakınlaştırmadan okuyup okuyamadığınıza bakın. Yazılar küçük, düğmeler birbirine yakınsa ya da sayfa yana kayıyorsa site mobil uyumlu değildir. Tarayıcının geliştirici araçlarında farklı ekran boyutlarını da deneyebilirsiniz.
Responsive tasarım ile mobil uygulama aynı şey mi?
Hayır. Responsive tasarım bir web sitesinin telefonda düzgün görünmesidir ve tarayıcıda açılır. Mobil uygulama ise mağazadan indirilen ayrı bir yazılımdır. Çoğu firma için önce iyi bir responsive site yeterlidir.
Responsive tasarım maliyeti artırır mı?
Baştan planlanırsa ayrı bir kalem değildir, tasarımın doğal parçasıdır. Mevcut, mobil uyumsuz bir siteyi sonradan uyumlu hale getirmek ise çoğu zaman yeniden yapmaya yakın bir iştir.