Grafik interaktif menambah pekerjaan pada sisi pembuatan dan sisi pembacaan, sehingga pilihan menggunakannya perlu diuji dengan satu ukuran, yaitu apakah alat interaktifnya menjawab tugas pembaca. Topik ini menyusun kaidah keputusan tersebut, memetakan tugas pembaca ke alat hover, zoom, seleksi, dan filter dalam bentuk tabel, lalu menutup dengan sisi yang jarang dibahas, yaitu keadaan ketika interaktivitas tidak sepadan manfaatnya dan dapat menyembunyikan data yang buruk. Setelah membaca topik ini, keputusan menambah atau menolak interaktivitas dapat diambil dengan alasan yang eksplisit.
Tugas pembaca sebagai ukuran#
Kaidah dasarnya, interaktivitas sepadan manfaatnya hanya apabila ada tugas pembaca yang tidak dapat diselesaikan oleh gambar statis dengan biaya yang wajar. Tugas semacam itu umumnya berada di tiga golongan. Golongan pertama adalah identifikasi titik, misalnya mengetahui nama siswa di balik satu titik di antara 24 titik sebaran, dan di sinilah hover, yakni label yang muncul ketika kursor berada di atas satu tanda, memberikan jawaban tanpa memenuhi gambar dengan teks. Golongan kedua adalah pembacaan detail mikro di dalam rentang yang besar, misalnya pola satu pekan pada deret dua tahun, dan di sinilah zoom memberikan sumbu yang menyesuaikan rentang yang tampil. Golongan ketiga adalah eksplorasi dua arah, misalnya memilih sekelompok titik lalu memperhatikan ringkasannya berubah, dan di sinilah seleksi serta filter membangun interaksi bolak-balik antara pembaca dan data.
Karena itu, ukurannya bukan kecanggihan alat, melainkan pertanyaan yang dibawa pembaca. Grafik laporan bulanan yang bertanya “kelas mana yang nilainya lebih rendah” dijawab sekali pandang oleh dua batang beranotasi, sedangkan grafik sebaran yang bertanya “siswa mana yang kehadirannya rendah tetapi nilainya tinggi” sulit dijawab tanpa alat bantu. Menambahkan alat interaktif pada pertanyaan golongan pertama hanya menambah langkah, sedangkan meniadakannya pada pertanyaan golongan kedua membuat pembaca menghitung titik satu per satu.
Tabel keputusan#
Tabel berikut menyandingkan tugas pembaca yang lazim dengan alat interaktif yang cocok, alasan kerjanya, dan alternatif statisnya. Baris terakhir sengaja berisi tugas yang tidak membutuhkan alat interaktif sama sekali, karena baris itulah yang paling sering dilewati ketika grafik disiapkan untuk slide atau laporan.
| Tugas pembaca | Alat interaktif | Alasan | Alternatif statis |
|---|---|---|---|
| Mengetahui identitas satu titik di antara banyak titik | hover | label muncul hanya pada titik yang ditunjuk, sehingga gambar tetap bersih | anotasi pada titik yang ditekankan |
| Membaca detail mikro di dalam rentang yang besar | zoom | sumbu menyesuaikan rentang yang tampil tanpa menggambar ulang grafik | panel inset atau pemecahan rentang menjadi beberapa gambar |
| Menyelidiki kelompok yang dipilih di antara banyak kelompok | seleksi banyak titik | sekelompok titik dipilih sekaligus, lalu ringkasan atau warna menanggapi pilihan itu | faset per kelompok |
| Menyaring data menurut rentang atau kategori saat menjelajah | filter rentang atau kategori | rentang atau kategori diubah tanpa keluar dari gambar | beberapa grafik berdampingan untuk tiap rentang |
| Menyampaikan satu pesan utama pada slide, laporan, atau judul berita | tidak ada | interaktivitas menambah langkah tanpa menambah isi | grafik statis beranotasi |
Dua baris pertama menjawab pertanyaan per titik dan per rentang, dua baris berikutnya menjawab pertanyaan per kelompok, sedangkan baris terakhir menyatakan keputusan menolak interaktivitas. Alternatif statis pada kolom terakhir sering lebih murah diproduksi dan selalu dapat dicetak, sehingga layak diuji lebih dahulu sebelum alat interaktifnya dibangun.
Kapan interaktivitas tidak sepadan#
Grafik dengan satu pesan utama tidak membutuhkan alat interaktif. Slide presentasi, laporan cetak, dan judul berita dibaca dalam hitungan detik dan tidak menyediakan kursor, sehingga hover, zoom, dan filter tidak pernah terpakai. Interaktivitas pada konteks semacam itu justru menambah biaya, yaitu kode yang lebih panjang, berkas yang lebih besar, dan keputusan desain tambahan, tanpa keuntungan yang dapat dirasakan pembacanya.
Biaya lainnya berada di sisi pembaca. Grafik interaktif memindahkan sebagian pekerjaan ke pembaca, karena pola yang sebelumnya dinyatakan oleh anotasi kini harus dicari melalui klik dan seretan kursor. Pembaca yang berbeda juga dapat melihat tampilan yang berbeda dari grafik yang sama, sehingga percakapan tentang grafik itu menjadi sulit merujuk pada satu gambar yang sama. Ketika ringkasan perlu disamakan antarpembaca, grafik statis dengan anotasi yang sama untuk semua orang lebih dapat diandalkan.
Kejujuran pada alat interaktif#
Alat interaktif tidak menghapus tanggung jawab kejujuran grafik, melainkan memindahkannya ke keputusan default pembuatnya. Pembaca interaktif hanya melihat layar yang diberikan, sehingga sumbu yang terpotong, kategori yang dikecualikan sebelum digambar, dan titik yang keluar dari rentang yang tampil semuanya ditetapkan sebelum pembaca pertama menyentuh kursor. Kontrol zoom justru dapat memperparah keadaan, karena pembaca yang memperbesar sebagian batang tanpa menyadari batang itu berawal dari angka bukan nol akan mendapat kesan perbandingan yang salah. Prinsipnya tetap sama dengan grafik statis, yaitu menyebut sumber data, menyatakan apa yang dikecualikan, dan memastikan tampilan default mewakili keseluruhan data sebelum alat interaktif ditambahkan.
Kesalahan umum#
Tiga kesalahan berikut paling sering muncul ketika grafik interaktif disiapkan, dan ketiganya berawal dari keputusan yang diambil tanpa menguji tugas pembacanya.
- Menambahkan alat interaktif karena alatnya tersedia. Hover dan zoom yang ditambahkan tanpa tugas terkait hanya menambah kebisingan pada bilah alat. Perbaikannya adalah kembali ke tabel keputusan di atas dan menyebut tugas pembaca yang dijawab oleh setiap alat.
- Mengganti anotasi dengan hover. Pesan utama grafik harus terbaca sekali pandang, sedangkan hover hanya tampil pada satu titik pada satu waktu. Anotasi tetap digunakan untuk temuan utama, dan hover hanya menjadi pelengkap identifikasi.
- Memilih default yang menyembunyikan sebagian data. Rentang sumbu awal dan filter bawaan menentukan apa yang dilihat pembaca sebelum menyentuh kursor. Tampilan awal digambar dari keseluruhan data, dan pengecualiannya dinyatakan secara eksplisit.
Ringkasan#
- Interaktivitas sepadan manfaatnya hanya apabila menjawab tugas pembaca, yaitu identifikasi titik dengan hover, pembacaan detail mikro dengan zoom, dan eksplorasi dua arah dengan seleksi atau filter.
- Grafik dengan satu pesan utama untuk slide, laporan cetak, atau judul berita lebih baik statis, karena kursor tidak tersedia pada media tersebut dan interaktivitas hanya menambah langkah.
- Kejujuran grafik interaktif ditentukan oleh default pembuatnya, yaitu rentang sumbu awal dan data yang disertakan, karena pembaca hanya melihat layar yang diberikan.
Referensi#
- Interactive HTML Export in Python — Plotly — Menjelaskan bahwa interaktivitas plotly terbawa oleh ekspor HTML dan tidak oleh gambar statis.
- Hover Text and Formatting in Python — Plotly — Dokumentasi perilaku hover yang menjadi dasar baris pertama tabel keputusan.