Dashboard yang penuh angka tapi tidak enak dilihat biasanya bukan gagal secara data — tapi gagal secara desain. Tiga hal yang paling sering jadi biang keladi adalah layout yang tidak mengikuti alur mata pembaca, warna yang dipakai asal tanpa makna, dan tipografi yang tidak punya hierarki jelas. Artikel ini membahas ketiga prinsip itu lewat studi kasus mendesain ulang dashboard penjualan sederhana, lengkap dengan sebelum-sesudah.

Kenapa Prinsip Desain Ini Penting untuk Dashboard?

Dashboard berbeda dari laporan biasa karena tujuannya adalah dibaca cepat, bukan dibaca detail dari awal sampai akhir. Seorang manajer biasanya cuma punya waktu 5-10 detik untuk melihat dashboard sebelum meeting — kalau dalam waktu itu dia tidak langsung menangkap insight utama, dashboard tersebut gagal memenuhi fungsinya, meskipun datanya benar 100%.

Ada tiga elemen desain yang paling menentukan seberapa cepat insight itu tertangkap:

1. Layout — menentukan urutan mata membaca informasi
2. Warna — menentukan mana yang harus diperhatikan dulu
3. Tipografi — menentukan mana angka yang penting dan mana yang cuma pendukung

Ketiganya saling berkaitan. Layout yang bagus tapi warnanya berantakan tetap akan membingungkan pembaca, begitu juga sebaliknya.

Bagaimana Menyusun Layout yang Mengikuti Alur Baca?

Kebanyakan orang membaca layar dengan pola Z atau F — mata bergerak dari kiri atas ke kanan, lalu turun ke kiri lagi. Prinsip ini berarti:

• Angka paling penting (KPI utama) ditaruh di kiri atas — misalnya total revenue atau growth rate
• Grafik pendukung ditaruh di tengah atau kanan, karena dilihat setelah KPI utama
• Detail/tabel ditaruh paling bawah, karena ini bagian yang dibaca kalau pembaca butuh menggali lebih dalam

Contoh kasus: dashboard penjualan versi awal yang saya buat menaruh tabel detail transaksi di paling atas dan grafik tren di paling bawah — urutannya justru terbalik dari cara orang biasa mencari insight. Setelah disusun ulang, revenue bulan ini dan perbandingan dengan bulan lalu saya taruh sebagai kartu angka besar di kiri atas, baru grafik tren di bawahnya, dan tabel detail di paling akhir.

Bagaimana Memilih Warna yang Tidak Membingungkan?

Kesalahan paling umum pemula adalah memakai banyak warna cerah sekaligus tanpa makna — akibatnya semua elemen terlihat “berteriak” secara bersamaan dan pembaca bingung mana yang harus diperhatikan.

Prinsip warna yang lebih aman untuk dashboard:

• Batasi 2-3 warna utama ditambah satu warna netral (abu-abu) untuk elemen pendukung
• Gunakan warna secara semantik — misalnya hijau untuk pertumbuhan positif, merah untuk penurunan, biru netral untuk angka informatif biasa. Jangan pakai merah untuk sesuatu yang justru bagus, karena itu bertentangan dengan asosiasi umum
• Warna mencolok hanya untuk data yang butuh perhatian, sisanya pakai warna netral — kalau semua elemen diberi warna cerah, efeknya sama saja dengan tidak ada yang ditonjolkan

Pada studi kasus dashboard penjualan saya, versi awal memakai 6 warna berbeda untuk 6 kategori produk di satu grafik, membuat mata harus terus mengecek legenda. Di versi revisi, saya turunkan jadi 2 warna aksen (biru untuk kategori utama, abu-abu untuk kategori lainnya digabung jadi satu kelompok “Lainnya”), sehingga fokus dashboard lebih jelas ke kategori yang memang paling berkontribusi ke revenue.

Bagaimana Menyusun Tipografi agar Ada Hierarki yang Jelas?

Tipografi di dashboard bukan soal memilih font yang bagus, tapi soal ukuran dan ketebalan yang menunjukkan mana informasi yang paling penting.

Struktur hierarki yang umum dipakai:

• Angka KPI utama : ukuran paling besar (misalnya 32-40px), bold
• Label/keterangan KPI : ukuran kecil (12-14px), warna abu-abu, huruf kapital semua atau title case
• Judul grafik : ukuran sedang (16-18px), semi-bold
• Data di dalam grafik/tabel : ukuran normal (13-14px), regular weight

Kesalahan yang sering terjadi: semua teks di dashboard punya ukuran dan ketebalan yang sama, sehingga pembaca tidak tahu mana yang harus dilihat pertama kali. Di studi kasus dashboard penjualan, saya awalnya menulis angka revenue dengan ukuran yang sama seperti label “Revenue Bulan Ini” di atasnya — setelah direvisi, angka revenue saya perbesar 3x lipat dari labelnya, sehingga langsung tertangkap mata tanpa perlu membaca teks kecil di sekitarnya.

Apa Kesalahan Umum yang Membuat Dashboard Terlihat Berantakan?

1. Terlalu banyak informasi dalam satu layar — kalau harus scroll jauh untuk melihat semua KPI, berarti terlalu padat; pertimbangkan memecah jadi beberapa halaman/tab
2. Tidak ada white space — elemen ditempel terlalu rapat sehingga mata sulit membedakan satu blok informasi dengan blok lainnya
3. Warna dan font tidak konsisten antar halaman — kalau dashboard punya lebih dari satu halaman, pastikan skema warna dan ukuran font tetap sama supaya terasa satu kesatuan
4. Grafik yang salah jenis — misalnya memakai pie chart untuk data dengan banyak kategori, padahal bar chart jauh lebih mudah dibaca untuk kasus seperti itu

Kesimpulan

Layout, warna, dan tipografi bukan sekadar aspek “estetika” dashboard — ketiganya secara langsung menentukan seberapa cepat pembaca menangkap insight yang penting. Prinsip dasarnya: susun layout mengikuti alur baca alami, batasi warna agar tetap punya makna, dan buat hierarki tipografi yang jelas antara angka penting dan informasi pendukung. Dashboard yang baik seharusnya bisa dipahami dalam hitungan detik, bukan menit.

Penulis : Siti Fatimah Nur Azzahra