Contoh Visualisasi Data Teratas dan Desain Dasbor

Visualisasi data dan desain dasbor adalah seni dan sains dan tidak mudah dibuat seperti yang terlihat pertama kali. Bagaimana desainer UX dan desainer visual papan atas mengilustrasikan informasi kompleks tanpa membingungkan pengguna?

Tiga cara: pemahaman yang lebih baik tentang prinsip-prinsip UX di balik desain dasbor yang baik, penerapan keunggulan grafis, dan praktik.

Desain dasbor UX mengikuti prinsip dan praktik terbaik tertentu. Keunggulan grafis, di sisi lain, membutuhkan pemeriksaan yang lebih menyeluruh.

Keunggulan grafis didefinisikan sebagai:

• Penyajian data menarik yang dirancang dengan baik dan efisien.
• Ide-ide kompleks dikomunikasikan dengan efisiensi, kejelasan, dan presisi.
• Memberikan jumlah ide tertinggi kepada pemirsa yang membutuhkan waktu paling sedikit dalam ruang kecil dan menggunakan tinta paling sedikit.
• Mengatakan kebenaran tentang data.

Sumber yang bagus untuk pemahaman yang lebih baik tentang keunggulan grafis adalah karya Edward Tufte. Dia dianggap sebagai "Leonardo da Vinci data" dan memiliki banyak karya, buku, dan kuliah yang diterbitkan. David McCandless, yang mendirikan information is beautiful, sebuah situs web yang mewakili yang terbaik dalam visualisasi data dan keunggulan grafis, adalah sumber lain yang sangat bagus.

Prinsip-prinsip desain UX yang patut dicontoh dan keunggulan grafis berlaku untuk desain dasbor dan visualisasi data. Berikut adalah beberapa visualisasi data teratas dan contoh desain dasbor.

Visualisasi Data Teratas

Maret 1812 Napoleon

Visualisasi Minard tentang pawai Napoleon tahun 1812 dianggap sebagai salah satu "gambar statistik terbaik yang pernah dibuat": Membuat visualisasi dengan informasi sebanyak yang dilakukan Minard tidak akan mungkin jika bukan karena penerapan keunggulan grafis.

Visualisasi tunggal ini menunjukkan jumlah pasukan Napoleon berdasarkan lokasi, suhu yang dialami pasukan, dan jalur yang ditempuh pasukan ke dan dari Moskow.

Peta Kolera John Snow

Grafik John Snow tahun 1854 yang menunjukkan lokasi 13 sumur umum London dan 578 kematian akibat kolera menggunakan batang bertumpuk yang tegak lurus dengan lokasinya: Mudah dipahami, mengungkapkan kebenaran dalam data, dan memberi pengguna semua informasi yang mereka butuhkan untuk menggambar dengan tepat kesimpulan tentang kematian kolera.

Sejarah Musik Rock

Hanya mewakili sebagian kecil dari keseluruhan visualisasi data, grafik di bawah ini menunjukkan porsi lebih dari 30 gaya musik dari lebih 700 artis selama periode waktu 1955 hingga 1978.

Itu tidak hanya mewakili artis dan gaya, tetapi menunjukkan pengaruh, volume penjualan rekaman, kategori gaya, dan di mana ini berakhir atau berlanjut. Untuk mencapai keunggulan grafis semacam ini bukanlah prestasi kecil.

Dimana Populasi Eropa Tumbuh dan Menurun

Visualisasi data teratas yang menunjukkan cara menangani sejumlah besar data dengan cara yang tidak rumit, dirancang dengan baik, dan jujur. Ada juga filter yang disertakan pada versi interaktif yang memungkinkan lebih banyak eksplorasi data, seperti tingkat kelahiran.

Rutinitas Harian Orang Terkenal Ikon

Visualisasi data ini tidak hanya menarik, tetapi juga merupakan contoh klasik keunggulan grafis. Dalam satu grafik, kita dapat melihat gambaran rinci tentang kebiasaan sehari-hari, ritual, pengejaran, dan prioritas orang-orang terkenal yang ikonik.

Menggunakan bagan berkode warna sederhana, visualisasi ini mudah dimengerti, sederhana, efektif, dan yang terpenting, informatif.

Grafik Bahasa Dunia

Visualisasi data klasik ini menggambarkan jumlah bahasa yang ada di planet ini, di mana mereka digunakan, dan siapa yang berbicara di berbagai belahan dunia.

Tanpa keunggulan grafis tingkat tinggi, akan sulit untuk menampilkan data sebanyak ini dengan cara yang elegan yang juga informatif dan mudah dipahami.

Desain Dasbor Teratas

Agar dasbor dianggap superior, dasbor harus memenuhi serangkaian kriteria UX tertentu:

• Konvensi penamaan yang jelas dan konsisten
• Aliran dan tata letak data diprioritaskan
• Margin sesuai untuk keterbacaan
• Data tidak disembunyikan atau kelebihan beban
• Dapat dimengerti dan mudah dibaca

Dasbor KPI Pemasaran

Contoh di bawah ini adalah contoh yang sangat baik untuk membuat informasi bisnis yang kompleks menjadi mudah dipahami. Skema warna yang terkendali menyenangkan dan penggunaan kartu terpisah lembut di mata.

Salah satu alasan dasbor ini adalah desain yang sangat baik adalah rasio data-tinta. Data dan ruang saling melengkapi. Alih-alih mengisi layar dengan lebih banyak grafik, kartu terpisah dengan tab kecil digunakan. Ini adalah cara yang cerdik untuk menjaga agar informasi penting tetap tersedia (yaitu, tidak menyembunyikannya) sambil memberi pengguna cara yang mudah dan instruktif untuk melihatnya dengan cara mereka sendiri.

Dasbor Bergaris

Dasbor Stripe adalah contoh terbaik praktik terbaik desain dasbor. Ini sederhana, menjawab pertanyaan pengguna yang paling relevan, dan memiliki margin yang hampir sempurna dalam setiap kartu.

Dasbor Telemedis

Analitik telemedicine dikenal karena memberikan banyak data mentah. Mengatur data tersebut ke dalam dasbor yang bermakna dan informatif dapat menjadi suatu tantangan. Contoh ini menggunakan praktik terbaik UX desain dasbor. Margin digandakan, informasi disajikan dengan pertanyaan dan jawaban, dan data tidak disembunyikan dari pandangan.

Dasbor Stok

Stok bisa sulit untuk dikonsep pada satu dasbor karena jumlah titik data yang bersaing untuk mendapatkan ruang. Contoh desain dasbor ini telah berhasil mencapai tampilan yang bersih dan minimal dengan semua informasi terkait di bagian depan dan tengah.

Dasbor Pemirsa Web

Google Analytics melakukan pekerjaan yang baik dengan dasbor mereka; namun, dibutuhkan banyak penyesuaian untuk mencapai tujuan tertentu. Dasbor ini telah membawa analitik ke tingkat yang baru dengan menawarkan tampilan yang sederhana, mudah dipahami, mudah dibaca, dan bermanfaat, tanpa menambah beban kognitif.

Dasbor Manajemen Dokumentasi

Mengelola dokumen itu sulit, tetapi menjaganya agar tetap teratur dan mudah dinavigasi bisa jadi lebih sulit. Solusi yang sangat baik adalah dasbor ini yang membuat semuanya tetap sederhana, dapat dimengerti, dan sangat jarang.

Bahkan dengan pendekatan minimalis, contoh desain dasbor yang luar biasa ini memberi pengguna semua yang mereka butuhkan untuk memahami dan menavigasi sistem dokumen.

Aplikasi Cuaca Pembibitan Tanaman – Dasbor Seluler

Dasbor seluler ini informatif sekaligus mudah dipahami. Breadcrumbs membantu navigasi, dan ikon dengan deskripsi bahasa umum membantu menciptakan desain UX yang hebat.

Dasbor Kartu Kredit – Dasbor Seluler

Sama seperti perbankan, dasbor kartu kredit terkenal dengan UX yang buruk, terutama pada perangkat seluler. Desain dasbor seluler ini berubah ke arah yang baru. Informasi tidak hanya terorganisir dengan baik tetapi dapat dimengerti dan kaya fitur tanpa berlebihan.

Visualisasi data dan desain dasbor yang unggul memerlukan keunggulan grafis serta pemahaman dan penerapan prinsip-prinsip desain dasbor. Diterapkan secara kongruen, pengguna akan mendapat manfaat dari visualisasi data yang informatif dan dasbor yang memberikan pengalaman pengguna berkualitas tinggi.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Desain Dasbor – Pertimbangan dan Praktik Terbaik
• Visualisasi Data – Praktik Terbaik dan Landasan
• Dapatkan Inspirasi dengan Visualisasi Data Ini
• Tingkatkan Analisis Anda Dengan Inspirasi Desain Dasbor Ini