Dasar Psikologis: Pengantar Untuk Desain Antar Muka

Isman Hidayat SuryamanDindin Sjahril

Interaksi Manusia dan Komputer

Manfaat PemahamanDasar Psikologis

• Memahami dasar dari paradigma User-Centered Design

• Memperbesar kemungkinan usability• Pengguna lebih menyukai aplikasi kita• Menaikkan nilai jual kita sebagai pembuat

aplikasi

Objektif

• Mengetahui beberapa dasar psikologimanusia yang berhubungan dengankognitif

• Mengetahui relevansi dan contohkaitannya dengan peran sebagaipemrogram

• Membahas cara penyusunan psikografiscalon pengguna (target audience) aplikasi

I. Definisi ulang InteraksiManusia Komputer

Yang sering dilupakan…

• Interaksi Manusia dengan Manusia, dengan perantara komputer

• Kunci interaksi: Komunikasi• Komunikasi Dua arah

1. Instruksi jelas

2. Hukum Newton pada aplikasiTiap aksi ada reaksi

Tujuan IMK: Bagaimanamenyusun antarmuka

yang dapat memudahkanpenggunaan

II. Tahap PemrosesanInformasi pada manusia

4. Aksi

1. Menangkapinformasi

3. Pengambilankeputusan

2.Perbandingan

Diskusi bersama: Aparelevansinya dengan

pengembangan software?

1. Bagaimana kitamenangkap informasi?

#2Jalanpersepsimenemukanmaknaseringkalisatu arah

#1Otakcenderungmencarimakna

Konsekuensi terhadap IMK: Jangan sampai terdapat

kesalahan persepsi!

Musuh dalam selimut IMK: Ambiguitas

Ambiguitas dalam Gambar: Bebek atau Kelinci?

Tidak Hanya Gambar

Semantik: “Tidak membuat kulit kering danharum.”

Intonasi: “Selamat datang Bulan Ramadhan,”dan “Selamat datang Bulan Ramadhan”

Tombol: Aktif atau tidak?

2. Apa sebenarnya yang terjadi pada tahap

Perbandingan?

Makna yang ditangkaptersebut kita bandingkan

dengan pengetahuanumum (pengalaman, persepsi lama, dll)

Relevansi pada IMK: Metafora Antarmuka!

Yang perlu ditanggulangi: Perbedaan pengetahuan

umum atau sudutpandang.

Karena ini mempengaruhitahap 3, Pengambilan

Keputusan. Dan dengansendirinya, 4. Aksi

Pengaruh Perbedaan Sudut PandangPada Pengambilan Keputusan

Contoh: Proses shutdown Windows

Cara menanggulangi: Penyusunan Profil Target

Audience(TA)/Psikografis

III. Penggunaan AspekKognitif sebagaiPembelajaran

Kunci: Menarik perhatiandan memanfaatkan daya

ingat

“99% Pembelajaranberlangsung tanpa

sadar.”

1. Perhatian

Manusiaotomatismenjadipenuh

perhatianpada situasiyang penting

untukbertahan

hidup

Singkatnya, kita akanmenjadi lebihperhatian…

…di saatadanya perubahan

Klik di sini

Gunakan efek perubahan untukmengarahkan perhatian

Perhatian jugakita berikan…

…saat adaManfaat bagi kita

Diskusi bersama: Contohrelevansi dengan

pengembangan software?

2. Daya Ingat

Hapalkan huruf-huruf inidalam waktu 30 detik! (urutan tidak masalah)

m g g u h a p d i n r i a a u u u k t r t h a y a k k e o t a m k a u d I k

d u u d k n k a i d m n i e a l i s m t w a e

Pada hari Minggu kuturut ayah kekota naik delman istimewa

kududuk di muka

Ingat kembali: Otakcenderung mencari

makna.

Perang Nama Domain Terpanjang

• http://www.llanfairpwllgwyngyllgogerychwyrndrobwyll-llantysiliogogogoch.com/

• http://www.thelongestdomainnameintheworldandthensomeandthensomemoreandmore.com/

Pendek Tapi Kuat

• http://www.google.com• http://www.yahoo.com• http://www.blogger.com

Pernahkan Anda mengalami ini?

• Ingat wajah seseorang tapi lupanamanya?

• Ingat suatu iklan TV yang lucu tapi tidakingat nama produknya?

Gunakan Visual Untuk MemperkuatDaya Ingat

• Otak dapat mengingat 36.000 gambar per jam.

• Persentasi keberhasilan mengulangingatan jangka panjang untuk gambaradalah 85% - 99%

Cara lain untuk mengingat

• Menggunakan perulangan• Menggunakan perulangan• Menggunakan perulangan

Fungsi Kognitif Warna

Pendukung PenangkapanInformasi secara visual

Sekaligus BahanPerbandingan

Kemajuan Akhir

√ Mengetahui beberapa dasar psikologimanusia yang berhubungan dengankognitif

√ Mengetahui contoh kaitannya dengantugas sebagai programmer

√ Membahas cara penyusunan psikografiscalon pengguna (target audience) aplikasi

Tujuan IMK: Bagaimanamenyusun antarmuka

yang dapat memudahkanpenggunaan

Jangan Lupa!