Desain Dasbor - Pertimbangan dan Praktik Terbaik

Dengarkan versi audio dari artikel ini

Dasbor adalah cara unik dan ampuh untuk menyajikan kecerdasan berbasis data menggunakan teknik visualisasi data yang menampilkan data yang relevan dan dapat ditindaklanjuti serta melacak statistik dan indikator kinerja utama (KPI). Dasbor harus menyajikan data ini dalam format yang cepat dan mudah dipindai dengan informasi paling relevan yang dapat dipahami secara sekilas.

Istilah ini lahir dari dashboard mobil tradisional, dan mereka telah berevolusi untuk melayani fungsi yang sama di dunia digital. Dalam bukunya, Stephen Few mengatakan yang terbaik:

Dasbor adalah tampilan visual dari informasi terpenting yang diperlukan untuk mencapai satu atau lebih tujuan; dikonsolidasikan dan diatur dalam satu layar sehingga informasi dapat dipantau secara sekilas.

Dalam artikel ini, kami menguraikan contoh-contoh strategis, analitis, operasional, dan informasional serta prinsip-prinsip dasar yang ada di jantung setiap desain dasbor yang sukses, apa pun jenisnya.

Memiliki pendekatan yang tepat untuk visualisasi data adalah fitur utama dalam meletakkan dasar dasbor yang sukses. Visualisasi data adalah penyajian data melalui grafik dan gambar—tujuan utamanya adalah membantu pengambil keputusan mengidentifikasi pola atau memahami konsep sulit yang mungkin tidak terdeteksi dalam aplikasi berbasis teks.

Dalam buku mereka, Visualisasi Data , Noah Iliinsky dan Julie Steele menyatakan:

Tujuan desainer dalam mendesain visualisasi data adalah untuk menciptakan suatu deliverable yang akan diterima dengan baik dan mudah dipahami oleh pembaca. Semua pilihan desain dan implementasi tertentu harus memenuhi tujuan ini.

Karakteristik Utama dari Dasbor Hebat

Dasbor yang efektif menunjukkan informasi yang dapat ditindaklanjuti dan berguna secara sekilas. Ini menyederhanakan representasi visual dari data yang kompleks dan membantu pemangku kepentingan memahami, menganalisis, dan menyajikan wawasan utama.

Dasbor yang bagus jelas, intuitif, dan dapat disesuaikan.

• Mereka mengkomunikasikan informasi dengan cepat.
• Mereka menampilkan informasi dengan jelas dan efisien.
• Mereka menunjukkan tren dan perubahan data dari waktu ke waktu.
• Mereka mudah disesuaikan.
• Widget dan komponen data yang paling penting disajikan secara efektif dalam ruang terbatas.

Penyesuaian awal data visual dan informasi untuk kebutuhan pengguna utama akan membantu meningkatkan kegunaan dan menghilangkan kebutuhan akan persona pengguna yang berbeda.

Dasbor hebat menyediakan semuanya dengan sekali klik.

• Semua informasi penting dapat segera diakses.
• Data diprioritaskan.
• Informasi ditampilkan dengan jelas dalam hierarki visual pada satu layar.
• Desainnya memberikan gambaran umum yang koheren yang mencakup data awal yang jarang dan jelas dengan peluang tambahan untuk menelusuri lebih lanjut.
• Elemen (bagan, tabel, formulir) ditampilkan dalam tampilan yang diperkecil dengan kemampuan untuk menampilkan lebih banyak detail di jendela modal atau membuka halaman dengan lebih detail.
• Desain meningkatkan kegunaan dengan filter yang memungkinkan pengguna untuk menyesuaikan bagaimana data ditampilkan dan memfilter konten menggunakan label, kategori, dan KPI.

Mengurangi Kompleksitas Memberikan Kejelasan

Di dunia yang dibanjiri data, memberikan informasi yang jelas adalah salah satu hal yang paling sulit untuk dicapai. Hanya menyajikan data yang paling relevan di dasbor sangatlah penting—semakin banyak informasi yang kami tampilkan, semakin sulit bagi pengguna untuk menemukan apa yang mereka butuhkan.

Ketika dihadapkan dengan terlalu banyak data untuk dipilih, desainer harus menampilkan hanya subset yang paling relevan. Kita perlu memprioritaskan dan dengan hati-hati menghapus metrik yang menyesatkan dan tidak jelas.

Keputusan desain dasbor yang efektif harus dipandu oleh:

• tujuan proyek
• sifat datanya
• kebutuhan pengguna

Saat membaca visualisasi (atau jenis komunikasi lainnya), pembaca Anda memiliki kemampuan otak yang terbatas untuk didedikasikan pada masalah tersebut. Sebagian dari kekuatan otak ini akan didedikasikan untuk memecahkan kode visualisasi; setiap kekuatan otak yang tersisa kemudian dapat digunakan untuk memahami pesan (jika pembaca belum putus asa). Noah Iliinsky dan Julie Steele (Visualisasi Data)

Tujuan inti dari dasbor adalah membuat informasi yang kompleks dapat diakses dan mudah dicerna. Oleh karena itu, antarmuka yang menyajikan data harus bersih dan langsung untuk meminimalkan beban kognitif pengguna dan waktu yang dihabiskan untuk mencari.

Arsitektur informasi harus menyajikan data penting terlebih dahulu sambil memungkinkan akses ke metrik pendukung atau sekunder. Sistem drill-down progresif harus dirancang yang dimulai dengan gambaran umum dan kemudian menjadi lebih detail—ini memfasilitasi prioritas data, dan menciptakan kejelasan.

Menentukan Sasaran Dasbor dan Menampilkan Data yang Sesuai

Saat merancang dasbor, perancang dasbor yang sukses memulai dengan serangkaian tujuan yang terdefinisi dengan baik yang berfokus pada masalah yang harus dipecahkan dan wawasan utama yang dapat ditindaklanjuti yang perlu diambil orang dari data.

Tujuan desain yang baik mempromosikan eksekusi yang efisien dan tepat. Mempekerjakan kerangka SMART untuk penetapan tujuan menempatkan fokus pada tujuan spesifik , terukur , dapat ditindaklanjuti , realistis , dan berbasis waktu .

Beberapa pertanyaan kunci untuk ditanyakan saat menentukan tujuan desain dasbor:

• Berapa banyak langkah yang perlu diambil pengguna untuk mencapai tujuan tertentu?
• Apakah antarmuka cukup intuitif bagi pengguna untuk mencapai tujuan mereka sendiri?
• Informasi apa yang dibutuhkan pengguna untuk berhasil mencapai tujuan mereka?

Untuk menentukan apa tujuan dari desain dasbor tertentu, tentukan dengan bertanya, “Masalah spesifik apa yang akan dipecahkan oleh desain ini untuk pengguna?” Jawabannya akan memberikan wawasan tentang metrik, properti, nilai, visual, dan data yang merupakan konsekuensi.

Desain yang berpusat pada tujuan berfokus pada solusi untuk masalah nyata dan merupakan dasar untuk semua desain dasbor yang hebat. Mulailah dengan pemahaman yang jelas tentang tujuan bisnis, pertimbangkan tujuan pengguna, dan kemudian sampaikan informasi utama yang perlu dikomunikasikan.

Konteks dalam Desain Dasbor

Salah satu tantangan terbesar dari desain dasbor adalah melayani banyak persona. Setelah setiap peran pengguna didefinisikan, menjadi penting untuk memahami di mana kebutuhan mereka tumpang tindih dan di mana mereka menyimpang.

Komunikasi yang efektif adalah prinsip yang mendasari setiap desain dasbor yang sukses. Meramalkan skenario potensial di mana pengguna mungkin menemukan diri mereka sendiri akan berkontribusi pada pemahaman yang lebih baik tentang keadaan pengguna.

Selalu ingat konteks pengguna saat mendesain—identifikasi pengetahuan teknis mereka, keakraban mereka dengan sistem secara keseluruhan, tujuan mereka, dan seterusnya.

Pastikan untuk mengajukan pertanyaan berikut saat mencoba menentukan perilaku dan konteks pengguna:

• Apakah desain mempertimbangkan arah yang biasa dibaca pengunjung?
• Apakah interaksi dengan dasbor memerlukan pengetahuan teknis?
• Akankah pengguna berhasil menyelesaikan sebagian besar tindakan hanya dalam beberapa klik?
• Apakah desain selaras dengan konteks pengguna dengan membuat menu perincian; apakah itu menggunakan ikonografi sugestif dan palet warna?

Palet warna yang digunakan dalam desain dasbor juga harus dipertimbangkan sebagai konteks. Banyak dasbor produk SaaS bisnis-ke-bisnis dirancang dalam UI bertema gelap karena digunakan selama beberapa jam berturut-turut.

UI bertema gelap dapat membantu mengurangi ketegangan mata dan mendukung kejelasan visual dalam antarmuka. Namun, mengambil pendekatan ini memerlukan evaluasi yang cermat terhadap arah desain—keuntungan, kerugian, dan potensi jebakan seperti yang diuraikan dalam artikel blog desain sebelumnya: Anjuran dan Larangan UI Gelap.

Desain Dasbor Lebih Baik dengan Riset Pengguna

Riset pengguna membantu menciptakan lingkungan di mana pengguna disajikan dengan data yang relevan, jelas, dan ringkas. Ini membantu mereka memikirkan konten dan data yang mereka cari, daripada cara menggunakan dan mengaksesnya.

Beberapa dasbor harus berfungsi—atau dapat dengan mudah disesuaikan untuk pengguna dengan peran berbeda yang melihat dasbor dasar yang sama. Riset pengguna penting karena membantu menentukan tujuan pengguna, model mental, konteks lingkungan, dan poin nyeri. Ini adalah faktor-faktor yang sangat mempengaruhi desain akhir dashboard.

Perancang pengalaman pengguna, peneliti, dan penulis Mike Kuniavsky mencatat bahwa ini adalah "proses memahami dampak desain pada audiens."

Seorang desainer harus mendefinisikan tipe pengguna yang berbeda dan memahami di mana tujuan mereka sama, dan di mana mereka berbeda. Informasi apa yang paling dapat ditindaklanjuti untuk satu jenis pengguna vs. yang lain? Mereka harus mempertimbangkan apakah perlu ada tata letak yang berbeda dari satu tipe pengguna ke tipe pengguna lainnya, atau jika ada solusi untuk kasus penggunaan yang lebih umum.

Dengan mengingat hal ini, ada baiknya untuk memulai dengan wireframe dasar dan beralih ke prototipe yang dapat diuji dengan pengguna sebenarnya selama fase penelitian pengguna. Wawasan yang benar-benar berharga dapat dihasilkan dari fase penelitian pengguna yang singkat hanya dengan lima pengguna—dan ini akan menghemat banyak waktu.

Pengungkapan Progresif dalam Desain Dasbor

Pengungkapan progresif adalah teknik yang digunakan untuk mempertahankan perhatian pengguna dengan mengurangi kekacauan. Membuat sistem pengungkapan progresif membantu menciptakan lingkungan yang berpusat pada pengguna, yang membantu memprioritaskan perhatian pengguna, menghindari kesalahan, dan menghemat waktu. Ini juga memungkinkan pengguna untuk fokus pada fitur utama yang penting bagi mereka dan tidak dipaksa untuk melihat semua fitur—termasuk yang tidak mereka butuhkan atau tidak mereka minati.

Pengungkapan progresif adalah praktik terbaik desain dasbor yang juga akan sangat mengurangi tingkat kesalahan; itu akan meningkatkan efisiensi dan membantu pengguna meningkatkan pemahaman mereka tentang dasbor ketika sistem didasarkan pada prioritas fitur.

Pengungkapan progresif menunda fitur lanjutan atau yang jarang digunakan ke layar sekunder, membuat aplikasi lebih mudah dipelajari dan tidak rawan kesalahan. – Jakob Nielsen

Animasi adalah cara yang bagus untuk memenuhi berbagai kebutuhan pengguna sekaligus memenuhi banyak fungsi. Ini adalah pilihan yang bagus untuk digunakan saat data dan visual sedang dimuat dan merupakan solusi pengungkapan progresif tingkat lanjut.

Animasi adalah proses menciptakan ilusi gerak; itu adalah dinamika yang menciptakan rasa kemajuan dan umpan balik yang konstan, sehingga mengurangi ketidakpastian pengguna dan meningkatkan kinerja yang dirasakan.

Keuntungan menggunakan pengungkapan progresif di dasbor:

• Mengurangi ketidakpastian dan kecemasan pengguna (dengan menampilkan tanda-tanda kemajuan, pengguna yakin bahwa semuanya berfungsi sebagaimana mestinya)
• Memberi pengguna sesuatu untuk dilihat (tampilan sebagian data) daripada membuat mereka menunggu
• Memberikan harapan yang jelas kepada pengguna tentang langkah-langkah yang akan datang, dan menciptakan pemahaman tentang cara informasi disajikan secara hierarkis

Masalah potensial dengan pengungkapan progresif dan pemuatan data meliputi:

• Menggunakan indikator dan pengungkapan dengan cara yang tidak tepat. Waktu pemuatan yang singkat dan langkah yang tidak berguna akan membuat gangguan dan bertentangan dengan prinsip kegunaan.
• Keterlambatan dalam pengambilan data tanpa indikator kemajuan yang jelas dapat menyebabkan ketidakpastian pengguna dan rasio pentalan yang lebih tinggi.
• Menggunakan indikator kemajuan statis adalah solusi dengan sedikit makna, dan tidak menawarkan informasi yang cukup tentang kemajuan, yang juga dapat menyebabkan ketidakpastian pengguna dan rasio pentalan yang lebih tinggi.

Ringkasan

Dasbor adalah cara yang ampuh untuk mengomunikasikan data dan informasi lainnya, terutama dengan desain yang berpusat pada pengguna dan berpusat pada tujuan yang mengikuti praktik terbaik desain dasbor dan visualisasi data yang tepat. Meskipun setiap dasbor berbeda dan memiliki tujuan, persyaratan, dan batasannya sendiri, mengikuti prinsip-prinsip dasar ini akan membantu dalam menciptakan desain yang luar biasa terlepas dari spesifikasinya:

• Pertama dan terpenting, berempati dengan tipe pengguna Anda dan pahami tujuan mereka.
• Sampaikan cerita yang jelas kepada pengguna dengan memanfaatkan visual yang sugestif, label, teknik pengungkapan progresif, dan animasi.
• Buat hal-hal rumit menjadi mudah dengan menerapkan teknik riset pengguna.
• Mengungkapkan data dan informasi pada waktu yang tepat, dalam sistem drill-down.
• Gunakan visualisasi data untuk mengekspresikan informasi dengan cara yang berarti.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
• Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
• Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
• Prinsip Heuristik untuk Antarmuka Seluler
• Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib