Web Tasarımı nedir?

Bu konuda neler öğreneceksin?

• Web sayfasının amacını ve kullanıcı yolunu netleştirebilir.
• Duyarlı yerleşimin gerekçesini ve kırılma noktalarını açıklar.
• Okuma sırasına uygun içerik yerleşimi kurabilir.
• Görsel ve dosya boyutlarını yükleme süresine etkisiyle birlikte değerlendirir.
• Erişilebilirlik ve ölçüm adımlarını uygulama planına dâhil eder.

Anahtar fikirler

• Web sayfası, ziyaretçinin ihtiyacına göre kurgulanır.
• Üstbilgi, sitenin adını, gezinme bağlantılarını ve ana eylemi barındırır.
• Yerleşim, ekran genişliğine göre yeniden düzenlenmelidir.
• Okuma sırası, önem sırasına göre kurulur.
• Bağlantı metni, nereye gidildiğini açık biçimde söyler.
• Görseller, ekranda görüneceği boyuttan büyük hazırlanmaz.

Konunun özeti

Sayfanın amacı, ziyaretçinin ulaşacağı bilgi ya da eylem yazıyla belirlenmelidir. Üstbilgi, sitenin adını, ana gezinme bağlantılarını ve ana eylemi barındırır. Yerleşim ekran genişliğine göre yeniden düzenlenmeli; sabit genişlik dar ekranda yatay kaydırma çıkarır. Okuma sırası, önem sırasına göre kurulur ve en önemli bilgi üst bölgeye konur. Görseller ekranda görüneceği boyuttan büyük hazırlanmamalı, yükleme süresi bu yolla kısaltılmalıdır. Formlarda yalnız gerekli alanlar istenir. Görsellere alternatif metin eklenir ve site düzenli aralıklarla gözden geçirilerek güncellenir.

Sık yapılan hatalar

• Sayfayı sabit genişlikte tasarlamak: Sabit genişlik, dar ekranda yatay kaydırma çıkarır ve okuma konforunu düşürür.
• Önemli bilgiyi sayfanın altına koymak: Göz yukarıdan aşağıya okuduğu için alt bölümdeki bilgi geç fark edilir.
• Anlaşılmaz bağlantı metni kullanmak: Tıklamadan önce nereye gidildiği bilinmediğinde kullanıcı yanlış sayfaya yönelir.

İlgili konular

• Kartvizit Tasarımı
• Broşür ve Katalog
• Arayüz Tasarımı
• Hareketli Grafik
• Ambalaj ve Etiket
• Afiş ve Pano