Duyarlı Web Sitesi Tasarımı Nedir? Responsive Ne Demek?

Duyarlı Web Sitesi Tasarımı

Duyarlı Web Sitesi ya da tasarımı (Responsive Web Design’ı) açıklanmaya çalışılırken genellikle şu tür konuşmalara şahit oluyorum:

Cem: Web siteniz responsive ( Duyarlı/Uyumlu bir web sitesi ) mi ?
Can: Anlamadım ?
Cem: Yani siteniz mobil cihazlarda açılınca İçerik ve görseller cihaza uygun yeniden şekilleniyor mu?
Can: Tam anlamadım ama bakın cep telefonumda açılıyor…
Cem: Bakın Cem Bey sitenizdeki yazılar çok küçük kaldılar ve okunmuyorlar! Resimler gözükmez oldu. Siteniz sandığınız gibi responsive, duyarlı tasarıma sahip değil.
Can: Ne yapacağız peki şimdi? Sitemizide daha yeni yaptırmıştık!
Cem: Tekrar yapılması gerekecek.
Can: Peki responsive, yani mobil uyumlu ( duyarlı ) bir web sitemiz olmasa ne olur?
Cem: Anlatayım.

“Duyarlı Web Sitesi Tasarımını” (İng. Responsive Web Design) anlatmadan önce sanırırm mobil, mobil uyumluluk ve mobil cihazlardan biraz bahsetmek daha doğru olacak.

Mobil (İng. Mobile):
Haraketli, haraket edebilen ya da bir yerden bir yere taşınabilir, yer degiştiren, gezici, seyyar, devingen, müteharrik demektir.

Malumunuz yurtdışında cep telefonuna (Mobile Phone) deniyor. Sanırım bu yüzden olsa gerek ülkemizde “mobil veya mobil uyumlu” denince çoğu insanın aklına ilk olarak olarak cep telefonu geliyor. Şimdilik konumuz ile doğrudan ilişkili mobil cihaz örnekleri aşağıdaki ilk üç maddeyi kapsıyor olsada, mobil cihazların sadece cep telefonu demek olmadığını bilmenizi isterim.

Mobil Cihazlar:
• Dizüstü bilgisayarlar (Laptop ve notebook)
• Cep Telefonları
• Tabletler

• Akıllı Saatler
• GPS Alıcıları
• Taşınabilir Oyun Konsolları
• Medya ( Film ) Oynatıcılar
• Medya ( Müzik ) Çalarlar diyebiliriz.

Mobil uyumlu (Mobile-friendly) web sitesi ne demek?

Mobil uyumluluk, tüm mobil cihazlarda aynı şekilde çalışmak üzere tasarlanmış web sitesi demektir. Mobil uyumlu versiyon için ikinci bir URL kullanılması gerekir ki bu Google tarafından hiç istenen bir durum değildir.

m.serdarbozoglu.com uzantısında ana domainden farklı ikinci bir sitenin var olması demek. Google arama sorgusunda hangi sitenin mobil uyumlu olduğuna bakıyor. Yani mobil versiyonu olup olmadığına bakmıyor yani ayrı bir mobil sitesi olan kişiler Google aramalarında mobil veya masaüstü fark etmeksizin birinci sırada olmak istiyorlarsa, duyarlı web sitesi (Responsive) tasarımı yaptırmaları gerekir.

Mobil uyumlu sitelerde hiçbir içerik değişmez ve olduğu gibi gözükür.
Mobil uyumlu web sitelerin kullanımı zordur. Navigasyon çıkışları sınırlıdır. Flash animasyonlar çalışmaz.

Mobil cihazlar ile sitenize ziyaret edenlerin hayatlarını kolaylaştıran bir tasarım anlayışına sahip olmalısınız. Uygulanacak tasarımın, tüm mobil cihazlar için tutarlı olması ve düzgün çalışması gerekir.

Ekte vermiş olduğum linke tıklayarak sitenizin mobil uyumlu olup olmadığını hemen öğrenebilirsiniz:

https://www.google.com/webmasters/tools/mobile-friendly/

Duyarlı Web Tasarımı (Responsive Web Design) ne demek?

“Duyarlı Web Tasarımı” (İng. Responsive Web Design) web sitelerine masaüstü ve özellikle kullanımı gün geçtikçe artan mobil cihazlardan girildiğinde sitenin içeriğinin (Resim, yazı vb. gibi elementlerin) farklı ekran genişliklerine göre yeniden ölçeklenerek ekrana okunaklı ve dengeli bir şekilde oturmasıdır.

serdarbozoglu-responsive

Duyarlı web tasarımı herzaman tüm cihazlara aynı HTML kodu ve URL’yi gönderir. İçerik yönetim sistemi / CMS (Content management system) tabanlı cihazlarda aynı html kodu ve URL’yi sayfanın oluşturulma biçimini değiştirmek için kullanılır.

Mobil cihazlar günlük hayatımıza girdiğinden beri, internetin her an her yerde kullanılabilir olması ile birlikte sitelerin mobil cihazlara uyumlu tasarlanmayan standart web siteleri yetersiz kalmaya başlamıştır.

Artık kullanıcıların size kullandığı her cihazdan ulaşabilmesi için web sitenizin kesin olarak “Duyarlı Web Tasarımı” (İng. Responsive Web Design) olarak hazırlanması gerekmektedir. Özetle siteler, daha uyumlu ve kullanışlı olabilmek adına mobil cihaz kullanıcılarının gereksinimleri dikkate alınarak farklı ekranlara göre kullanıcıların kullandığı cihazın ekran boyutu ve genişliğine göre adapte olmalıdır.

Acaba siteniz “Duyarlı” (Responsive) bir site mi?

Mevcut siteniz, masaüstü ve mobil cihazlarda görünebiliyor olması, duyarlı bir web sitesi tasarımına (Responsive Web Design) sahip bir siteniz olduğu anlamına gelmemektedir. Pekala sitenizin mobil uyumlu bir web sitesi olabilir ama responsive gereksinimlerine cevap vermiyor olabilir.

mobile vs. responsive

Duyarlı web site (Responsive) tasarımı için olmazsa olmazlar:

• Googlebot’ların sitenizi rahatlıkla gezebilmesi için sitenizin teknik olarak buna müsait ve hazır olması gerekir.

• Mobil cihazlardan sitenize girildiğinde site içeriğinin (Resim, yazı vb. gibi elementlerin) farklı ekran genişliklerine göre yeniden ölçeklenmesi gerekir.

• Navigasyon daha kompak ve yoğun olmalıdır.

• Dinamik içeriğe sahip olmalısınız.

• Optimize edilmiş görseller kullanmalısınız.

• Doğru yerleşim ve espas uygulamalısınız.

Duyarlı Web Sitesi (Responsive) ya da Mobil Uyumlu site. Hangisi daha doğru?

Benim görüşüm, duyarlı web sitesi (Responsive) kullanıcılara daha fazla
kişiselleştirilmiş ve işlevsel bir mobil kullanım imkanı veriyor.

responsive-serdar-bozoglu

Evet daha fazla uzmanlık, özen ve emek gerektiriyor ama getirilerine bakıldığı zaman faydası ve katkısı tartışılmaz bile.

Google kesinlikle Duyarlı Web Tasarımı (DWT) kullanılmasını önermektedir, bu sayede:

• Arama motoru optimizasyonunda (SEO) başarı elde edersiniz.
Web sitenizin arama motorlarında üst sıralarda çıkmasını istiyorsanız, demeki olmazsa olmaz responsive bir web siteniz olacak. SEO, yani arama motoru optimizasyonu kuralları açısından ‘Mobil Uyumluluk’’ katı bir kural haline geldi. Google artık responsive olmayan web sitelerini üst sıralara çıkartmıyor.

• Önceliklere (hedeflere) doğru yönlendirme sağlarsınız
Navigasyon ve öncelikler çok daha algılanabilir ve ön planda olacağı için, kullanıcı ve ziyaretçiler istenen hedef/hedeflere çok daha kolay ve hızlı yönlendirilebileceklerdir.

• İşlevsellik ön plana çıkar
Doğru HTML, kod, metaların, sayfa yapıları, görsel optimizasyonlar sonrasında sitenizin sayfa geçişlerindeki hızı ve tasarım dili çok daha iyi olacaktır. Dolayısıyla siteniz kullanıcılar için:

Kullanım kolaylığı = kullanıcı memnuniyeti = sadakat olarak size geri dönecektir.

Kişisel görüşüm, siteniz için uzun bir raf ömrü planlıyorsanız olmazsa olmaz
duyarlı bir web sitesi tasarımına (Responsive) sahip olmanız yönünde

Hoşca Kalınız…

serdarbozoglu@gmail.com

3
Kimler Neler Demiş?

avatar
3 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
özel web yazılımözel web yazılımıCeyhun Recent comment authors

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
En Yeniler Eskiler Beğenilenler
Bildir
Ceyhun
Ziyaretçi
Ceyhun

Elinize sağlık, oldukça faydalı bilgiler edindim. Yenilerini bekliyorum

özel web yazılımı
Ziyaretçi

Güzel paylaşımlarda bulunuyorsunuz tebrikler

özel web yazılım
Ziyaretçi

Uzun zamandır bulamadığım konuydu teşekkürlerimi sunarım