Pano Mimarisi ve Yerleşim Tasarımı

Pano Mimarisi ve Yerleşim Tasarımı

Önceki derste doğru grafik türünü seçmeyi öğrendik. Şimdi bu grafikleri tek bir ekranda anlamlı bir bütün hâline getireceğiz. İyi seçilmiş grafikler bile kötü yerleştirilirse okunmaz. Bu ders, panonun iskeletini kurmayı anlatır; bir sonraki derste bu iskeletin üzerine renk, tipografi ve etkileşim katmanlarını ekleyeceğiz.

Neden önemli?

• Yönetici panoya çoğu zaman birkaç saniye bakar; aradığını hemen bulamazsa panoyu terk eder.
• Yerleşim, hangi bilginin önemli olduğunu sessizce söyler.
• Düzenli bir pano güven verir; dağınık pano rakamlara olan güveni de azaltır.

1. Önce kullanıcıyı tanıyın

Pano kimin için? Genel müdür, satış müdürü ve operasyon uzmanı aynı şeyi görmek istemez. Tasarıma başlamadan şu soruları sorun:

• Bu kişi panoya hangi karar için bakıyor?
• Ne sıklıkla bakıyor: günlük mü, haftalık mı, aylık mı?
• Hangi cihazda bakıyor: geniş ekran, dizüstü, telefon?
• Detaya inmek mi istiyor, yoksa sadece durumu görmek mi?

2. Bilgi hiyerarşisi

Bilgiyi üç katmanda düşünün:

Kural basit: en önemli bilgi en görünür yerde, en büyük ve en sade hâlde durur.

3. Okuma akışı

Türkçe okuyucu gözünü soldan sağa ve yukarıdan aşağıya hareket ettirir. Bu yüzden en kritik gösterge sol üst köşeye, ayrıntı ise sağ alta yerleşir. Göz, ekranda kabaca bir Z çizer; bu çizginin üzerine önemli öğeleri koyun.

4. Izgara düzeni

• Ekranı 12 sütunlu bir ızgaraya bölmek yaygın ve esnek bir yaklaşımdır.
• Kartları eşit genişlikte tutun: örneğin dört özet kartın her biri üç sütun kaplar.
• Boşlukları eşit bırakın; hizalama profesyonel görünümün en ucuz yoludur.
• Ana grafiğe daha fazla alan, yardımcı grafiklere daha az alan verin.

5. Öğelerin konumlandırılması

Özet kartlar

Üst sırada, en fazla dört ila altı adet. Her kartta bir rakam, kısa bir başlık ve önceki dönemle karşılaştırma bulunsun.

Detay grafikler

Orta bölümde, soru-cevap mantığıyla dizin: soldaki grafik “ne oldu?”, sağdaki “neden oldu?” sorusuna yanıt versin.

Filtreler

Ya en üstte yatay bir çubukta ya da solda dikey bir panelde toplayın. Tarih filtresi genellikle en soldadır. Filtreleri panoya dağıtmayın; kullanıcı nereye bakacağını şaşırır.

Örnek

Bir satış panosu: üstte toplam ciro, sipariş sayısı, ortalama sepet ve hedef gerçekleşme kartları; altında solda aylık ciro eğilimi, sağda bölgeye göre dağılım; en altta ürün bazlı detay tablosu; en üstte tarih ve bölge filtreleri.

Sık hatalar

• Tek ekrana çok fazla grafik sığdırmak.
• Önemli ve önemsiz bilgiyi aynı boyutta göstermek.
• Filtreleri farklı köşelere dağıtmak.
• Hizasız, düzensiz boşluklu kartlar.

Küçük uygulama

Kendi panonuz için bir kâğıda dikdörtgenlerle taslak çizin. Önce dört özet kartı, sonra iki ana grafiği, en sona detay tablosunu yerleştirin. Sonra kendinize sorun: “Yöneticim beş saniyede ne anlar?” Cevap net değilse yerleşimi değiştirin.