Visualisasi Data

Ekspresivitas, presisi dan

akurasi
Tools yang tepat
Menarik perhatian
Panduan

Komunikasi
Visual
Keseluruhan merupakan
perbedaan dari jumlah
setiap bagian

Gestalt Theory: bagaimana

kita memahami apa yang
kita lihat

| 2
Memahami apa yang kita
lihat…
Prinsip-prinsip persepsi berdasarkan Gestalt Theory dalam memahami apa yang kita lihat

Menerapkan prinsip-prinsip tersebut dalam

suatu laporan penelitian mungkin terlihat
seperti ini

Pragnanz Continuation and

Pola yang lebih closure
sederhana diperhatikan Poin, ketika terhubung,
sebelum yang lain, pola menghasilkan kontur.
yang lebih kompleks. Kontur-kontur ini
Persepsi visual mengikuti jalan yang
mereduksi pola menjadi paling halus dan bahkan
struktur yang paling menipu mata untuk
sederhana memahami hal-hal yang
tidak ada di sana. Ini
termasuk "melengkapi"
angka, bahkan jika ada
bagian yang hilang.
| 3
Memahami apa yang
kita lihat… (lanjutan).
Menerapkan prinsip-prinsip tersebut dalam
suatu laporan penelitian mungkin terlihat
seperti ini

Common region Connectedness

Unsur-unsur yang Wilayah properti visual
dikelompokkan bersama yang terhubung
dalam suatu wilayah dianggap sebagai satu
dianggap milik bersama unit

Common fate & Synchronicity

Elemen yang bergerak bersama atau berubah
bersama (mis. Lampu berkedip) dianggap milik
bersama.

| 4
Memahami apa yang
kita lihat… (lanjutan).

Meaningfulness and familiarity

Elemen visual lebih mungkin dianggap sebagai
suatu kelompok jika kelompok tersebut tampak
jelas atau familiar.

Bagan di samping memainkan konsep familiaritas.

Karena warna MERAH dikaitkan dengan sesuatu
yang buruk (dalam banyak budaya), warna
tersebut menarik perhatian pada bulan-bulan
dengan kinerja yang buruk.
| 5
Memahami apa yang
kita lihat… (lanjutan).

Menggabungkan prinsip Similarity

dan Proximity
Similarity
Elemen yang secara visual serupa, tampak dikelompokkan
bersama.

Proximity
Elemen-elemen yang secara
visual dikelompokkan bersama
dianggap sebagai milik
bersama

| 6
Pre-Attentive
Attributes

| 7
Beberapa elemen
Proximity vs. Similarity:
yang menarik Siapa yang menang?
perhatian lebih
banyak
Pre-attentive attributes
Riset tentang bagaimana sistem visual manusia menganalisis
gambar untuk menemukan sekumpulan properti visual terbatas
yang dideteksi dengan sangat cepat dan akurat oleh sistem visual
tingkat rendah. Ini adalah properti yang dianggap dimiliki pre-
Berapa banyak angka lima
attentive attributes. yang dapat kamu temukan?

Hal Ini penting untuk desain visualisasi karena memungkinkan kita

memahami:

• Apa yang dirasakan dengan segera

• Properti mana yang menjadi pembeda yang baik
• Apa yang bisa menyesatkan audiens
Mengetahui hal ini, kita dapat mengarahkan perhatian pada poin-
poin penting dalam cerita kita.

| 8
Menarik perhatian
Setidaknya ada 12 jenis pre-
attentive attribute. Kita dapat
menggunakan kombinasi
pemahaman kita tentang
prinsip-prinsip Gestalt dan pre- Line length Line width Orientation Shape
attentive attribute yang
ditempatkan secara strategis
untuk mengarahkan perhatian
audiens kita tanpa mengurangi
informasi penting apa pun.

2D position Size Additions Enclosure

Hanya beberapa pre-attentive
attributes yang dipersepsikan
kuantitatif. 2D position and Line
length merupakan yang terkuat Blinking
dianggap kuantitatif. Selain itu Flicker
Line width, Size and Intensity Direction
memiliki atribut pre-attentive
kuantitatif yang terbatas.
Intensity Hue Curvature / Motion
form

| 9
Penggunaan Pre-attentive
attributes
Persepsi yang cukup akurat: Persepsi dengan akurasi terbatas: perbedaan kecil jauh lebih
Kita dapat melihat perbedaan yang relatif kecil sulit untuk dipahami ketika hendak meihatnya pada sudut, slopes dan area.
dalam posisi atau panjang garis dan
mendapatkan "rasa" terhadap perbedaan
tersebut.

| 10
Pre-attentive attributes bukan Good Data storytelling contain text as well as graphs and
hanya terbatas pada grafik tables, so we can use pre-attentive features to highlight
specific sections, make larger chunks of text more digest-
able and direct attention

Elemen yang Kata-kata, huruf Memberi garis

dan angka yang bawah atau
lebih besar miring lebih membuat huruf
seperti huruf, angka, atau angka lebih
menonjol daripada
dan objek lebih tebal membuat
yang memiliki
menonjol daripada mereka lebih
orientasi reguler
yang lebih kecil. menonjol

Memilih font yang Menambahkan mengubah rona

berbeda , mengubah atau memberikan (warna) atau
bentuk grafik dan warna latar akan intensitas huruf
membirakan elemen
seperti huruf dan angka
membuatnya dan angka akan
menonjol dari yanglain. lebih menonjol membuatnya
menonjol

| 11
Penggunaan Pre-attentive
attributes
Fokus perhatian audiens terhadap
grafik yang dibuat

| 12
Penggunaan Pre-attentive
attributes
Batasi poin-poin data Anda

| 13
Penggunaan Pre-attentive
attributes
Berikan ruang bagi grafik yang
Anda buat

| 14