Grafik yang dirancang baik dapat dibaca dalam sekali pandang, dan kemampuan itu bukan kebetulan, melainkan akibat sifat sistem visual manusia. Topik ini mengajarkan dua konsep persepsi yang menjelaskan kemampuan tersebut, yaitu atribut preattentive dan lebar pita (bandwidth) saluran visual. Setelah membaca topik ini, pembaca dapat menyebutkan atribut mana yang ditangkap sebelum sadar, mengelompokkan saluran menurut kapasitasnya, dan menggunakan kedua konsep itu untuk menilai mengapa sebuah grafik cepat atau lambat dibaca.
Atribut yang ditangkap sebelum sadar#
Atribut preattentive adalah ciri visual yang diproses sistem visual manusia sebelum perhatian sadar diarahkan, umumnya dalam waktu sekitar 200 sampai 250 milidetik. Karena pemrosesannya berlangsung sebelum sadar, satu elemen yang berbeda pada salah satu atribut ini langsung terlihat menonjol di antara banyak elemen serupa tanpa perlu dicari satu per satu. Efek munculnya elemen berbeda secara otomatis seperti itu disebut pop-out.
Atribut preattentive yang paling relevan untuk grafik mencakup posisi, panjang, sudut, ukuran atau area, ragam warna (hue), kecerahan, bentuk, dan gerakan. Ragam warna adalah kategori warna seperti merah atau biru, sedangkan kecerahan adalah tingkat terang gelapnya warna tersebut. Kedelapan atribut itu menjadi bahan baku hampir semua saluran yang digunakan grafik untuk menyandikan data.
Mekanisme di balik kecepatan ini adalah pemindaian paralel, yaitu sistem visual menelusuri seluruh bidang gambar sekaligus sehingga waktu pencarian hampir tidak bergantung pada jumlah elemen lain. Sebaliknya, apabila target hanya dapat dikenali melalui perbandingan yang membutuhkan kesadaran, misalnya angka 7 di antara deretan angka 2 dan 8 tanpa perbedaan ciri lain, pencarian berlangsung berurutan dan waktunya bertambah mengikuti jumlah elemen. Perbedaan pemindaian paralel dan berurutan inilah yang memisahkan grafik yang cepat dibaca dari grafik yang mengharuskan pembaca menelusuri isinya satu per satu.
Menguji pencarian dengan demo#
Demo berikut mengukur waktu pencarian secara kasar pada bidang berisi elemen serupa. Jalankan demo, pilih mode pengujian warna, ukuran, atau bentuk, tetapkan jumlah elemen, lalu tekan tombol Mulai uji dan klik satu elemen yang berbeda. Ulangi beberapa kali untuk setiap kombinasi mode dan jumlah elemen, kemudian bandingkan waktunya.
Pola yang diharapkan muncul adalah waktu pencarian yang relatif tetap ketika jumlah elemen dinaikkan dari 24 menjadi 96, karena target yang berbeda pada satu atribut tunggal ditangkap secara paralel. Sebaliknya, apabila target hanya berbeda dari kombinasi dua ciri sekaligus, misalnya warna dan bentuk bersamaan, pencarian berlangsung berurutan dan waktunya meningkat mengikuti jumlah elemen. Pengalaman kasar semacam ini menegaskan definisi atribut preattentive sebagai ciri yang bekerja sebelum elemen lain dihitung satu per satu. Angka pada demo mencakup waktu menemukan dan mengklik, sehingga nilainya lebih besar daripada waktu pemrosesan persepsinya sendiri. Yang dibandingkan bukan kecepatan absolut, melainkan perubahan waktu ketika jumlah elemen dinaikkan, dan pembacaan semacam ini sejalan dengan cara eksperimen pencarian visual dilaporkan, yaitu melalui pola waktu terhadap jumlah distraktor.
Lebar pita saluran#
Lebar pita adalah jumlah informasi yang dapat ditransmisikan oleh sebuah saluran visual, atau jumlah tingkat nilai yang dapat dibedakan secara andal oleh pembaca. Saluran berkapasitas tinggi seperti posisi pada sumbu dapat membedakan banyak tingkat nilai dengan presisi, sedangkan saluran berkapasitas rendah seperti ragam warna hanya andal untuk sekitar enam sampai dua belas kategori. Diagram berikut memetakan atribut yang dibahas di atas ke dalam tiga kelas lebar pita secara kualitatif.
Pembagian ini bukan skala angka, melainkan urutan kapasitas yang konsisten di antara saluran. Posisi dan panjang berada di kelas tertinggi karena nilai dapat diurutkan melalui keduanya dengan cukup presisi, sedangkan sudut, area, dan gerakan menurun dalam ketepatan. Ragam warna, kecerahan, dan bentuk berkapasitas rendah untuk nilai kuantitatif, tetapi justru cocok untuk kategori tanpa urutan. Gerakan patut dicatat secara khusus: ciri ini menarik perhatian sangat kuat sehingga berguna sebagai penekanan, tetapi tidak cocok untuk nilai yang perlu dibaca presisi.
Kesalahan umum#
Empat kesalahan berikut sering muncul ketika konsep ini dipraktikkan, mulai dari pemilihan saluran sampai penataan penekanan.
- Menggunakan ragam warna untuk nilai kuantitatif. Sepuluh tingkat warna sulit diurutkan tanpa membaca legenda, dan perbandingan antartingkatnya berlangsung lambat. Perbaikannya adalah memindahkan nilai ke saluran posisi atau panjang, misalnya grafik batang, atau menggunakan peta warna berurutan yang kecerahannya naik bersama nilai.
- Menumpuk penekanan pada hampir semua elemen. Apabila setiap batang diberi warna, ukuran, dan bentuk yang berbeda, tidak ada elemen yang menonjol dan pembaca kembali melakukan pencarian berurutan. Pilih satu pesan yang penting dan biarkan sisanya netral.
- Menambahkan gerakan dekoratif. Animasi yang tidak membawa data menarik perhatian ke elemen yang bukan pesan utama. Gerakan sebaiknya hanya digunakan ketika perubahan data itu sendiri yang ingin ditunjukkan.
- Mengandalkan selisih atribut yang hampir tidak terlihat. Dua warna dengan kecerahan yang berdekatan menuntut perbandingan yang membutuhkan kesadaran, sehingga pencarian kembali berurutan meskipun keduanya berbeda ragam warna. Pastikan selisih atributnya jelas, atau pindahkan perbedaan ke saluran lain.
Ringkasan#
- Atribut preattentive adalah ciri visual seperti posisi, panjang, sudut, area, ragam warna, kecerahan, bentuk, dan gerakan yang ditangkap sebelum sadar dalam waktu sekitar 250 milidetik.
- Saluran visual memiliki lebar pita berbeda: posisi dan panjang berkapasitas tinggi untuk nilai kuantitatif, sedangkan ragam warna dan bentuk berkapasitas rendah dan cocok untuk kategori.
- Waktu pencarian yang relatif tetap meski jumlah elemen bertambah adalah tanda pemindaian paralel, dan konsep ini menjadi dasar peringkat efektivitas saluran.
Referensi#
- Perception in Visualization — North Carolina State University — Ringkasan penelitian atribut preattentive beserta demonstrasi pencarian visual.
- Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods — JSTOR — Makalah Cleveland dan McGill tahun 1984 yang menjadikan pembacaan grafik sebagai objek pengukuran eksperimental.