Desain Dasbor: praktik dan contoh terbaik
Informasi

Desain Dasbor: praktik dan contoh terbaik

webdesignpractices – Dasbor digunakan untuk menampilkan informasi paling penting dan berguna di aplikasi Anda. Baca terus untuk melihat tip kami untuk desain dasbor yang sempurna.

Desain Dasbor: praktik dan contoh terbaik – Dasbor hadir di banyak web dan aplikasi seluler yang kami gunakan setiap hari, mulai dari aplikasi berbagi foto hingga suite intelijen bisnis.

Desain Dasbor: praktik dan contoh terbaik

Desain Dasbor: praktik dan contoh terbaik

Dalam artikel ini, kita akan melihat desain dasbor, memilih beberapa praktik terbaik untuk diterapkan, dan menunjukkan kepada Anda :

Apa itu dasbor?

Paling sederhana, dasbor adalah layar di aplikasi Anda yang menampilkan informasi. Biasanya, dasbor memberikan gambaran global kepada pengguna, dengan akses ke data, fungsi, dan kontrol yang paling penting. Pada kenyataannya, dasbor sering menjadi semacam beranda, terutama bagi pengguna yang kuat.

Dasbor seharusnya hanya menampilkan informasi yang relevan

Kami menyebutnya dasbor karena, seperti halnya di dalam mobil, mereka dimaksudkan untuk menunjukkan kepada kita data penting dan relevan secara sekilas. Tapi bagaimana kita menetapkan apa yang cukup relevan untuk ditampilkan di dasbor? Pikirkan tentang bagaimana hal itu dilakukan di dalam mobil. Dasbor mobil digunakan untuk menampilkan informasi pengemudi yang relevan dengan tugas mengemudikan mobil – kecepatan, jarak yang ditempuh, putaran mesin, sisa bahan bakar, dan peringatan bila ada sesuatu yang tidak berfungsi dengan baik.

Kami tidak mengharapkan dasbor mobil untuk menampilkan informasi tentang berita, tempat menarik setempat, atau janji yang akan datang karena betapapun menariknya informasi ini, itu tidak relevan.

Memutuskan informasi yang relevan untuk ditampilkan di aplikasi Anda bisa jadi rumit. Pertama, semuanya penting! Tentu saja. Jika Anda belum melakukannya, kembangkan persona pengguna dan petakan cerita pengguna sehingga Anda dapat memahami harapan yang dimiliki pengguna di aplikasi Anda.

Untuk sebagian besar dasbor aplikasi, pengguna akan mengharapkan untuk melihat informasi tentang status mereka saat ini, serta informasi mendesak, peringatan, atau peringatan apa pun yang perlu mereka tangani.

Aturan praktis yang bagus untuk pengungkapan data di dasbor adalah Anda harus selalu memulai dengan ikhtisar tingkat tinggi dan memberikan jalur yang mudah bagi pengguna Anda untuk meningkatkan tingkat perincian.

Apa saja komponen dasbor yang paling umum?

Bergantung pada tujuan penggunaannya, desain dasbor dapat sangat bervariasi. Tapi semua dasbor terbuat dari kartu. Bergantung pada jenis dasbor, setiap kartu mungkin berisi info profil, pemberitahuan, tautan cepat atau elemen desain navigasi , data utama, grafik, dan tabel data. Pastikan Anda menggunakan jenis kartu yang benar untuk setiap komponen.

Pilih jenis desain dasbor

Anda mungkin pernah membaca bahwa ada 3 jenis utama desain dashboard. Faktanya, ini hanya benar ketika melihat dasbor Business Intelligence. Tiga jenis utama dasbor BI adalah:

Dasbor operasional – dasbor ini membantu pengguna melihat apa yang terjadi saat ini
Dasbor analitik – dasbor ini memberi pengguna pandangan yang jelas tentang tren kinerja dan potensi masalah
Dasbor strategis – jenis dasbor ini memungkinkan pengguna melacak tujuan strategis utama mereka melalui KPI
Berikut adalah keuntungan utama dari berbagai jenis dasbor BI, dan kapan menggunakannya.

Dasbor Operasional

Dasbor operasional digunakan untuk menunjukkan kepada pengguna Anda status mereka saat ini di aplikasi Anda. Gunakan dasbor operasional untuk menampilkan informasi penting yang relevan dengan waktu. Misalnya, dalam aplikasi analisis web, dasbor operasional dapat menyertakan informasi seperti: pengguna aktif di situs, rujukan sosial teratas, dan tampilan halaman per menit.

Contoh klasik adalah dasbor Google Analytics Real-time.

Dasbor operasional sangat bagus karena memungkinkan pengguna Anda memeriksa status mereka secara sekilas. Anda harus menyusunnya sehingga data yang paling penting terlihat di kiri atas (untuk bahasa bacaan kiri-kanan), membantu pengguna Anda mendapatkan snapshot segera setelah mereka membuka dasbor. Mereka dapat berisi beberapa grafik tetapi tidak harus mencerminkan tampilan data yang mendetail.

Dasbor Analitis

Dasbor analitik digunakan untuk menyajikan kumpulan data utama kepada pengguna, selalu dicerminkan terhadap kinerja sebelumnya. Mereka harus berpusat pada data, dan menunjukkan sebanyak mungkin tampilan data yang relevan.

Dasbor analitik harus mengarah dengan data akun utama di depan dan di tengah, dan harus meminimalkan elemen grafis. Mereka berfungsi sebagai barometer status pengguna di aplikasi Anda, dan memudahkan pengguna untuk menemukan masalah.

Baca Juga : Desain Dasbor: praktik dan contoh terbaik

Dasbor Strategis

Dasbor strategis digunakan untuk menunjukkan kinerja terhadap serangkaian indikator kinerja utama (KPI). Seperti yang terlihat dalam contoh bagus dari Cascade , dasbor strategis harus mencerminkan bagaimana kinerja pengguna Anda terhadap sasaran strategis mereka… dan tidak banyak lagi.

Jenis dasbor lainnya

Di luar bidang intelijen bisnis, dasbor bisa datang dalam berbagai bentuk dan ukuran, tergantung pada jenis aplikasi Anda. Jadwal, halaman profil, perpustakaan film Anda… jika itu adalah satu halaman dengan informasi atau tindakan paling penting yang mungkin ingin diakses pengguna, itu adalah dasbor.

Dasbor platform

Dasbor platform digunakan untuk memberi pengguna akses ke kontrol, alat, dan analitik yang terkait dengan akun mereka di platform sosial. Dasbor YouTube Studio adalah contoh yang bagus. Tampilan awal yang sederhana menunjukkan video terbaru pengguna, dengan beberapa statistik untuk masing-masing video.

Ada juga kartu untuk analitik saluran, komentar, dan berita, serta kiat. Di bilah sisi, pengguna dapat mengakses sejumlah besar alat dan kontrol akun, termasuk pengelola video, status saluran, dan lainnya. YouTube membuat segalanya tetap sederhana, sambil memberikan kontrol penuh kepada pengguna.

Dasbor waktu dalam aplikasi

Tren baru yang populer di aplikasi seluler adalah memberikan informasi kepada pengguna tentang berapa banyak waktu yang mereka habiskan di setiap aplikasi. Jika Anda sedang mengerjakan aplikasi sosial baru, Anda pasti ingin menyertakan dasbor semacam ini. Idenya adalah untuk membantu pengguna melihat apakah mereka menghabiskan terlalu banyak waktu di perangkat mereka.

Dasbor aktivitas Instagram Anda cukup khas. Ini sangat mendasar, memimpin dengan waktu harian rata-rata pengguna di aplikasi, dengan diagram batang yang menunjukkan bagaimana waktu harian dalam aplikasi telah berubah selama seminggu terakhir. Terakhir, dasbor menyertakan dua opsi kontrol yang memungkinkan pengguna mengurangi waktu harian mereka di Instagram.

Praktik terbaik desain dasbor

1. Putuskan apa yang dibutuhkan pengguna Anda dari dasbor Anda

Langkah pertama adalah mengenal audiens Anda. Setelah Anda mempelajari persona pengguna Anda, Anda harus dapat menjawab pertanyaan kunci: apa yang diharapkan pengguna saya dari dasbor ini?

Pikirkan tentang 5 takeaways yang ingin dilihat pengguna Anda di dasbor Anda. Kemudian terapkan pola membaca F dan Z, dan susun halaman Anda sesuai dengan itu.

Sangat penting bahwa dasbor melakukan tugasnya sambil tetap berpegang pada satu layar. Dasbor dimaksudkan untuk memberikan tampilan sekilas. Jika Anda memiliki terlalu banyak informasi di dasbor, hal itu dapat membanjiri (dan berpotensi membuat bosan) pengguna yang harus mengakses data ini.

Dengan mengelompokkan semua metrik ke dalam satu halaman klasik, kemungkinan besar Anda akan mencapai interaksi yang lebih baik dengan dasbor karena pengguna tidak perlu menyortir beberapa halaman. Seimbangkan metrik dengan ruang kosong yang sesuai untuk menciptakan ruang bernapas bagi data.

2. Dasbor responsif memberikan kekuatan kepada pengguna

Menambahkan desain responsif ke dasbor memungkinkan pengguna memutuskan data mana yang ingin mereka fokuskan. Kunci dari desain responsif yang baik adalah UI yang jelas dan mudah dipahami yang memungkinkan pengguna untuk mengontrol dengan tepat data mana yang perlu ditempatkan di depan dan di tengah dasbor.

Ini adalah langkah cerdas dari pihak desainer, karena visualisasi data bisa sangat banyak. Terkadang elemen visualisasi data tertentu membuat lebih banyak pekerjaan bagi pengguna, seperti yang dirasakan banyak orang dengan diagram lingkaran. Pada akhirnya, Anda mungkin menghabiskan waktu lama untuk mempersempit data untuk desain dasbor – dan pengguna mungkin masih merasa ada yang hilang. Memberikan kontrol pengguna adalah solusi yang bagus!

Lihat dasbor responsif dari Cuberto ini , dengan antarmuka penggeser keren yang memungkinkan pengguna untuk fokus pada jendela data utama atau data penelusuran di bilah sisi kanan. Cara tingkat detail dalam grafik berubah saat lebih banyak fokus ditambahkan benar-benar indah.

3. Dasbor hebat memimpin dengan data utama

Kami menyukai dasbor yang memotong tempat tidur dan memimpin dengan angka besar dan tebal. Dasbor seperti ini mengomunikasikan kepercayaan diri dan ketegasan. Misalnya, lihat dasbor profil influencer sosial ini .

Penataannya sedang tren dengan desain modern dan bersih. Ada banyak ruang kosong dan data takeaway yang jelas dan berani. Menyajikan data seperti ini membantu pengguna melihat apa yang penting dalam sekejap, melakukan apa yang harus selalu dilakukan dasbor: menghemat waktu pengguna.

You may also like...