2020'de Web Tasarım: Koyu Mod, Hız Zorunluluğu ve Pandemi Etkisi

2020 başladığında kimse bu yılın böyle geçeceğini bilmiyordu. Ama web tasarım cephesinde bazı şeyler zaten değişiyordu — ve pandemi bu değişimi sadece hızlandırdı. Bu yazıda bu yıl üzerinde çalıştığım projelerde ve etrafta gördüğüm trendleri not alıyorum, ileride geri dönüp bakmak için.
Koyu Mod (Dark Mode) Artık Her Yerde
iOS 13 ve Android 10'un sistem genelinde koyu modu getirmesiyle birlikte, web tasarımcılar da bu akıma hızla kapıldı. Artık bir siteye koyu tema eklemek "havalı bir ekstra" değil, kullanıcıların beklediği bir standart haline geliyor. Ben de son birkaç müşteri projesinde CSS'te prefers-color-scheme medya sorgusunu kullanmaya başladım — tarayıcı/işletim sistemi ayarına göre otomatik tema değişimi gerçekten şık bir deneyim sunuyor.
Google'ın Core Web Vitals Duyurusu Herkesi Telaşlandırdı
Mayıs ayında Google, 2021'de sıralama faktörü olarak kullanılacağını açıkladığı "Core Web Vitals" metriklerini (LCP, FID, CLS) duyurdu. Şu an bunun ne kadar büyük bir etki yapacağını tam bilmiyoruz ama bir şey kesin: sayfa hızı ve kullanıcı deneyimi artık sadece "iyi olsun" denilen bir şey değil, doğrudan SEO performansını belirleyecek. Bu yüzden gereksiz JavaScript kütüphanelerini, ağır görselleri ve layout shift'e sebep olan öğeleri temizlemek önceliğim oldu.
Pandemi, İşletmeleri Zorla Dijitalleştirdi
Mart ayından itibaren bana gelen talepler tamamen değişti. Fiziksel dükkanı olan, "bize internet sitesi lazım mı bilmiyorum" diyen esnaf, şimdi acilen bir e-ticaret altyapısı ya da en azından bir "bizi arayın/sipariş verin" sayfası istiyor. WooCommerce ve basit sipariş formları bu dönemde en çok kurduğum şeyler oldu. Web tasarımın artık bir "lüks" değil, iş sürekliliği meselesi olduğunu bu yıl net bir şekilde gördük.
Minimal ve Kalın Tipografi Trendi
Görsel tarafta ise büyük, kalın başlıklar ve bol boşluk (negative space) kullanımı öne çıkıyor. Karmaşık, aşırı dekore edilmiş tasarımlar yerine; net mesaj, büyük fontlar, az ama öz içerik tercih ediliyor. Mikro animasyonlar (hover efektleri, scroll'da beliren öğeler) de siteye "canlılık" katmanın popüler bir yolu oldu — ama abartmamak gerekiyor, her şey animasyonlu olunca site ağırlaşıyor ve kullanıcı sabırsızlanıyor.
WordPress Gutenberg Editörü Olgunlaşıyor
Gutenberg blok editörü ilk çıktığında herkes (ben de dahil) biraz şikayetçiydi — eski klasik editöre göre öğrenme eğrisi vardı. Ama bir yıl geçince alıştım, ve artık sayfa/yazı düzenlerken blok tabanlı yapının esnekliğini daha çok takdir ediyorum. Özellikle sayfa builder eklentilerine (Elementor, WPBakery gibi) olan ihtiyacı bazı basit projelerde azaltıyor.
Not Defterime Not: 2020'den Hatırlanacaklar
Kısacası bu yıl: koyu mod, sayfa hızı zorunluluğu, pandemi kaynaklı dijitalleşme patlaması ve daha sade/kalın tipografi trendi... Gelecekte bu yazıya geri dönüp "2020'de böyle miydi" diye gülümsemek için buraya not ediyorum. Şimdilik bu kadar — yeni projeler geldikçe güncellemeye devam edeceğim.