Desain dashboard

Konsep Desain Dasbor

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Mengapa desain itu penting?

 

  • Perusahaan: NASDAQ
  • Kebutuhan: mengomunikasikan pasar harian kepada investor rata-rata
  • Solusi: tampilan nilai tunggal real-time di Times Square

 

Mengapa garis tren bukan solusi terbaik?

 

bursa saham

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Konsep Desain Dasbor

Mengapa desain itu penting?

 

  • Perusahaan: NASDAQ
  • Kebutuhan: mengomunikasikan pasar harian kepada investor rata-rata
  • Solusi: tampilan nilai tunggal real-time di Times Square

 

Mengapa garis tren bukan solusi terbaik?

 

bursa saham

 

Wawasan historis vs indikator real-time

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Konsep Desain Dasbor

Komponen desain

                Audiens

  • Siapa yang akan memakai dashboard ini?
  • Apa kebutuhan mereka?
  • Format apa yang cocok untuk audiens?
  • Seberapa sering akan diakses?

  audiens

                        Komponen

  • Tujuan: eksploratif vs eksplanatori
  • Format: horizontal vs vertikal
  • Tata letak: grid vs flex
  • Visual: nilai, dimensi, bentuk

 

komponen

Konsep Desain Dasbor

Tujuan dashboard

              Dashboard eksploratif

dashboard eksploratif

Dashboard eksploratif memungkinkan pengguna menjelajah data.

                    Dashboard eksplanatori

dashboard eksplanatori

Dashboard eksplanatori memberi wawasan bawaan kepada pengguna.

Konsep Desain Dasbor

Dashboard eksploratif

 

dashboard eksploratif

 

 

  • Filter untuk segmentasi data kustom
1 Baucke, Spencer. (2022). Dashboard design essentials.
Konsep Desain Dasbor

Dashboard eksploratif

 

dashboard eksploratif

 

 

  • Filter untuk segmentasi data kustom
  • Panel navigasi yang dapat dikustomisasi
1 Baucke, Spencer. (2022). Dashboard design essentials.
Konsep Desain Dasbor

Dashboard eksploratif

 

dashboard eksploratif

 

 

  • Filter untuk segmentasi data kustom
  • Panel navigasi yang dapat dikustomisasi
  • Drill-down untuk tampilan lebih rinci
1 Baucke, Spencer. (2022). Dashboard design essentials.
Konsep Desain Dasbor

Dashboard eksploratif

 

dashboard eksploratif

 

 

  • Filter untuk segmentasi data kustom
  • Panel navigasi yang dapat dikustomisasi
  • Drill-down untuk tampilan lebih rinci
  • Visual interaktif (hover, tooltip)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Konsep Desain Dasbor

Dashboard eksplanatori

 

dashboard eksplanatori

 

 

  • Data sering sudah difilter
  • Alur cerita yang telah ditetapkan
  • Presentasi untuk eksekutif
  • Seruan untuk bertindak
1 Baucke, Spencer. (2022). Dashboard design essentials.
Konsep Desain Dasbor

Ukuran dashboard

                      Ruang fisik

  • Ukuran monitor - jarak diagonal layar

      Desktop, laptop, tablet, perangkat seluler

ukuran monitor

Konsep Desain Dasbor

Ukuran dashboard

                      Ruang fisik

  • Ukuran monitor - jarak diagonal layar
  • Resolusi layar - jumlah piksel dan kerapatannya (lebar x tinggi)

                          Format

  • Format standar - dashboard persegi panjang

    • Rasio - 16:9
    • Semua komponen terlihat di satu layar
    • Tanpa menggulir

  • Format panjang - horizontal atau vertikal

      Desktop, laptop, tablet, perangkat seluler

ukuran monitor

                Horizontal (gaya linimasa) format panjang

Konsep Desain Dasbor

Ukuran dashboard

                      Ruang fisik

  • Ukuran monitor - jarak diagonal layar
  • Resolusi layar - jumlah piksel dan kerapatannya (lebar x tinggi)

                          Format

  • Format standar - dashboard persegi panjang

    • Rasio - 16:9
    • Semua komponen terlihat di satu layar
    • Tanpa menggulir

  • Format panjang - horizontal atau vertikal

      Desktop, laptop, tablet, perangkat seluler

ukuran monitor

                Vertikal (gaya kolom koran) format vertikal

Konsep Desain Dasbor

Tata letak dashboard

                  Sistem grid sistem grid

  • Matriks dua dimensi
  • Seimbang dan simetris
  • Navigasi sederhana
  • Big Aggregate Numbers (BAN) - baris atas

                                Fokus

F focus

F focus

1 Baucke, Spencer. (2022). Dashboard design essentials.
Konsep Desain Dasbor

Ayo berlatih!

Konsep Desain Dasbor

Preparing Video For Download...