Persepsi Visual

Memory
Preattentive Properties
Mapping Data to PreattentiveAttributes
Postattentive Processing
Gestalt Principles
 Tujuan

• Setelah mempelajari materi ini, mahasiswa diharapkan:

• Mampu menerapkan konsep persepsi terhadap representasi visual
 Materi yang akan dipelajari

• Memory
• Preattentive Properties
• Mapping Data to Preattentive Attributes
• Postattentive Processing
• Gestalt Principles
 Apa Persepsi Visual?

• Kemampuan otak dalam menerjemahkan stimulus

• Proses untuk menerjemahkan atau menginterpretasikan stimulus
yang masuk dalam alat indera
Proses Persepsi Visual?
 Apa Itu Memory?

• Pada komputer, memori adalah bagian dari perangkat keras untuk

menyimpan data dan dapat diakses berdasarkan permintaan
• Dalam organisme, memori adalah fungsi otak, yang tidak hanya
dapat menyimpan informasi, tetapi juga untuk memproses dan
bernalar, dan merupakan landasan bersama untuk persepsi,
kategorisasi, interpretasi, pemikiran, dll, semuanya dalam satu
kesatuan organ (meskipun aktivitas tertentu terlokalisasi di area
tertentu di otak)
Fungsi Memory (Otak)

• Menyampaian informasi
• Memproses informasi
• Bernalar
• merupakan landasan untuk persepsi, kategorisasi, interpretasi,
pemikiran, dll. dalam satu kesatuan organ
Jenis Memory
• Memory sensorik
• Memori sensorik adalah kemampuan otak untuk mempertahankan impresi sinyal yang datang dari organ sensor untuk
waktu yang sangat singkat, antara 250 dan 500 milidetik atau kurang. Memori sensorik visual lebih sering disebut
sebagai memori ikonik. Jenis memori ini mampu menyimpan informasi visual dari mata, terlepas dari kendali
kesadaran, dan secara otomatis. Untuk alasan ini, pemrosesan yang berlangsung dalam memori ikonik disebut
pemrosesan preattentive, karena diproses tanpa perlu perhatian terfokus (Anne Treisman, 1985). Selama pemrosesan
preattentive, hanya sekumpulan atribut visual yang terdeteksi. Fitur dasar tersebut meliputi warna, penutupan, ujung
garis, kontras, kemiringan, kelengkungan, dan ukuran (Anne Treisman, 1985).

• Memory jangka pendek

• Memori ini memiliki kapasitas penyimpanan yang terbatas (beberapa eksperimen menunjukkan bahwa penyimpanan memori jangka pendek
adalah antara lima dan sembilan item berbobot sama, sadar, dan melibatkan proses persepsi yang penuh perhatian. Kapasitas memori
jangka pendek dapat ditingkatkan ketika informasi diatur dalam potongan-potongan, seperti ketika kita menghafal nomor telepon: Dengan
menghafal nomor sebagai beberapa potongan dua atau tiga angka, lebih mudah untuk mengingat daripada ketika kita mencoba menghafal
itu sebagai urutan angka sederhana. Dalam representasi visual, contoh potongan informasi adalah ketika, dalam diagram batang, kami
menyandikan atribut kategorikal dengan batang dengan warna berbeda. Sepotong informasi (misalnya, informasi yang disandikan dengan
bilah berwarna biru) dapat disimpan dalam memori pendek pemirsa dengan sangat efisien. Namun, penting untuk tidak memberikan
potongan yang berlebihan yang harus disimpan pemirsa dalam memori.

• Memory jangka panjang

• Memori jenis ini dapat menyimpan informasi selama bertahun-tahun, bahkan seumur hidup, dan disebut memori jangka panjang. Ingatan
jangka pendek menjadi jangka panjang dengan memperkuat struktur sinapsis saraf melalui proses yang disebut potensiasi jangka panjang.
Preattentive Properties

• Warna

• Bentuk

• Gerakan

• Posisi Spasial
Preattentive Properties

• Warna
Warna dapat diekspresikan dalam model
matematika yang berbeda. Salah satunya adalah
sistem warna HSL, yang berarti hue, saturation,
dan lightness
Preattentive Properties

• Bentuk; atribut preattentive bentuk seperti tercantum dalam tabel

dan contoh gambar berikut:
Preattentive Properties

• Gerakan

Atribut gerakan adalah flicker dan motion.

Ini adalah cara paling efektif untuk menarik perhatian kita.
Sering disalahgunakan di situs web (iklan yang berubah-ubah selalu mengganggu),
iklan digunakan di dasbor sebagai penarik perhatian yang kuat dalam situasi yang
membutuhkan intervensi pengguna segera
Preattentive Properties

• Posisi Spasial
Preattentive Properties

• Posisi Spasial; atribut preattentif posisi spasial

Preattentive Properties

• Posisi Spasial
Preattentive Properties

• Posisi Spasial
Preattentive Properties

• Posisi Spasial
Preattentive Properties

• Posisi Spasial
Mapping Data to PreattentiveAttributes

• Perancang aplikasi visual harus mempertimbangkan dengan cermat

atribut yang akan dipetakan ke dalam presentasi visual dan
memutuskan properti grafis mana yang akan digunakan untuk
setiap atribut data
• atribut-atribut preattentif visual sangat kuat, karena atribut-
atribut itu langsung dirasakan tanpa perlu perhatian sadar
Postattentive Processing

• Aspek postattentive processing (pemrosesan pasca-perhatian);

berdasarkan penelitian Wolfe et al dinyatakan bahwa perhatian
tidak memiliki efek kumulatif pada persepsi visual
Gestalt Principles

• Proximity
• Similarity
• Connectedness
• Continuity
•  Closure
• Symmetry
 Gestalt Principles

• Proximity;
(kedekatan) yaitu kecenderungan kita mengelompokkan objek satu
dengan lainnya yang berdekatan letaknya
Atau dengan kata lain: Prinsip proximity menyatakan bahwa ketika
elemen ditempatkan berdekatan, mereka cenderung dianggap
membentuk kelompok
Gestalt Principles

• Similarity;
(Kesamaan/mirip) yaitu kecenderungan kita mengelompokkan objek
satu dengan lainnya yang mirip (memiliki kesamaan)
Gestalt Principles

• Connectedness;
(Keterhubungan) yaitu kecenderungan kita mengelompokkan
objek yang terhubung
Gestalt Principles

• Continuity
(keberlanjutan) yaitu kecenderungan kita menghubungkan objek
yang terpisah/gap agar berlanjut
Gestalt Principles

•  Closure
• Prinsip penutupan menyatakan bahwa ketika suatu objek tidak
lengkap, atau ruangnya tidak benar-benar tertutup, dan ada cukup
elemen, maka bagian-bagiannya cenderung tertutup
dikelompokkan bersama sehingga terlihat utuh keseluruhan objek
Gestalt Principles

• Symmetry
Contoh:
Contoh:
Contoh:
Contoh:
Latihan:

• Bandingkan dua dasar grafik dalam EDA: Grafik Batang dan

Grafik Garis
Latihan:
Latihan:
Terima kasih
 asih
m a k
Ter i

Persepsi Visual
Memory
Preattentive Properties
Mapping Data to PreattentiveAttributes
Postattentive Processing
Gestalt Principles