Bir web sitesi sekiz haftada: 2011'in süreç grafiği bugün ne anlatıyor?
John Furness'in 2011 tarihli grafiği bir sitenin sekiz haftasını tasarımcı ve müşteri için ayrı gösteriyor. Hangi adımlar hâlâ geçerli, hangileri değişti?
Simple Square'den John Furness'in 2011'de hazırladığı "A Web Site Designed" grafiği, bir web sitesinin yapımını sekiz haftalık tek bir çizgi üzerinde anlatıyor. Bilgi grafikleri üzerine yazan Cool Infographics, 2013'te bu grafiği bir iş sürecini görselleştirmenin iyi örneklerinden biri olarak paylaşmıştı.
Grafik nasıl okunuyor
Ortadaki siyah çizgi sekiz haftayı gösteriyor. Çizginin üstünde tasarımcının, altında müşterinin adımları var. Renkler altı evreyi ayırıyor: ilk görüşme, planlama, içerik, tasarım, geliştirme ve yayın. Dairenin büyüklüğü o evrede ne kadar yoğun çalışıldığını, adımın yazı büyüklüğü de önemini gösteriyor. Daireler birbirine biniyor, çünkü evreler kesin çizgilerle ayrılmıyor.
- 1. ve 2. hafta planlamaya ayrılmış: ihtiyaçların belirlenmesi, araştırma, site taslağı, site haritası ve tel çerçeveler (wireframe).
- 3. hafta içerik haftası. Tasarımcı içerik planını çıkarıyor, müşteri metinleri ve görselleri teslim ediyor.
- 4. ve 5. haftada önce ana sayfa, sonra iç sayfalar tasarlanıyor; müşteri ikisini ayrı ayrı onaylıyor.
- 6. ve 7. hafta geliştirme: kodlama, kod denetimi, içeriğin yerleştirilmesi, farklı tarayıcılarda ve cihazlarda test.
- 8. haftada son düzeltmeler, yayın ve arama motorlarına bildirim var.
Hâlâ geçerli olanlar
İçerik tasarımdan önce geliyor. Müşterinin metin ve görselleri teslim ettiği adım 3. haftada, ana sayfa tasarımından önce duruyor. Metin gelmeden çizilen sayfa, sonradan gelen metni kalıba sığdırmaya zorlar.
Müşteri tarafında en büyük yazıyla işaretlenen adımlar tel çerçeve onayı ve ana sayfa tasarımının onayı. Değişiklik en ucuz tel çerçeve aşamasında yapılıyor; kod yazıldıktan sonraki her değişiklik hem tasarımı hem kodu etkiliyor. Grafikte müşteri, 5. haftadaki iç sayfa onayından sonra son kontrole kadar görünmüyor. Kararların kodlama başlamadan verilmesi gerektiğini bu boşluk da gösteriyor.
Değişenler
Önce telefon
Grafikte sayfalar masaüstü görseli olarak çiziliyor, tarayıcı ve cihaz testi 7. haftaya kalıyor. Ethan Marcotte duyarlı (responsive) tasarımı bu grafikten bir yıl önce, 2010'da A List Apart'ta tanımlamıştı. Bugün sayfanın telefonda nasıl göründüğüne tel çerçeve aşamasında karar veriliyor.
Kod denetimi genişledi
Grafikte "Validation" büyük yazıyla duruyor; o yıllarda bu adım genellikle kodun W3C standartlarına uygunluğunu denetlemekti. Bugün buna sayfanın hızı ve erişilebilirliği de ekleniyor. Google, yükleme hızını, etkileşime cevap süresini ve sayfanın yüklenirken kaymasını ölçen Core Web Vitals'ı arama sıralamasında kullanıyor.
Arama son haftada başlamıyor
Grafiğin son adımı arama motorlarına bildirim. Google bugün yeni siteleri bağlantılar ve site haritası üzerinden kendisi buluyor; site haritası Search Console'dan bir kez gönderiliyor. Bir sitenin aranınca bulunup bulunmayacağını ise adres yapısı, sayfa başlıkları ve metinler belirliyor. Bunlar da site haritası ve içerik planıyla birlikte, 1. ve 3. haftalar arasında kararlaştırılıyor.
Yayından sonrası da iş
Grafik yayınla bitiyor. Bugün yayından sonraki haftalarda ziyaretçi verisine ve arama raporlarına bakmak, hangi sayfanın okunduğunu ve hangisinin aramada göründüğünü görmek sürecin parçası.
Grafiğin kendisi
Grafik, iki ayrı bilgiyi tek bir çizgi üzerinde okutuyor: daire büyüklüğüyle emeği, yazı büyüklüğüyle önemi. Bu sayede sürecin ağırlığının nerede olduğu bir bakışta görülüyor. Ölçeği ise kaba: Daire büyüklüğü için yalnız "az" ve "çok", önem için "ortalama" ve "daha büyük" var. Grafik süreçteki ağırlıkları iyi gösteriyor, hafta hafta bir iş planı çıkarmaya yetmiyor.
Sitenizin altyapısını ve bakımını biz üstlenelim. Web sitesi hizmeti →