Önce telefon
Tasarım en dar ekranda kurulur, sonra genişletilir. Tersi yapıldığında mobil her zaman artık alan olarak kalır.
WEB TASARIM / 01 · SİTE TÜRÜ
Responsive Web Tasarım
Responsive tasarım, siteyi küçültmek değildir. Her ekran boyutunda düzenin yeniden kurulması, önceliklerin değişmesi ve dokunmatik kullanımın ayrı düşünülmesidir. Tasarıma telefon ekranından başlıyoruz.
- TÜR
- Responsive Web Tasarım
- KAPSAM
- 6 kalem
- UYUM
- Mobil öncelikli
- TEKLİF
- Yazılı ve kalem kalem
KAPSAM
Neler dahil?
Telefon, tablet ve masaüstünde aynı özenle çalışan; içeriğin ekrana göre yeniden kurgulandığı tasarım.
- Telefon, tablet ve masaüstü için ayrı düzen kurgusu
- Dokunmatik için en az 44 piksel hedef alanlar
- Ekran boyutuna göre sunulan optimize görseller
- Mobilde okunabilir tipografi ölçeği
- Yatay kaydırma ve taşma denetimi
- Gerçek cihazlarda test
YAKLAŞIM
Nasıl ele alıyoruz?
Düzen değişir, içerik kırpılmaz
Mobilde bilgi silmiyoruz; sırasını ve yerleşimini değiştiriyoruz.
Görsel ağırlığı ekrana göre
Telefona masaüstü fotoğrafı göndermek, sayfayı yavaşlatmanın en hızlı yolu.
KİMLER İÇİN
Kime uygun?
- Ziyaretçisinin çoğu telefondan gelen işletmeler
- Mevcut sitesi mobilde bozulan markalar
- Reklamla trafik alan ve dönüşüm kaybeden siteler
Sık sorulanlar.
- Responsive tasarım ile mobil uyumluluk aynı şey mi?
- Tam olarak değil. Mobil uyumluluk sitenin telefonda açılabilmesi; responsive tasarım ise düzenin her ekran boyutunda yeniden kurgulanmasıdır. İkincisi tasarım kararı gerektirir.
- Mevcut sitem responsive yapılabilir mi?
- Çoğu zaman yapılabilir, ama altyapıya bağlı. Eski şablon üzerine kurulu sitelerde yamalamak yerine yeniden kurmak genelde daha ucuza gelir.
- Ayrı bir mobil site gerekir mi?
- Hayır. Ayrı mobil adres (m.site.com) artık önerilmiyor; tek adres, tek içerik ve esnek düzen hem yönetimi hem arama performansını kolaylaştırıyor.
Diğer site türleri
- 02Mobil Web TasarımZiyaretçinin çoğu telefondan geldiğinde, tasarımın ve hızın telefon önceliğiyle kurulması.
- 03Emlak Web TasarımPortföyü düzenli gösteren, ilan detayını eksiksiz veren ve talep toplayan emlak ofisi web sitesi.
- 04Otel Web TasarımOda tiplerini net ayrıştıran, rezervasyon talebine götüren ve çok dilli çalışan otel web sitesi.
- 05Tanıtım Web Sitesiİşletmeyi, projeyi ya da hizmeti tek bir akışta anlatan; talebe yönlendiren tanıtım sitesi.
BİR SONRAKİ ADIM
Responsive Web Tasarım konuşalım mı?
İhtiyacınızı anlatın; kapsamı, süreyi ve fiyatı kalem kalem, yazılı olarak paylaşalım.