Dasar Psikologis: Pengantar Untuk Desain Antar Muka

Transkripsi

1 Interaksi Manusia dan Komputer Dasar Psikologis: Pengantar Untuk Desain Antar Muka Isman Hidayat Suryaman Dindin Sjahril

2

3 Manfaat Pemahaman Dasar Psikologis Memahami dasar dari paradigma User- Centered Design Memperbesar kemungkinan usability Pengguna lebih menyukai aplikasi kita Menaikkan nilai jual kita sebagai pembuat aplikasi

4 Objektif Mengetahui beberapa dasar psikologi manusia yang berhubungan dengan kognitif Mengetahui relevansi dan contoh kaitannya dengan peran sebagai pemrogram Membahas cara penyusunan psikografis calon pengguna (target audience) aplikasi

5 I. Definisi ulang Interaksi Manusia Komputer

6 Yang sering dilupakan Interaksi Manusia dengan Manusia, dengan perantara komputer Kunci interaksi: Komunikasi Komunikasi Dua arah

7 1. Instruksi jelas

8 2. Hukum Newton pada aplikasi Tiap aksi ada reaksi

9 Tujuan IMK: Bagaimana menyusun antarmuka yang dapat memudahkan penggunaan

10 II. Tahap Pemrosesan Informasi pada manusia

11 1. Menangkap informasi 2.Perbandingan 3. Pengambilan keputusan 4. Aksi

12 Diskusi bersama: Apa relevansinya dengan pengembangan software?

13 1. Bagaimana kita menangkap informasi?

14 #1 Otak cenderung mencari makna #2 Jalan persepsi menemukan makna seringkali satu arah

15 Konsekuensi terhadap IMK: Jangan sampai terdapat kesalahan persepsi!

16 Musuh dalam selimut IMK: Ambiguitas

17 Ambiguitas dalam Gambar: Bebek atau Kelinci?

18

19 Tidak Hanya Gambar Semantik: Tidak membuat kulit kering dan harum. Intonasi: Selamat datang Bulan Ramadhan, dan Selamat datang Bulan Ramadhan Tombol: Aktif atau tidak?

20 2. Apa sebenarnya yang terjadi pada tahap Perbandingan?

21 Makna yang ditangkap tersebut kita bandingkan dengan pengetahuan umum (pengalaman, persepsi lama, dll)

22 Relevansi pada IMK: Metafora Antarmuka!

23 Yang perlu ditanggulangi: Perbedaan pengetahuan umum atau sudut pandang.

24 Karena ini mempengaruhi tahap 3, Pengambilan Keputusan. Dan dengan sendirinya, 4. Aksi

25 Pengaruh Pada Pengambilan Perbedaan Sudut Keputusan Pandang

26 Contoh: Proses shutdown Windows

27 Cara menanggulangi: Penyusunan Profil Target Audience (TA)/Psikografis

28 III. Penggunaan Aspek Kognitif sebagai Pembelajaran

29 Kunci: Menarik perhatian dan memanfaatkan daya ingat

30 99% Pembelajaran berlangsung tanpa sadar.

31 1. Perhatian

32 Manusia otomatis menjadi penuh perhatian pada situasi yang penting untuk bertahan hidup

33 Singkatnya, kita akan menjadi lebih perhatian di saat adanya perubahan

34 Klik di sini Gunakan efek perubahan untuk mengarahkan perhatian

35 Perhatian juga kita berikan saat ada Manfaat bagi kita

36 Diskusi bersama: Contoh relevansi dengan pengembangan software?

37 2. Daya Ingat

38 Hapalkan huruf-huruf ini dalam waktu 30 detik! (urutan tidak masalah) m Pada g g u hari h a Minggu p d i n kuturut r i a a u ayah u u k ke t r t h kota a y a naik k k delman e o t a m istimewa k a u d I k d u u d k kududuk n k a i d di m muka n i e a l i s m t w a e

39 Ingat kembali: Otak cenderung mencari makna.

40 Perang Nama Domain Terpanjang rndrobwyll-llantysiliogogogoch.com/ rldandthensomeandthensomemoreandmor e.com/

41 Pendek Tapi Kuat

42 Pernahkan Anda mengalami ini? Ingat wajah seseorang tapi lupa namanya? Ingat suatu iklan TV yang lucu tapi tidak ingat nama produknya?

43 Gunakan Visual Untuk Memperkuat Daya Ingat Otak dapat mengingat gambar per jam. Persentasi keberhasilan mengulang ingatan jangka panjang untuk gambar adalah 85% - 99%

44 Cara lain untuk mengingat Menggunakan perulangan Menggunakan perulangan Menggunakan perulangan

45 Fungsi Kognitif Warna

46 Pendukung Penangkapan Informasi secara visual Sekaligus Bahan Perbandingan

47

48 Kemajuan Akhir Mengetahui beberapa dasar psikologi manusia yang berhubungan dengan kognitif Mengetahui contoh kaitannya dengan tugas sebagai programmer Membahas cara penyusunan psikografis calon pengguna (target audience) aplikasi

49 Jangan Lupa! Tujuan IMK: Bagaimana menyusun antarmuka yang dapat memudahkan penggunaan