Data Storytelling & Visualisasi Data · Panduan belajar mandiri

Dari Menampilkan Data ke Bercerita

Bingung apa yang harus ditampilkan di dasbor, grafik mana yang harus dipilih, atau mengapa tidak ada yang bertindak atas laporan Anda? Halaman ini membimbing Anda dari dasar hingga praktik langsung: enam pelajaran, sembilan dasbor buruk untuk diperbaiki, lab bagaimana jika, dan tujuh latihan memilih data yang tepat.

Isi: 6 pelajaran · 9 perbaikan · 6 lab · 7 latihan Data: semua contoh bersifat fiktif
Seluruh metode dalam satu layar

Enam pelajaran mengubah grafik menjadi keputusan

Alat Anda tidak mengetahui cerita Anda. Analis yang mengetahuinya. Ikuti enam pelajaran secara berurutan, karena setiap pelajaran dibangun di atas yang sebelumnya.

1Pahami konteksnya

Siapa yang memutuskan? Apa yang harus mereka lakukan? Data mana yang membuktikannya?

2Pilih visual yang tepat

Sekitar selusin visual mencakup hampir semua kebutuhan. Tinggalkan diagram lingkaran, 3D, dan dua sumbu.

3Hilangkan kekacauan

Setiap elemen menyita perhatian. Hapus apa pun yang tidak membawa informasi.

4Fokuskan perhatian

Abu-abu untuk konteks, satu warna aksen untuk poin utama.

5Berpikirlah seperti desainer

Buat agar jelas cara membacanya. Gunakan kata-kata, rapikan penataan, dan beri ruang kosong.

6Ceritakan sebuah cerita

Pembukaan, konflik, resolusi, lalu ajakan bertindak yang jelas.

0
Mulai di sini

Cara menggunakan halaman ini

Baca satu pelajaran, uji diri Anda, perbaiki dasbor buruk yang nyata, lalu latih memilih data di bawah batasan yang realistis.
6pelajaran dengan aturan praktis dan contoh logistik
9dasbor buruk untuk didiagnosis dan dibangun ulang, sebelum dan sesudah
6lab bagaimana jika: ubah masukan, lihat ceritanya berubah
7skenario memilih data, visual, dan judul, dengan penilaian

Pilih jalur belajar

20 menit

Mulai cepat

90 menit

Standar

  • Baca Pelajaran 1–6 dan kerjakan setiap kuis
  • Diagnosis 4 kasus Klinik sebelum membuka jawaban
  • Selesaikan 3 latihan di Studio
Setengah hari

Kursus lengkap

  • Semua di atas, ditambah 9 kasus
  • Enam lab dan tujuh latihan
  • Rancang ulang salah satu dasbor Anda sendiri dengan Kit alat
1
Pelajaran 1 · Konteks

Pahami konteksnya sebelum menyentuh grafik

Keberhasilan dimulai sebelum visualisasi. Ketahui siapa yang memutuskan, apa yang Anda inginkan dari mereka, dan data mana yang membuktikannya.

Analisis eksploratif vs. eksplanatoris

Kerja eksploratif adalah cara Anda menemukan apa yang menarik. Kerja eksplanatoris adalah cara Anda membantu orang lain memahami satu hal yang sudah Anda ketahui. Gambaran dari buku: buka 100 tiram untuk menemukan dua mutiara, lalu tunjukkan mutiaranya kepada audiens, bukan tiramnya.

EksploratifEksplanatoris
TujuanMenemukan apa yang mungkin menarikMenjelaskan satu poin spesifik
AudiensAnda dan sesama analisPengambil keputusan yang jelas
KeluaranBanyak tampilan cepat dan kasarSatu atau dua tampilan yang rapi dengan pesan
Kesalahan umumMengirim tampilan kasar ke atasanMenyembunyikan kesimpulan dan membuat mereka menemukannya sendiri
Dalam logistikTabel pivot dengan 40 filterHalaman mingguan yang dibuka dengan "apa yang berubah, apa yang harus dilakukan"

Siapa, Apa, dan Bagaimana

1

Siapa

Spesifiklah tentang audiens. "Pemangku kepentingan internal dan eksternal" bukanlah audiens; "Direktur Operasi yang menandatangani kontrak sewa" adalah audiens. Sebutkan pengambil keputusannya, dan pikirkan apakah mereka sudah mempercayai Anda sebagai ahli.

2

Apa

Nyatakan apa yang seharusnya mereka ketahui atau lakukan: menyetujui, mendanai, menghentikan, meningkatkan, atau mengubah. Jika Anda tidak bisa menyebut suatu tindakan, tanyakan apakah Anda perlu berkomunikasi sama sekali. Jika Anda hanya menyajikan data, orang akan berkata "menarik" lalu berlalu.

3

Bagaimana

Baru sekarang tanyakan data mana yang mendukung poin ini. Data adalah bukti bagi cerita, bukan ceritanya. Jangan sembunyikan bukti yang berlawanan; pembaca yang jeli akan menemukannya dan meragukan semua yang lain.

Mekanisme dan nada

Presentasi langsung

Anda mengendalikan tempo dan perhatian, dan Anda hadir untuk menjawab pertanyaan. Buat slide seminimal mungkin dan jangan jadikan slide sebagai teleprompter.

Slideument

Satu berkas untuk presentasi sekaligus dokumen yang dibaca sendiri. Tidak ada yang terpenuhi sepenuhnya; pelajaran berikutnya menunjukkan cara mengatasinya.

Tertulis / dasbor

Pembaca mengendalikan tempo dan tidak ada yang hadir untuk menjelaskan, jadi judul, label, dan catatan harus berbicara sendiri.

Tentukan juga nada: merayakan keberhasilan, membangkitkan semangat, atau melaporkan dengan tenang. Nada memengaruhi pilihan selanjutnya, seperti warna dan tata letak.

Catatan penerapan

Dasbor layanan mandiri berada di ujung "tertulis". Tidak ada orang di ruangan, sehingga setiap halaman membutuhkan judul yang menyatakan kesimpulan, bukan sekadar label topik.

Big Idea dan cerita 3 menit

Sebuah cerita 3 menit adalah apa yang akan Anda katakan jika hanya punya tiga menit. Sebuah Big Idea memadatkannya menjadi satu kalimat. Singkat itu lebih sulit daripada panjang, dan membebaskan Anda dari ketergantungan pada slide.

Sebuah Big Idea harus (1) menyatakan sudut pandang unik Anda, (2) menjelaskan apa yang dipertaruhkan, dan (3) berupa kalimat utuh.

Contoh (fiktif)

"Kebutuhan penyimpanan akan melampaui gudang kita yang sekarang pada tahun ke-3. Kami merekomendasikan pengamanan ruang tambahan sekarang, karena menunggu membahayakan proyek; mohon setujui studi sewa."

Sudut pandang: sewa sekarang. Taruhan: proyek terancam. Kalimat utuh dengan permintaan.

Pertanyaan untuk diajukan kepada peminta pekerjaan

Buat papan cerita di kertas dulu

Jangan mulai di perangkat lunak presentasi; itu membawa Anda ke mode membuat slide dan membuat Anda terikat pada yang sudah dibuat. Gunakan kertas tempel atau kertas biasa agar ide mudah dipindah atau dibuang. Berikut papan cerita untuk kasus gudang fiktif.

1 · KonteksMengapa kita memperkirakan ruang: keputusan membangun atau menyewa itu mahal dan sulit dibatalkan.
2 · MasalahPermintaan perkiraan melampaui kapasitas saat ini pada tahun ke-3.
3 · BuktiSatu grafik garis: perkiraan vs kapasitas, selisihnya diarsir.
4 · OpsiSewa sekarang, bangun nanti, atau tingkatkan pemanfaatan.
5 · PermintaanSetujui studi sewa kuartal ini.

Audiens yang sibuk dan sudah mempercayai Anda? Pindahkan catatan 5 ke depan dan mulai dengan permintaannya.

Coba: Kanvas Konteks

Isi apa yang sudah Anda ketahui. Kanvas akan menyusun draf Big Idea dan kerangka cerita 3 menit, serta memberi tahu apa yang masih kurang. Tidak ada yang meninggalkan peramban Anda.

2
Pelajaran 2 · Pilih visual

Pilih grafik yang paling cepat dibaca audiens Anda

Sekitar selusin jenis visual mencakup hampir setiap kebutuhan bisnis. Yang tepat adalah yang paling mudah dibaca audiens Anda.

Tabel berinteraksi dengan verbal sistem kita: kita membacanya. Grafik berinteraksi dengan visual sistem kita, yang lebih cepat. Satu gagasan itu menjelaskan sebagian besar saran di bawah.

Pilih berdasarkan pesan, bukan alatnya

Coba: Pemilih Grafik

Pilih apa yang ingin Anda sampaikan. Pemilih akan merekomendasikan visual dan memberi tahu apa yang harus dihindari.

Empat visual yang harus ditinggalkan

Diagram lingkaran

Mata tidak dapat menilai sudut dan luas dengan baik. Saat irisan berdekatan, Anda tidak bisa memeringkatnya sama sekali.

Ganti dengan: batang horizontal terurut. Coba di Lab B.

Diagram donat

Pembaca diminta membandingkan panjang busur, yang bahkan lebih sulit daripada diagram lingkaran.

Ganti dengan: batang, atau hanya angkanya.

3D

Gunakan 3D hanya jika Anda benar-benar memplot dimensi ketiga. Jika tidak, grafik itu memiringkan nilai; dalam buku, batang bernilai 1 terbaca sekitar 0.8.

Ganti dengan: 2D datar.

Sumbu-y sekunder

Pembaca harus mencari tahu sumbu mana yang dipakai setiap seri, dan pasangan itu menyiratkan hubungan yang mungkin tidak ada.

Ganti dengan: label langsung atau dua panel yang berbagi sumbu-x. Coba Lab C.

Jika Anda tetap ingin memakai diagram lingkaran

Berhenti dan tanyakan mengapa. Jika bisa menjawab, beri label nilainya dan buat datar. Jangan pernah menjadikannya grafik pertama yang Anda pilih.

Aturan untuk dua visual andalan

Grafik batang

  • Garis dasar nol, selalu. Mata membandingkan ujung batang, sehingga sumbu yang dipotong menciptakan selisih palsu. Uji di Lab A.
  • Batang lebih lebar daripada jarak di antaranya, tetapi tidak terlalu lebar sehingga pembaca membandingkan luas.
  • Urutan alami jika ada (kelompok usia, bulan); jika tidak, urutkan, yang terbesar atau paling penting lebih dulu.
  • Batang horizontal saat label panjang: teks terbaca dari kiri ke kanan dan label muncul sebelum datanya.
  • Batang bertumpuk: hanya segmen bawah yang berbagi garis dasar, jadi letakkan seri yang Anda pedulikan di sana.

Grafik garis

  • Gunakan untuk data kontinu, biasanya waktu. Garis menyiratkan titik-titiknya terhubung.
  • Jaga langkah waktu tetap merata. Mencampur dekade dan tahun tunggal akan mendistorsi bentuknya.
  • Garis dasar tidak nol diperbolehkan, tetapi sebutkan dan hindari memperbesar perubahan kecil secara berlebihan.
  • Tampilkan perkiraan sebagai garis putus-putus yang lebih tipis dengan arsiran terang, jangan pernah sebagai garis padat yang sama dengan data aktual.
  • Beri label langsung pada garis, bukan memakai legenda.

Tabel

Cocok untuk audiens campuran yang masing-masing mencari barisnya sendiri, atau saat satuannya berbeda. Biarkan data memimpin: bingkai terang atau tanpa bingkai, angka rata kanan, desimal yang konsisten. Dalam presentasi langsung, tabel menarik perhatian dari Anda.

Sumbu atau label data?

Jika tren besar lebih penting, pertahankan sumbu abu-abu terang. Jika nilai pastinya yang penting, beri label pada titik data dan hapus sumbu, karena menampilkan keduanya itu berlebihan.

Etika

Memanipulasi skala karena mendukung poin Anda tidak dapat diterima, dan itu berisiko: satu pembaca yang jeli akan menyadarinya dan kredibilitas Anda ikut hilang.

3
Pelajaran 3 · Kekacauan

Kekacauan visual adalah musuh Anda

Setiap elemen yang Anda tambahkan menyita daya pikir audiens. Pertahankan yang membawa informasi; hapus yang tidak.

Beban kognitif

Usaha mental yang dibutuhkan untuk menyerap informasi baru. Beban ekstrinsik adalah usaha yang tidak membantu pemahaman.

Beban yang dirasakan

Yang paling penting adalah seberapa sulit audiens Anda menganggapnya akan terasa. Diputuskan dalam sekejap, sering kali tanpa disadari. Jika terlihat sulit, banyak yang tidak akan mencoba.

Sinyal vs. derau

Sinyal adalah pesannya; derau adalah apa pun yang tidak menambah pesan atau malah mengurangi. Maksimalkan porsi tinta yang dipakai untuk data.

Prinsip Gestalt: cara orang mengelompokkan apa yang mereka lihat

Enam prinsip ini menunjukkan apa yang akan dikelompokkan oleh pemirsa, sehingga elemen tambahan mana yang aman untuk dihapus.

Kedekatan

Hal yang berdekatan termasuk dalam satu kelompok. Gunakan: kelompokkan KPI yang terkait; letakkan label di samping data yang dijelaskannya.

Kemiripan

Warna, bentuk, atau ukuran yang sama berarti terkait. Gunakan: beri label warna sesuai garisnya; tidak perlu bingkai untuk menunjukkan baris.

Penutupan area

Hal di dalam sebuah batas membentuk satu kelompok, bahkan jika batasnya samar. Gunakan: beri arsiran terang untuk memisahkan perkiraan dari aktual.

Penutupan

Kita mengisi celah untuk melihat satu bentuk utuh. Gunakan: hapus bingkai dan isian latar grafik; grafiknya tetap tampak lengkap.

Kesinambungan

Mata mengikuti jalur yang paling mulus. Gunakan: hapus garis sumbu vertikal; label dan batang yang rata sudah menyiratkannya.

Keterhubungan

Hal yang terhubung dikelompokkan, bahkan lintas warna. Gunakan: garis pada grafik garis menghubungkan titik menjadi satu seri.

Urutan visual: penataan, ruang kosong, kontras

Penataan

Buat garis yang bersih. Rata kiri untuk teks; blok rata tengah membuat tepi tidak rapi dan terlihat ceroboh. Letakkan judul, judul sumbu, dan legenda di kiri atas agar pembaca belajar cara membaca sebelum melihat data. Hindari teks diagonal: sebuah studi yang dikutip buku menemukan teks 45° sekitar 52% lebih lambat dibaca dan teks 90° sekitar 205% lebih lambat.

Ruang kosong

Orang takut pada ruang kosong, padahal ia bekerja seperti jeda dalam presentasi. Jaga margin tetap lapang, jangan meregangkan grafik untuk memenuhi halaman, dan jangan pernah menambah data hanya karena masih ada ruang. Jika ada satu hal yang paling penting, jadikan itu satu-satunya hal di halaman.

Kontras

Mudah menemukan elang di langit penuh merpati, dan sulit ketika ada banyak jenis burung. Semakin banyak hal yang Anda buat berbeda, semakin kecil satu hal menonjol. Gunakan kontras hanya untuk poin utama.

Hilangkan kekacauan dalam enam langkah

1

Hapus bingkai grafik

Penutupan: grafik tetap terbaca sebagai satu kesatuan.

Hapusbingkai
2

Hapus garis kisi

Atau buat tipis dan abu-abu terang agar tidak pernah bersaing.

Hapusgaris kisi
3

Hapus penanda data

Garis sudah menunjukkan datanya; gunakan penanda dengan sengaja, bukan secara otomatis.

Hapuspenanda
4

Rapikan label sumbu

Buang angka nol di belakang, singkat nama bulan, dan jaga teks tetap horizontal.

Buanglabel
5

Beri label data secara langsung

Kedekatan: letakkan nama di samping garis dan hapus legenda.

Berilabel langsung
6

Gunakan warna yang konsisten

Kemiripan: beri warna label sesuai datanya.

Sesuaikanwarna
Pengecualian: redundansi yang membantu

Sertakan $, % dan pemisah ribuan pada angkanya sendiri. Grafik berjudul "$ juta" dengan angka sumbu tanpa satuan memaksa pembaca mengingat satuannya.

Coba keenam langkah di lab Hilangkan Kekacauan →

4
Pelajaran 4 · Fokus

Fokuskan perhatian audiens Anda

Gunakan ukuran, warna, dan posisi secukupnya agar orang melihat hal yang penting sebelum mereka sadar sedang melihat.

Cara orang melihat dan mengingat

Memori ikonik

Bertahan sepersekian detik dan peka terhadap perbedaan. Di sinilah atribut pra-atentif bekerja.

Memori jangka pendek

Hanya memuat sekitar empat kelompok sekaligus. Sepuluh seri berwarna ditambah legenda akan membebaninya. Beri label langsung dan kelompokkan informasi menjadi kelompok yang lebih besar.

Memori jangka panjang

Gambar membantu mengingat kata, dan pengulangan membuat sesuatu melekat. Padukan visual dengan kata-kata.

Atribut pra-atentif

Ini adalah fitur yang diperhatikan otak tanpa usaha. Sebagian dapat menyandikan kuantitas; yang lain hanya memisahkan kategori.

AtributKuantitas atau kategori?Penggunaan dasbor
Posisi, panjang garisKuantitas dapat menyandikan nilaiMengapa batang dan garis mudah dibaca.
Lebar garis, ukuran, intensitas warnaKuantitas sampai batas tertentuUkuran menandakan kepentingan; saturasi membuat peta panas.
Rona warna, bentuk, orientasi, kelengkungan, batasKategoriPisahkan seri atau sorot satu; "mana yang lebih besar, merah atau biru?" tidak bermakna.
Penanda tambahan (label, penanda, garis bawah)KategoriIsyarat "lihat sini", misalnya penanda dan label pada titik terakhir.
Tebal, miring, garis bawah (teks)KategoriTebal adalah yang paling bersih; miring cukup halus; garis bawah menambah derau.
Gerakan, berkedipHindariBerkedip lebih mengganggu daripada membantu. Dalam presentasi langsung, kemunculan dan penghilangan sederhana dapat memandu perhatian; hindari efek terbang dan memudar.

Resepnya: semuanya abu-abu, lalu satu aksen

  1. Dorong semuanya ke latar belakang. Sumbu abu-abu, label abu-abu, seri konteks abu-abu.
  2. Buat datanya menonjol. Data lebih tebal dan lebih besar daripada sumbu dan label.
  3. Pilih satu hal. Satu seri, satu batang, atau satu kuadran membawa warna aksen.
  4. Tambahkan penanda secukupnya. Beri label hanya pada titik yang menceritakan kisahnya; memberi label pada semuanya menciptakan kekacauan.
  5. Sampaikan dengan kata-kata. Buat judul menyebutkan apa yang harus dilihat, dan samakan warnanya dengan data yang dijelaskannya.
Uji "ke mana mata Anda tertuju?"

Selesaikan visualnya, alihkan pandangan, lalu lihat kembali, dan catat di mana mata Anda mendarat pertama kali. Mintalah rekan menjelaskannya kepada Anda. Jika mereka mendarat di tempat lain, ubah penekanannya.

Penyorotan memiliki biaya

Menyorot satu titik membuat yang lain sulit terlihat, jadi hindari selama eksplorasi. Selain itu, batasi elemen yang disorot pada sebagian kecil desain; buku ini mengutip pedoman sekitar paling banyak 10%.

Aturan warna

Gunakan secukupnya dan konsisten

Pelangi berarti tidak ada yang menonjol. Gunakan satu skema di seluruh komunikasi agar pembaca belajar bahwa, misalnya, tembaga berarti "lihat sini". Ubah warna hanya untuk menandakan perubahan yang nyata. Jika wilayah punya warna, jaga agar tetap sama di mana pun.

Dasar abu-abu
Aksen
Positif / info
Masalah

Desain untuk buta warna

Sekitar 8% pria dan 0.5% wanita kesulitan dengan merah dan hijau. Hindari menempatkannya berdampingan, atau tambahkan isyarat kedua seperti tebal, saturasi, atau tanda + / −. Biru dan oranye adalah pasangan positif/negatif yang aman.

Perhatikan nadanya

Warna menentukan suasana. Laporan klinis dan fitur yang ringan membutuhkan palet yang berbeda. Periksa makna budaya warna untuk audiens internasional.

Warna merek

Pilih satu atau dua warna merek sebagai isyarat "lihat sini" dan jaga sisanya tetap abu-abu. Jika warna merek terlalu pucat untuk menonjol, gunakan hitam tebal atau warna lain yang tidak bertabrakan.

Ukuran dan posisi

Ukuran = kepentingan

Berikan item dengan kepentingan yang sama ukuran yang sama. Buku ini menceritakan sebuah dasbor di mana data yang kebetulan tersedia memakan sekitar 60% ruang dan hampir mengarahkan keputusan. Jadikan desain sebagai keputusan, bukan kebetulan.

Posisi = urutan baca

Tanpa isyarat, pembaca mulai dari kiri atas dan bergerak zigzag membentuk huruf "Z". Letakkan hal yang paling penting di kiri atas, dan jangan melawan kebiasaan seperti negatif di kiri, positif di kanan.

Rasakan sendiri atribut pra-atentif di lab Hitung Angka 3 →

5
Pelajaran 5 · Berpikirlah seperti desainer

Buat agar jelas cara membacanya

Bentuk mengikuti fungsi: putuskan apa yang harus audiens lakukan dengan data, lalu rancang agar mereka dapat melakukannya dengan mudah.

Affordance: visual memberi tahu cara menggunakannya

Gagang pintu menunjukkan Anda harus menarik. Visual yang baik menunjukkan ke mana harus melihat. Tiga langkah menciptakannya.

1

Sorot hal yang penting

Terapkan ukuran, warna, dan tebal pada satu hal yang paling penting. Jaga bagian yang disorot tetap kecil.

2

Hilangkan gangguan

Tanyakan untuk setiap item: apakah menghapusnya akan mengubah sesuatu? Jika tidak, hapus. Ringkas detail yang tidak dibutuhkan audiens; pindahkan sisanya ke lampiran.

3

Buat hierarki visual

Urutkan hal berdasarkan kepentingan dengan ukuran, warna, dan posisi. Kategori induk (misalnya Usia / Wilayah / Pendapatan) memberi pembaca sebuah kerangka.

Aksesibilitas: dapat digunakan oleh orang dengan kemampuan berbeda

Jangan terlalu rumit

Penelitian yang dikutip buku menemukan bahwa instruksi dengan huruf yang rumit dinilai lebih sulit, dan orang kurang mungkin mencobanya. Semakin rumit tampilannya, semakin kecil kemungkinan orang meluangkan waktu untuknya.

  • Gunakan satu huruf dan ukuran yang mudah dibaca.
  • Utamakan kata-kata sederhana; tuliskan kepanjangan akronim pada kemunculan pertama.
  • Jika ragu, pilih opsi yang lebih sederhana.
  • Jika pembaca kesulitan, desainlah yang salah, bukan pembacanya.

Teks adalah sahabat Anda

Setiap grafik membutuhkan judul dan setiap sumbu membutuhkan judul. Nyatakan kesimpulannya dengan kata-kata, karena dua orang bisa membaca grafik yang sama dan menarik kesimpulan berbeda. Beri anotasi untuk menjelaskan lonjakan, perubahan kebijakan, atau gangguan.

Pengecualian yang jarang: ketika Anda ingin pembaca fokus pada puncak dan lembah, bukan pada metrik persisnya, Anda boleh sengaja menghapus label sumbu vertikal.

Judul aksi lebih baik daripada label topik

Judul adalah properti utama. Gunakan untuk kesimpulan atau permintaan.

Deskriptif (label topik)Judul aksi (kesimpulan)
OTIF masuk per mingguOTIF masuk turun di bawah target 90% pada 3 dari 4 minggu terakhir
Utilisasi gudangZona A dan C melampaui batas perencanaan 85%; B dan D masih punya ruang
Waktu tunggu kapal, Q3Waktu tunggu kapal naik dua kali lipat pada Q3, sebagian besar karena dermaga terisi
Belanja per vendorTiga vendor menguasai 60% belanja: konsolidasikan sebelum kontrak diperpanjang
Tren insidenInsiden di Area 3 naik empat bulan berturut-turut; area lain datar
Kapasitas tim penerimaanPenerimaan sudah tertinggal dari volume masuk sejak Juni; dua tambahan personel akan menutup celah

Coba: Pemeriksa Judul Aksi

Heuristik pengajaran

Pemeriksaan ini adalah aturan praktis saya sendiri untuk latihan. Pemeriksaan ini tidak dapat menilai apakah judul Anda benar atau berguna.

Estetika: cantik itu fungsional

Orang menilai desain yang menarik lebih mudah digunakan, lebih mudah diterima, dan lebih toleran terhadap kekurangannya. Tiga kebiasaan menciptakannya tanpa harus menjadi desainer: gunakan warna dengan sengaja, sejajarkan elemen pada garis yang bersih, dan gunakan ruang kosong dengan sengaja. Saat Anda menemukan grafik yang Anda sukai, tanyakan mengapa, dan simpan koleksi untuk dipinjam.

Membuat desain baru diterima

Keakraban menumbuhkan kenyamanan, jadi desain yang lebih baik pun bisa menemui penolakan. Empat taktik membantu.

Jelaskan manfaatnya

Sampaikan mengapa tampilannya akan berbeda dan apa yang diperoleh pembaca.

Tampilkan berdampingan

Sebelum dan sesudah membuat peningkatannya terlihat.

Tawarkan opsi

Buat dua atau tiga versi dan mintalah masukan.

Ajak sekutu

Yakinkan pembaca berpengaruh secara personal.

Jika penolakan berlanjut, uji dengan seseorang yang netral: masalahnya mungkin ada pada desain Anda, bukan kebiasaan mereka.

6
Pelajaran 6 · Ceritakan sebuah cerita

Beri data awal, tengah, dan akhir

Cerita melekat dengan cara yang tidak bisa dicapai fakta saja. Bangun ketegangan antara apa yang adalah dan apa yang bisa menjadi, lalu akhiri dengan ajakan bertindak yang jelas.

Struktur tiga babak yang diterapkan pada cerita data

Awal · Alur

Siapkan panggung dan jawab "mengapa saya harus peduli?" Lima pertanyaan membantu:

  • Latar: kapan dan di mana?
  • Tokoh utama: audiens Anda
  • Ketidakseimbangan: apa yang berubah?
  • Keseimbangan: apa yang seharusnya terjadi?
  • Solusi: bagaimana kita sampai ke sana?
Tengah · Liku

Susun argumen untuk "apa yang bisa terjadi":

  • Latar belakang dan perbandingan eksternal
  • Contoh dan data yang menunjukkan masalahnya
  • Apa yang terjadi jika tidak ada yang berubah
  • Opsi dan manfaat pilihan Anda
  • Mengapa mereka orang yang tepat untuk bertindak
Akhir · Ajakan bertindak

Nyatakan dengan tepat apa yang Anda inginkan agar mereka lakukan lakukan. Penutup klasik kembali ke masalah pembuka dan menegaskan kembali urgensinya.

Mengapa poin-poin saja tidak cukup

Kumpulan fakta berpoin hanya meyakinkan secara intelektual, dan audiens berdebat dengan Anda dalam kepala mereka. Cerita menghubungkan gagasan dengan emosi dan memberi orang alasan untuk bertindak. Jika Anda berpikir "saya tidak punya masalah untuk dibingkai", periksa lagi: konflik adalah yang menahan perhatian, dan cerita yang semuanya baik-baik saja jarang menggerakkan siapa pun.

Alur naratif: pilih urutannya

PesananPaling cocok saat…Bagaimana
KronologisAnda harus membangun kredibilitas, atau audiens peduli pada metode AndaMasalah → data → analisis → temuan → rekomendasi
Mulai dari akhirAudiens sudah mempercayai Anda, sedang sibuk, atau ingin tahu "jadi apa"Mulai dengan permintaan, lalu dukung dengan bukti terkuat

Beri tahu audiens langsung struktur yang Anda gunakan ("Saya akan mulai dari apa yang saya butuhkan dari Anda"). Dalam laporan tertulis, kata-kata di setiap halaman harus menyampaikan poinnya sendiri.

Empat taktik untuk memastikan cerita jelas

Logika horizontal

Baca hanya judul slide atau bagian. Bersama-sama, judul-judul itu harus menceritakan seluruh cerita. Ini membutuhkan judul aksi. Ringkasan eksekutif di depan, yang dicerminkan oleh judul-judul berikutnya, membuat alurnya terlihat.

Logika vertikal

Semua yang ada di satu halaman saling memperkuat: judul mendukung visual, kata-kata mendukung grafik, tidak ada yang tidak berkaitan. Memangkas atau memindahkan ke lampiran sama pentingnya dengan menambah.

Papan cerita terbalik

Bolak-balik deck yang sudah jadi dan tulis poin utama setiap halaman. Daftarnya seharusnya menyerupai papan cerita asli Anda. Jika tidak, pindahkan, tambahkan, atau hapus halaman.

Perspektif segar

Berikan kepada seseorang tanpa konteks dan tanyakan apa yang mereka perhatikan, apa yang penting, dan apa yang tidak jelas. Anda terlalu dekat untuk melihatnya seperti audiens Anda.

Pengulangan: Bing, Bang, Bongo

1

Bing

Sampaikan apa yang akan Anda sampaikan: ringkasan eksekutif.

2

Bang

Sampaikan: isi yang terperinci.

3

Bongo

Sampaikan apa yang sudah Anda sampaikan: rekap, dengan tindakan yang Anda butuhkan.

Kutipan singkat yang mudah diulang membantu pesan Anda menyebar tanpa Anda.

Coba: Pengurut Cerita

Keenam judul ini milik satu deck, tetapi teracak. Klik sesuai urutan yang membentuk cerita terbaik. Membaca judulnya saja adalah uji logika horizontal.

Urutan Anda

    Catatan penerapan · dasbor adalah cerita yang disampaikan dalam lapisan

    Halaman dasbor yang baik bekerja seperti cerita pendek yang bisa dibaca dalam tiga kedalaman: sebuah judul yang menyatakan kesimpulan, beberapa visual pendukung yang menunjukkan alasannya, dan rincian sesuai kebutuhan bagi yang ingin memeriksa. Gambar Kit alat menampilkan tata letak halaman yang dibangun dengan cara ini.

    7
    Latihan · Klinik Dasbor Buruk

    Sembilan dasbor buruk, didiagnosis dan dibangun ulang

    Visual yang buruk ada di mana-mana, dan tidak ada yang sengaja membuatnya. Pelajari cara mengenali kekeliruannya, lalu perbaiki dengan enam pelajaran.
    1

    Diagnosis dulu

    Pelajari "sebelum". Centang setiap kekeliruan yang bisa Anda lihat. Hati-hati: beberapa kekeliruan yang tercantum adalah umpan.

    2

    Periksa diagnosis Anda

    Centang yang benar menjadi hijau, centang yang salah menjadi merah, dan kekeliruan yang terlewat menjadi kuning, masing-masing dengan alasan.

    3

    Lihat perbaikannya

    Beralih ke "Sesudah" dan baca apa yang berubah. Setiap kekeliruan diberi tag dengan pelajaran yang memperbaikinya.

    Pengingat

    Semua data dalam kasus bersifat fiktif. Judul pada tampilan "sesudah" dihitung dari data yang ditampilkan, sehingga klaimnya sesuai dengan grafik.

    Sembilan pola, satu bahasa pola

    8
    Latihan · Lab Bagaimana Jika

    Ubah satu hal dan lihat ceritanya berubah

    Datanya tetap sama di setiap lab. Yang berubah hanyalah pilihan desain, yang menunjukkan seberapa besar kuasa desainer, dan tanggung jawab yang menyertainya.

    Lab A · Di mana sumbu dimulai? Pelajaran 2

    Lima hub mencapai pengiriman tepat waktu antara 93.8% dan 96.1%. Geser garis dasar grafik batang dan bandingkan apa yang dilihat mata dengan apa yang dikatakan angkanya.

    Lab B · Diagram lingkaran atau batang? Pelajaran 2

    Masukkan porsi keterlambatan menurut penyebab (angka apa pun; akan dikonversi ke persentase). Coba peringkatkan irisan diagram lingkaran, lalu lihat batangnya.

    Lab C · Data yang sama, dua cerita pada sumbu ganda Pelajaran 2, 4

    Volume bulanan (batang, sumbu kiri) dan keberangkatan tepat waktu (garis, sumbu kanan). Geser rentang sumbu kanan dan hubungannya tampak berubah. Angkanya tidak pernah berubah.

    Lab D · Hilangkan kekacauan dan fokus Pelajaran 3, 4, 5

    Palet masuk yang diterima vs. diproses per hari, per bulan. Aktifkan dan nonaktifkan kekacauan, lalu tambahkan alat bantu fokus. Perhatikan kapan ceritanya mulai terlihat.

    Kekacauan

    Alat bantu fokus

    Lab E · Hitung angka 3 Pelajaran 4

    Dua putaran, tugas yang sama: hitung berapa kali angka 3 muncul. Pada putaran 2 ditambahkan satu isyarat visual. Waktu Anda sendiri adalah datanya. Hasil bervariasi tergantung orang dan layar; ini hanya demonstrasi, bukan studi.

    Lab F · Satu dataset, tiga audiens Pelajaran 1, 5, 6

    Pengiriman terlambat per hub selama empat minggu terakhir. Pilih audiens: datanya tetap, tetapi judul, sorotan, dan permintaannya berubah mengikuti pengambil keputusan.

    9
    Latihan · Studio Latihan

    Data mana yang sebenarnya pantas ada di dasbor?

    Untuk setiap skenario, pilih apa yang akan ditampilkan, pilih visual utama, dan pilih judulnya. Bagian tersulit dari dasbor yang baik adalah membuang hal-hal yang tidak perlu.
    Cara kerja penilaian

    Setiap latihan bernilai 100 poin: 50 untuk data yang Anda pilih, 25 untuk visual, dan 25 untuk judul. Untuk data, setiap inti item yang Anda sertakan mendapat nilai penuh, pendukung item mendapat setengah nilai, dan derau atau menyesatkan item mengurangi poin. Melewatkan item inti akan mengurangi poin yang seharusnya didapat item tersebut.

    Heuristik pengajaran Ini adalah skema penilaian saya sendiri untuk latihan. Dalam proyek nyata, jawaban yang tepat bergantung pada audiens dan keputusan Anda, jadi gunakan penjelasannya, bukan angkanya.

    0 / 7latihan dinilai
    –rata-rata skor
    –skor terbaik
    10
    Terapkan · Kit alat

    Bawa kembali ke dasbor Anda sendiri

    Gunakan tata letak yang menceritakan kisah secara berlapis, jalankan daftar periksa pra-penerbangan, lalu buat papan cerita di kertas sebelum membuka alat Anda.

    Anatomi halaman dasbor yang berbasis cerita

    Judul aksi: kesimpulan dalam satu kalimat, dengan angka Subjudul: cakupan, periode, definisi 1 KPI yang meleset dari target82%vs target 85% KPI pendukung92%vs target 90% KPI pendukung96%vs target 95% 2 Visual utama: menunjukkan MENGAPA (satu aksen, konteks abu-abu) Anotasi menjelaskan penyebabnya 3 Visual sekunder: di mana 4 Rincian sesuai kebutuhan: tabel penelusuran, definisi, sumber data, dan waktu pembaruan 5
    1. Judul. Kesimpulan atau permintaan, di kiri atas, tempat mata mendarat pertama kali.
    2. Satu sampai tiga KPI dengan target dan tren. Hanya yang membutuhkan perhatian yang mendapat warna aksen.
    3. Visual utama. Menjawab "mengapa", dengan konteks abu-abu dan satu seri yang disorot.
    4. Visual sekunder. Menjawab "di mana" atau "siapa".
    5. Rincian sesuai kebutuhan. Definisi, tabel, dan filter untuk orang yang ingin memverifikasi.

    Catatan penerapan Tata letak ini adalah penerapan saya atas pelajaran buku tersebut pada dasbor, bukan templat dari buku.

    Daftar periksa pra-penerbangan

    0 dari 0 pemeriksaan selesai

    Papan cerita kosong (cetak ini)

    Audiens


    Big Idea (satu kalimat)


    Latar


    Konflik / bukti


    Resolusi / opsi


    Ajakan bertindak


    Glosarium

    IstilahArti
    Analisis eksplanatoriMenyampaikan satu pesan spesifik kepada audiens tertentu.
    Big IdeaSatu kalimat lengkap yang memuat sudut pandang Anda dan apa yang dipertaruhkan.
    cerita 3 menitApa yang akan Anda katakan jika hanya punya tiga menit.
    Papan ceritaKerangka visual dari komunikasi, dibuat di kertas terlebih dahulu.
    SlideumentSatu berkas yang berusaha menjadi presentasi sekaligus dokumen.
    Beban kognitifUsaha mental yang dibutuhkan untuk mencerna informasi.
    Rasio sinyal-ke-derauPorsi dari apa yang Anda tampilkan yang membawa pesan.
    Prinsip GestaltCara orang mengelompokkan benda: kedekatan, kemiripan, pelingkupan, penutupan, kesinambungan, keterhubungan.
    Atribut pra-atentifFitur yang disadari sebelum pikiran sadar, seperti warna, ukuran, dan posisi.
    Hierarki visualMengurutkan elemen berdasarkan kepentingan agar pembaca tahu harus melihat ke mana lebih dulu.
    AfordansiIsyarat yang menunjukkan bagaimana sesuatu seharusnya digunakan.
    Judul aksiJudul yang menyatakan kesimpulan atau permintaan, bukan topik.
    SlopegraphGrafik garis dengan dua titik waktu yang menunjukkan arah dan laju perubahan di antara kategori.
    Grafik kecil berulangBeberapa grafik kecil dengan sumbu yang sama, diletakkan berdampingan.
    Logika horizontalMembaca judulnya saja sudah menceritakan kisahnya.
    Logika vertikalSemua yang ada di satu halaman mendukung judulnya.
    Papan cerita terbalikMerangkum setiap halaman karya yang sudah jadi untuk dibandingkan dengan rencana.

    Langkah berikutnya

    Buku yang direkomendasikan penulis

    • Resonate, Nancy Duarte
    • Show Me the Numbers, Stephen Few
    • The Visual Display of Quantitative Information, Edward Tufte
    • Beyond Bullet Points, Cliff Atkinson
    • The Functional Art, Alberto Cairo
    • Data Points, Nathan Yau

    Blog dan situs yang dicantumkan penulis

    • storytellingwithdata.com
    • Eager Eyes · Flowing Data · The Functional Art
    • Junk Charts · Perceptual Edge · Visualising Data · VizWiz
    • HelpMeViz · Make a Powerful Point
    • FiveThirtyEight Data Lab · The Guardian Data Blog
    Tantangan akhir

    Pilih satu dasbor milik Anda. Tulis Big Idea-nya, jalankan daftar periksa, bangun ulang halaman teratas dengan satu judul, satu warna aksen, dan tanpa legenda, lalu tunjukkan kepada orang yang belum pernah melihatnya. Ke mana mata mereka melihat lebih dulu akan memberi tahu Anda apakah ini berhasil.