Pano tasarımı

Pano Tasarımı Kavramları

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Tasarım neden önemlidir?

 

  • Şirket: NASDAQ
  • İhtiyaç: günlük piyasayı ortalama yatırımcıya aktarmak
  • Çözüm: Times Square’de gerçek zamanlı tek değer gösterimi

 

Neden trend çizgileri en iyi çözüm değildir?

 

borsa

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Pano Tasarımı Kavramları

Tasarım neden önemlidir?

 

  • Şirket: NASDAQ
  • İhtiyaç: günlük piyasayı ortalama yatırımcıya aktarmak
  • Çözüm: Times Square’de gerçek zamanlı tek değer gösterimi

 

Neden trend çizgileri en iyi çözüm değildir?

 

borsa

 

Tarihsel içgörüler ve gerçek zamanlı göstergeler karşılaştırması

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Pano Tasarımı Kavramları

Tasarım bileşenleri

                Hedef kitle

  • Bu panoyu kim kullanacak?
  • İhtiyaçları nelerdir?
  • Hangi biçim kitle için uygundur?
  • Ne sıklıkla erişilecek?

  hedef kitle

                        Bileşenler

  • Amaç: keşif ve açıklayıcı
  • Biçim: yatay ve dikey
  • Düzen: ızgara ve esnek (flex)
  • Görseller: değerler, boyutlar, şekiller

 

bileşenler

Pano Tasarımı Kavramları

Pano amacı

              Keşif panosu

keşif panosu

Keşif panosu, kullanıcıların veriyi keşfetmesini sağlar.

                    Açıklayıcı pano

açıklayıcı pano

Açıklayıcı pano, önceden tanımlı içgörüler sunar.

Pano Tasarımı Kavramları

Keşif panosu

 

keşif panosu

 

 

  • Özel veri segmentasyonu için filtreler
1 Baucke, Spencer. (2022). Dashboard design essentials.
Pano Tasarımı Kavramları

Keşif panosu

 

keşif panosu

 

 

  • Özel veri segmentasyonu için filtreler
  • Özelleştirilebilir gezinme panelleri
1 Baucke, Spencer. (2022). Dashboard design essentials.
Pano Tasarımı Kavramları

Keşif panosu

 

keşif panosu

 

 

  • Özel veri segmentasyonu için filtreler
  • Özelleştirilebilir gezinme panelleri
  • Daha ayrıntılı görünüm için kırılım (drill-down)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Pano Tasarımı Kavramları

Keşif panosu

 

keşif panosu

 

 

  • Özel veri segmentasyonu için filtreler
  • Özelleştirilebilir gezinme panelleri
  • Daha ayrıntılı görünüm için kırılım (drill-down)
  • Etkileşimli görseller (üzerine gelme, araç ipuçları)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Pano Tasarımı Kavramları

Açıklayıcı pano

 

açıklayıcı pano

 

 

  • Veri çoğunlukla önceden filtrelenmiştir
  • Önceden kurgulanmış hikâye
  • Üst yönetime sunum
  • Eylem çağrısı
1 Baucke, Spencer. (2022). Dashboard design essentials.
Pano Tasarımı Kavramları

Pano boyutu

                      Fiziksel alan

  • Monitör boyutu - köşegen ekran mesafesi

      Masaüstü, dizüstü, tablet, mobil cihazlar

monitör boyutu

Pano Tasarımı Kavramları

Pano boyutu

                      Fiziksel alan

  • Monitör boyutu - köşegen ekran mesafesi
  • Ekran çözünürlüğü - piksel sayısı ve yoğunluğu (genişlik x yükseklik)

                          Biçim

  • Standart biçim - dikdörtgen pano

    • Oran - 16:9 oranı
    • Tüm bileşenler tek ekranda görünür
    • Kaydırma yok

  • Uzun biçim - yatay veya dikey

      Masaüstü, dizüstü, tablet, mobil cihazlar

monitör boyutu

                Yatay (zaman çizelgesi stili) uzun biçim

Pano Tasarımı Kavramları

Pano boyutu

                      Fiziksel alan

  • Monitör boyutu - köşegen ekran mesafesi
  • Ekran çözünürlüğü - piksel sayısı ve yoğunluğu (genişlik x yükseklik)

                          Biçim

  • Standart biçim - dikdörtgen pano

    • Oran - 16:9 oranı
    • Tüm bileşenler tek ekranda görünür
    • Kaydırma yok

  • Uzun biçim - yatay veya dikey

      Masaüstü, dizüstü, tablet, mobil cihazlar

monitör boyutu

                Dikey (gazete sütunu stili) dikey biçim

Pano Tasarımı Kavramları

Pano düzeni

                  Izgara sistemi ızgara sistemi

  • İki boyutlu matris
  • Dengeli ve simetrik
  • Basit gezinme
  • Büyük Toplam Sayılar (BAN) - üst sıra

                                Odak

F odağı

F odağı

1 Baucke, Spencer. (2022). Dashboard design essentials.
Pano Tasarımı Kavramları

Hadi pratik yapalım!

Pano Tasarımı Kavramları

Preparing Video For Download...