Kurumsal Web Tasarımında Ergonomi ve Profesyonellik

Kurumsal Web Tasarım Neden Farklı Bir Disiplindir?

Bir kurumsal web sitesi, şirketin dijital kartviziti değildir. Kartvizit masanın üstünde durur, kimse bakmaz. Kurumsal web sitesi ise 7/24 çalışan bir satış temsilcisi, bir müşteri hizmetleri noktası ve bir marka elçisidir. Bu yüzden kurumsal web tasarımı, kişisel blog ya da portfolyo sitesinden temelden ayrılır.

Kurumsal web tasarımda üç temel eksen vardır: görsel profesyonellik, ergonomik kullanılabilirlik ve teknik performans. Bu üçünden biri eksik kaldığında site, potansiyelinin altında kalır. Güzel ama yavaş bir site kullanıcıyı kaybeder. Hızlı ama karmaşık bir site dönüşüm oranlarını düşürür. Sade ama kimliksiz bir site markayı temsil edemez.

Profesyonel Web Tasarımın Teknik Temelleri

Tipografi ve Görsel Hiyerarşi

Profesyonel bir kurumsal sitede tipografi, tasarımın omurgasıdır. Kullanıcı sayfaya geldiğinde ilk 3 saniyede görsel hiyerarşiyi kavramalıdır. Başlık, alt başlık ve gövde metni arasındaki kontrast net olmalıdır.

Temel kurallar şunlardır:

1. Font ailesi sayısı en fazla 2-3 olmalıdır. Biri başlıklar, biri gövde metni için yeterlidir. Üçüncüsü yalnızca vurgu veya navigasyon gibi özel alanlarda kullanılabilir.
2. Gövde metni en az 16px olmalıdır. Mobilde okunabilirlik için 16px alt sınırdır. 14px ve altı, özellikle uzun metinlerde göz yorgunluğuna neden olur.
3. Satır yüksekliği (line-height) 1.5-1.75 aralığında tutulmalıdır. Sıkışık satırlar profesyonellik algısını düşürür, okuma hızını yavaşlatır.
4. Kontrast oranı WCAG AA standardına uygun olmalıdır. Metin ve arka plan arasında en az 4.5:1 kontrast oranı hedeflenmelidir.

Renk Sistemi ve Marka Tutarlılığı

Kurumsal web tasarımda renk paleti rastgele seçilmez. Marka kimliğinden türetilen bir design token sistemi oluşturulmalıdır. Bu sistem, birincil renk, ikincil renk, nötr tonlar, başarı/uyarı/hata durumları için anlamsal renkler içermelidir.

CSS custom properties (değişkenler) bu sistemi kodda uygulamanın en etkili yoludur:

Bu yaklaşım, site genelinde tutarlılık sağlar. Yeni bir sayfa veya bileşen eklendiğinde tasarımcı ve geliştirici aynı dili konuşur.

Ergonomik Web Tasarım: Kullanıcıyı Merkeze Almak

Ergonomi denildiğinde akla ofis sandalyeleri gelir. Ama ergonomi, insan-sistem etkileşiminin verimliliğini artıran bir disiplindir. Web tasarımda ergonomi, kullanıcının hedefine en az bilişsel yükle, en kısa sürede ulaşmasını sağlamak demektir.

Bilişsel Yük Yönetimi

Her ekran, kullanıcıya bir bilişsel yük bindirir. Bu yükü azaltmanın somut yolları vardır:

1. Hick Yasası: Seçenek sayısı arttıkça karar süresi logaritmik olarak uzar. Ana navigasyonda 5-7 öğe idealdir. 12 menü öğesi olan bir header, kullanıcıyı bunaltır.
2. Fitts Yasası: Tıklanabilir alanlar yeterince büyük ve erişilebilir konumda olmalıdır. Mobilde minimum dokunma alanı 44x44 pikseldir. Bu, Apple ve Google'ın ortak erişilebilirlik standardıdır.
3. Miller Kuralı: İnsan kısa süreli belleği ortalama 7 (artı eksi 2) öğe tutar. Form alanları, adım sayıları ve bilgi grupları bu sınıra göre tasarlanmalıdır.
4. Görsel gruplama (Gestalt ilkeleri): Yakınlık, benzerlik ve kapalılık ilkeleri kullanılarak ilişkili içerikler doğal gruplar halinde sunulmalıdır.

Navigasyon ve Bilgi Mimarisi

Kurumsal bir sitede bilgi mimarisi, kullanıcının aradığını 3 tıklama içinde bulabilmesini hedeflemelidir. Bu klasik "3 tıklama kuralı" mutlak bir kural değildir. Ama arkasındaki ilke geçerlidir: kullanıcı her adımda ilerlediğini hissetmelidir.

Etkili bir bilgi mimarisi için şu adımlar izlenmelidir:

1. Kart sıralama (card sorting) çalışmalarıyla kullanıcıların mental modellerini anlamak
2. Site haritasını hiyerarşik ve mantıksal bir yapıda oluşturmak
3. Breadcrumb navigasyonu ile kullanıcıya konum bilgisi vermek
4. Arama işlevini her sayfada erişilebilir kılmak

Performans: Profesyonelliğin Görünmez Katmanı

Bir kurumsal site görsel olarak kusursuz olabilir. Ama sayfa yüklenme süresi 3 saniyeyi aşarsa, mobil kullanıcıların yaklaşık %53'ü siteyi terk eder. Google'ın Core Web Vitals metrikleri artık sıralama faktörüdür. Bu nedenle performans, tasarımın ayrılmaz bir parçasıdır.

Dikkat edilmesi gereken temel metrikler:

1. LCP (Largest Contentful Paint): Sayfadaki en büyük içerik öğesinin yüklenme süresi. Hedef: 2.5 saniye altı.
2. FID (First Input Delay) / INP (Interaction to Next Paint): Kullanıcının ilk etkileşimine yanıt süresi. Hedef: 200ms altı.
3. CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriklerin kayma miktarı. Hedef: 0.1 altı.

Bu metrikleri iyileştirmenin pratik yolları şunlardır:

1. Görselleri WebP veya AVIF formatında sunmak ve lazy loading uygulamak
2. Kritik CSS'i inline olarak sayfaya gömmek, geri kalanını asenkron yüklemek
3. JavaScript paketlerini bölmek (code splitting) ve gereksiz kütüphanelerden kaçınmak
4. CDN kullanarak statik varlıkları kullanıcıya yakın noktalardan sunmak

Erişilebilirlik: Profesyonelliğin Etik Boyutu

Ergonomik bir kurumsal web sitesi, erişilebilirlik standartlarını göz ardı edemez. WCAG 2.1 AA uyumluluğu, yalnızca yasal bir zorunluluk değil, profesyonelliğin göstergesidir.

Temel erişilebilirlik kontrol listesi:

1. Tüm görsellerde anlamlı alt metinleri bulunmalıdır
2. Formlar, ilişkili label etiketleri ile işaretlenmelidir
3. Klavye ile tam navigasyon mümkün olmalıdır (tab sırası mantıklı, focus durumları görünür)
4. Semantik HTML kullanılmalıdır (div yerine nav, main, article, section)
5. ARIA etiketleri yalnızca semantik HTML'in yetersiz kaldığı durumlarda kullanılmalıdır

Erişilebilirlik, bir özellik değil bir kalite standardıdır. Erişilebilir olmayan bir site, profesyonel değildir.

Sonuç: Tasarım Bir Süreçtir, Tek Seferlik Bir İş Değildir

Kurumsal web tasarım, Photoshop'ta bir mockup çıkarmakla bitmez. Kullanıcı araştırması ile başlar, bilgi mimarisi ile şekillenir, görsel tasarım ile somutlaşır, frontend geliştirme ile hayat bulur ve sürekli ölçüm ile olgunlaşır.

RadKod olarak kurumsal web projelerinde bu üç ekseni (profesyonellik, ergonomi, performans) bütüncül bir yaklaşımla ele alıyoruz. Her projeyi kullanıcı odaklı bir mühendislik problemi olarak görüyor, estetik ile işlevselliği aynı potada eritiyoruz.

Bir kurumsal web sitesi yalnızca güzel görünmemeli, aynı zamanda doğru çalışmalı, hızlı yüklenmeli ve herkes tarafından kullanılabilir olmalıdır. Bu üçlü denge, profesyonel web tasarımın gerçek tanımıdır.