PRINSIP-PRINSIP

KOGNITIF
DALAM DESAIN
INTERAKSI Disampaikan Oleh:
Harry B. Santoso,
PhD

PENDIDIKAN TEKNOLOGI INFORMASI

 AGEND
A
➔ Mengenal kognisi manusia
➔ Teori yang relevan dengan kognitif
➔ Kognitif dan desain interaksi
➔ Kemampuan dan keterbatasan
pengguna
➔ Penerapan kognitif dalam desain
interaksi
➔ Mental model secara umum

PENDIDIKAN TEKNOLOGI INFORMASI

PEMAHAMAN
UMUM
 APA ITU
KOGNISI?

https://blog.usertest.io/what-makes-a-good-ux-designer
PENDIDIKAN TEKNOLOGI INFORMASI /
 Sebuah proses ment “al atau
psikologis yang terjadi ketika
seseorang memahami atau memelajari
sesuatu

https://usabilitygeek.com/wp-content/uploa
PENDIDIKAN TEKNOLOGI INFORMASI ds/2017/09/ux-before-ui-main.jpg
PROSES YANG M ELIBATKAN
KOGNISI
 PROSES YANG MELIBATKAN
KOGNISI

ATENSI PERSEPSI MEMORI KEBAHASAAN METAKOGNISI

PENDIDIKAN TEKNOLOGI INFORMASI

 ATENS
I
Menyeleksi informasi sebagai pusat konsentrasi

PENDIDIKAN TEKNOLOGI INFORMASI

FAKTOR YANG MEMPENGARUHI
ATENSI

Bentuk informasi : Goal :

Menentukan fokus di Memilah mana
antara informasi yang informasi yang
relevan relevan
mana yang tidak

PENDIDIKAN TEKNOLOGI INFORMASI

 “
menyeleksi
Multitasker tingkat berat san gat mudah terdistraksi
informasi
dan sulit
Ophir et al (200)

https://usabilitygeek.com/wp-content/uploa
PENDIDIKAN TEKNOLOGI INFORMASI ds/2017/09/ux-before-ui-main.jpg
M encari tahu harga
double room di Quality
Inn, Pennsylvania

PENDIDIKAN TEKNOLOGI INFORMASI

 Apakah lebih mudah
dari yang sebelumnya
?

M encari tahu harga

double room di Holiday
Inn, Columbia

PENDIDIKAN TEKNOLOGI INFORMASI

“ Pengelompokan informasi
sesuai relevansi akan
mempercepat proses atensi
pengguna
Coba cari
‘Game Schedule’

PENDIDIKAN TEKNOLOGI INFORMASI

 Apakah lebih mudah
dari yang sebelumnya
?

Coba cari
‘Award Document’

PENDIDIKAN TEKNOLOGI INFORMASI

“
Penggunaan border dan spasi yang
tepat akan memberikan efek
‘pengelompokkan’ yang tegas
Yang
manakah
yang
lebih
nyaman?
PENDIDIKAN TEKNOLOGI INFORMASI
 Keterbacaan yang tepat mempermudah pemahaman pengguna terhadap maksud dan
fungsi

Semakin cepat pengguna menyeleksi informasi, semakin cepat pengguna mencapai

tujuannya

PENDIDIKAN TEKNOLOGI INFORMASI

ATENSI DAN EIGHT GOLDEN
RULES

Permit easy Support

reversal of actions internal locus
of control

PENDIDIKAN TEKNOLOGI INFORMASI

 PROSES YANG MELIBATKAN
KOGNISI

ATENSI PERSEPSI MEMORI KEBAHASAAN METAKOGNISI

PENDIDIKAN TEKNOLOGI INFORMASI

 PERSEPS
I
Memberikan arti atau pemahaman
pada suatu informasi

PENDIDIKAN TEKNOLOGI INFORMASI

 PERSEPSI DALAM
INFORMASI

Pengguna perlu memahami informasi yang diterima untuk memutuskan

apakah informasi tersebut dibutuhkan atau tidak

PENDIDIKAN TEKNOLOGI INFORMASI

“ Penting untuk memahami
apa yang pengguna pahami
dan menerapkannya ke dalam
desain
CONTOH PENERAPAN
PERSEPSI

Keranjang
untuk
menggambarka
n produk-
produk yang
akan dibeli

PENDIDIKAN TEKNOLOGI INFORMASI

 PERSEPSI DAN 8 GOLDEN
RULES

Enable Offer Design dialog

frequent informative to yield
users to use feedback closure
shortcut

PENDIDIKAN TEKNOLOGI INFORMASI

 PROSES YANG MELIBATKAN
KOGNISI

ATENSI PERSEPSI MEMORI KEBAHASAAN METAKOGNISI

PENDIDIKAN TEKNOLOGI INFORMASI

 MEMOR
I
Internalisasi dan eksternalisasi informasi

PENDIDIKAN TEKNOLOGI INFORMASI

 ISU TERKAIT MEMORI
(1)

Tidak dapat Lebih mudah

M emerluka recognize
mengingat
n (mengenali)
semua informasi
konteks dibanding recall
(mengingat)

PENDIDIKAN TEKNOLOGI INFORMASI

 ISU TERKAIT MEMORI
(2)
Informasi yang disimpan diseleksi dan
dibandingkan dengan pengetahuan yang
dimiliki sebelumnya
Tidak dapat
mengingat
semua informasi

PENDIDIKAN TEKNOLOGI INFORMASI

 ISU TERKAIT MEMORI
(3)

Memengaruhi sejauh mana informasi

yang disimpan diingat kembali

Memerlukan
konteks

PENDIDIKAN TEKNOLOGI INFORMASI

 ISU TERKAIT MEMORI
(4)
Otak harus melakukan depth
processing (mengakses informasi
yang disimpan secara mendalam)
Lebih mudah untuk recall
berada karena
di long-term
recognize storage
(mengenali)
dibanding recall
(mengingat)

PENDIDIKAN TEKNOLOGI INFORMASI

 CONTOH PENERAPAN MEMORI
(1)

Command line
interface untuk recall
perintah yang
dijalankan
PENDIDIKAN TEKNOLOGI INFORMASI
 CONTOH PENERAPAN MEMORI
(2)

Riwayat pencarian
membantu pengguna untk
recognize

PENDIDIKAN TEKNOLOGI INFORMASI

“ Sediakan informasi atau
desain sebagai trigger
pengguna untuk me-recognize
MEMORI DAN 8 GOLDEN
RULES

Strive for Reduce short-

consistenc term memory
y load

PENDIDIKAN TEKNOLOGI INFORMASI

 PROSES YANG MELIBATKAN
KOGNISI

ATENSI PERSEPSI MEMORI KEBAHASAAN METAKOGNISI

PENDIDIKAN TEKNOLOGI INFORMASI

 KEBAHASAA
N
Berbicara, mendengar, membaca

PENDIDIKAN TEKNOLOGI INFORMASI

 PROSES YANG MELIBATKAN
KOGNISI

ATENSI PERSEPSI MEMORI KEBAHASAAN METAKOGNISI

PENDIDIKAN TEKNOLOGI INFORMASI

 METAKOGNIS
I
Perencanaan, pengambilan keputusan,
menyelesaikan masalah

PENDIDIKAN TEKNOLOGI INFORMASI

 MENTAL
MODEL

Internal constructions of some aspect of th

Satu fenomena dapat direpresentasikan dengan

“ e external world enabling predictions

beberapa mental model

to be made
(Craik, 1943)
Satu mental model dapat digunakan untuk merepresentasikan beberapa fenomena

PENDIDIKAN TEKNOLOGI INFORMASI

Image and
Analogy
“ Supply and demand
merupakan mental model
yang merepresentasikan
bagaimana
ekonomi bekerja
“
Dalam psikologi, loss aversion
digunakan untuk
merepresentasikan
kecenderungan manusia
menghindari kerugian
 DEE SHALLO
P W
Supply dan demand Jalan setapak
merupakan konsep menggambarkan
yang melingkupi user experience,
proses end-to-end VS tapi tidak
dan digunakan di Menggambarkan
segala macam bisnis bagaimana user
experience bekerja
(salah satu contoh
UX yang buruk)
PENDIDIKAN TEKNOLOGI INFORMASI
 ISU MENTAL
MODEL

AKURASI KEMIRIPAN KEDALAMAN

Generalisasi banyak Terbatas pada Tidak dapat
fenomena dengan persepsi dan merepresentasikan
hanya sebuah mental pengetahuan dengan detail sesuai
model pembuat mental fenomena asli terjadi
model jika fenomena terlalu
spesifik

PENDIDIKAN TEKNOLOGI INFORMASI

 KOGNISI
TERDISTRIBUSI
Pengetahuan dan proses
kognitif tidak terjadi
semata
-mata di dalam kepala,
namun merupakan hasil
melalui berbagai obyek,
manusia, artefak, atau
alat di sekitar

PENDIDIKAN TEKNOLOGI INFORMASI

“
Semakin sering interaksi terjadi
dengan lingkungan, semakin
dalam pemahaman atau
pengetahuan yang dimiliki
 KOGNITIF
EKSTERNAL
Bagaimana manusia berinteraksi dengan representasi eksternal (peta, diagram)
dan
berfungsi untuk mengurangi memory load (catatan belanja, pengingat deadline)

PENDIDIKAN TEKNOLOGI INFORMASI

 COMPUTATIONAL
OFFLOADING
Kebutuhan akan alat bantu untuk mengeksternalisasi kognisi.
Contohnya
adalah pulpen dan kertas untuk membuat catatan belanja

PENDIDIKAN TEKNOLOGI INFORMASI

 ANOTASI DAN COGNITIVE
TRACING
ANOTASI
Melibatkan perubahan
representasi yang ada dengan
memberikan tanda, misalkan
checklist dan garis bawah
PENDIDIKAN TEKNOLOGI INFORMASI
COGNITIVE TRACING
Melibatkan manipulasi
komponen representasi ke
dalam urutan baru, misalkan
pekerjaan yang selesai
dipindahkan ke urutan bawah
pada aplikasi