İleri Dashboard Tasarımı
📌 Nereden Geliyoruz?
Temel Dashboard'lar dersinde ilk dashboard'umuzu oluşturmuş, scorecard, grafik ve tablo gibi bileşenleri bir araya getirmeyi öğrenmiştik. Şimdi uzmanlaşma seviyesine geçiyoruz: cross-channel dashboard'lar, çok sayfalı rapor yapıları, drill-down navigasyonu ve müşteriye sunuma hazır profesyonel dashboard tasarımları oluşturacağız.
1. Cross-Channel Dashboard
Birden fazla reklam platformunu (Google Ads, Meta Ads, organik trafik) tek bir dashboard'da birleştirmek, gerçek pazarlama performansını görmek için gereklidir.
a) Dashboard Yapısı
graph TD
DASH["📊 Cross-Channel Dashboard"] --> P1["Sayfa 1: Genel Bakış\nToplam harcama, gelir, ROAS"]
DASH --> P2["Sayfa 2: Google Ads\nKampanya detayları"]
DASH --> P3["Sayfa 3: Meta Ads\nKampanya detayları"]
DASH --> P4["Sayfa 4: Organik\nSEO + Social"]
DASH --> P5["Sayfa 5: E-ticaret\nÜrün performansı"]
P1 --> P1A["Scorecard'lar: Total Spend,\nTotal Revenue, Blended ROAS"]
P1 --> P1B["Kanal karşılaştırma tablosu"]
P1 --> P1C["Günlük trend grafiği"]
style DASH fill:#E8F6FC,stroke:#29ABE2
style P1 fill:#DCFCE7,stroke:#22C55E
b) Blended ROAS Hesaplama
Tüm kanalların toplam getirisini toplam harcamaya bölmek:
Blended ROAS = (GA4 Total Revenue) / (Google Ads Cost + Meta Ads Spend + Other Ad Spend)
💡 İpucu: Blended ROAS hesaplarken GA4 gelirini (revenue) kullanın — bu tüm kanallardan gelen dönüşümleri kapsar. Her platformun kendi raporladığı geliri toplamak çift sayıma yol açar.
🚫 Yaygın Yanılgı
❌ Yanlış: "Detaylı dashboard = iyi dashboard"
✅ Doğru: İyi bir dashboard amacına uygun olandır, en detaylı olan değil. Müşteriye yönelik dashboard'larda az metrik, büyük rakamlar ve net mesaj olmalıdır — müşteriyi karmaşıklıkla boğmak güven kaybına yol açar. Dahili/operasyonel dashboard'lar detaylı olabilir çünkü kullanan kişi veriyi yorumlama yetkinliğine sahiptir. "Bütün verileri göstereyim, müşteri akıllı, anlar" yaklaşımıyla yapılan dashboard'lar genellikle hiç okunmaz. Altın kural: bir dashboard açıldığında 5 saniye içinde en önemli mesaj anlaşılmalıdır.
2. Client-Facing vs Internal Dashboard
a) Client-Facing (Müşteriye Yönelik)
- Basitlik: Az metrik, net mesaj. Müşteri karmaşıklıkla boğulmamalı.
- Scorecard ağırlıklı: Büyük rakamlar, renk kodlaması (yeşil = iyi, kırmızı = kötü).
- Yönetici özeti: İlk sayfada 5-6 KPI, detaylar sonraki sayfalarda.
- Profesyonel görünüm: Marka renkleri, logo, tutarlı tipografi.
- Karşılaştırma: Önceki dönem ile mukayese (MoM, YoY).
b) Internal (Dahili/Operasyonel)
- Detay ağırlıklı: Tüm metrikler, tüm breakdown'lar.
- Filtreleme: Kampanya, tarih, cihaz, bölge bazlı filtreler.
- Ham veri erişimi: Tablolar, drill-down imkanı.
- Alert mekanizması: Eşik değerleri ve renk kodları.
graph LR
CLIENT["👔 Client Dashboard"] --> C1["5-6 KPI scorecard"]
CLIENT --> C2["Trend grafikleri"]
CLIENT --> C3["Marka tasarımı"]
CLIENT --> C4["Dönem karşılaştırma"]
INTERNAL["🔧 Internal Dashboard"] --> I1["Detaylı tablolar"]
INTERNAL --> I2["Çoklu filtreler"]
INTERNAL --> I3["Drill-down"]
INTERNAL --> I4["Alert/threshold"]
style CLIENT fill:#DCFCE7,stroke:#22C55E
style INTERNAL fill:#E8F6FC,stroke:#29ABE2
3. Template Design (Şablon Tasarımı)
a) Tekrarlanabilir Şablon Oluşturma
- Dashboard tasarımınızı marka renklerine uygun oluşturun.
- "File > Make a copy" ile şablon olarak kaydedin.
- Yeni müşteriler için kopyalayın ve veri kaynaklarını değiştirin.
- Tutarlı yapı sayesinde onboarding süresi kısalır.
b) Grid Sistemi
- Raporun genişliğini 12 birimlik grid'e bölün.
- Scorecard'lar: 2-3 birim genişlik.
- Grafikler: 6 birim (yarım sayfa) veya 12 birim (tam sayfa).
- Tablolar: 12 birim (tam genişlik).
4. Marka Kimliği Tutarlılığı
a) Tasarım Kuralları
- Renk paleti: Raporun tema renklerini müşterinin/ajansın marka renklerine ayarlayın.
- Font: Tutarlı font ailesi kullanın (ör. Roboto veya Inter).
- Logo: Raporun başlığına veya header'ına logo ekleyin.
- Footer: Ajans bilgisi, rapor tarihi, gizlilik notu.
🎯 Benzetme: Profesyonel bir dashboard, bir restoran menüsü gibidir. İyi bir menü (dashboard) güzel tasarlanmıştır, kolay okunur, önemli yemekler (KPI'lar) öne çıkarılır ve restoranın kimliğini (marka renkleri) yansıtır.
5. Multi-Page Navigation
a) Sayfa Yapılandırma
- Her konu/kanal için ayrı sayfa oluşturun.
- Raporun sol tarafına veya üstüne navigasyon menüsü ekleyin.
- Sayfa isimleri açıklayıcı olsun (ör. "1. Genel Bakış", "2. Google Ads Detay").
b) Navigasyon Öğeleri
- Sayfalar arası geçiş için düğmeler veya metin linkleri ekleyin.
- Aktif sayfa renkle vurgulanabilir.
- Global filtreler tüm sayfalara uygulanacak şekilde ayarlanabilir.
⚠️ Uyarı: 10+ sayfalık raporlar yönetimi zorlaştırır ve yüklenme süresi artar. Rapor amacını daraltın: "Her şeyi tek raporda göstermek" yerine amaç bazlı birden fazla rapor oluşturun.
🎯 Bu Dersten Öğrenmen Gerekenler
- Cross-channel dashboard ile Google Ads, Meta Ads ve organik trafiği tek raporda birleştirebilirsin.
- Çok sayfalı rapor yapısıyla genel bakış, kanal detayı ve ürün performansı sayfaları tasarlayabilirsin.
- Drill-down navigasyonu ve interaktif filtrelerle kullanıcının kendi analizini yapabileceği dashboard'lar kurabilirsin.
- Müşteriye sunuma hazır, marka renklerine uygun profesyonel tasarım prensiplerini uygulayabilirsin.