Interaksi Manusia dan Komputer - part 2 Danny Kriestanto, S.Kom., M.Eng.

Presentasi berjudul: "Interaksi Manusia dan Komputer - part 2 Danny Kriestanto, S.Kom., M.Eng."— Transcript presentasi:

1 Interaksi Manusia dan Komputer - part 2 Danny Kriestanto, S.Kom., M.Eng

2 Saluran Input-Output Manusia Input Mata Telinga Hidung Lidah Kulit Output Tangan/jari Suara

3 Model Pengolahan Informasi pada Manusia Faktor utama yang dominan dalam interaksi manusia dan komputer adalah faktor kognisi. Pada awal tahun 1960 dan1970-an paradigma utama dalam psikologi kognisi adalah mencari karakter manusia sebagai pengolah informasi. Segala sesuatu yang diindera (penglihatan, pendengaran, sentuhan, bau dan rasa) dianggap sebagai informasi yang akan diolah oleh otak.

4 Semua yang dilihat oleh mata diintrepretasikan oleh otak. Namun otak dapat ditipu oleh apa yang dilihatnya. Ide dasarnya adalah bahwa informasi masuk dan keluar dari pikiran manusia melalui sederet langkah proses yang urut.

5 Model Pengolahan Manusia Dua hal penting yang dapat ditambahkan pada model dasar pengolahan pada manusia adalah pengolahan atas perhatian dan ingatan(memory). Pada model ini kognisi dapat dipandang berdasarkan:

6 Kognisi 1.Bagaimana informasi dirasakan oleh pengolah persepsi 2.Bagaimana perhatian terhadap informasi 3.Bagaimana informasi diproses dan disimpan di dalam memori

7 Model Kognisi pada Manusia

8 Model Memori Register sensori, yang menerima informasi dari luar dan akan memegang informasi untuk waktu singkat(dalam sepersepuluhan detik) Memori jangka pendek, yang menyimpan informasi terbatas untuk periode pendek(beberapa detik) Memori jangka panjang, yang akan menyimpan informasi dalam jangka yang tidak dapat ditentukan

9 Model Memori

10 Persepsi Visual Mata manusia terutama digunakan untuk menghasilkan persepsi yang terorganisir akan: gerakan ukuran Bentuk/pola jarak Posisi relatif tekstur, dan warna

11 Persepsi Visual

12 Efek Ilusi pada Mata

13 Medan Penglihatan Medan penglihatan adalah sudut yang dibentuk ketika mata bergerak ke kiri terjauh dan ke kanan terjauh, yang dapat dibagi menjadi empat wilayah: 1.Wilayah tempat kedua bola mata mampu melihat sebuah obyek dalam keadaan sama, disebut juga penglihatan binokuler 2.Wilayah terjauh yang dapat dilihat oleh mata kiri ketika mata kiri digerakkan ke sudut paling kiri, disebut juga penglihatan monokuler kiri. 3.Wilayah terjauh yang dapat dilihat oleh mata kanan ketika mata kanan digerakkan ke sudut paling kanan, disebut juga penglihatan monokuler kanan. 4.Wilayah buta, yakni wilayah yang sama sekali tidak dapat dilihat oleh kedua mata kita

14 Sudut Penglihatan Sudut penglihatan (visual angle) didefinisikan sebagai sudut yang terjadi saat mata melihat obyek di hadapannya secara vertikal. Ketajaman penglihatan (visual acuity) adalah sudut penglihatan minimum ketika mata masih dapat melihat obyek dengan jelas.

15 Teori Persepsi Visual Terdapat dua teori pendekatan yang menjelaskan tentang bagaimana cara manusia melihat suatu obyek: Teori Konstruktif Teori Ekologi

16 Teori Konstruktif Sistem visual manusia akan menyusun suatu model dari dunia dengan mentransformasi, memperbaiki, mendistorsi, dan membuang informasi.

17 Teori Ekologi Asumsi utama pendekatan ini adalah bahwa persepsi melibatkan intervensi dari representasi dan ingatan. Efek dari konstruksi adalah untuk menyediakan kepada kita gambaran yang lebih konstan dari dunia dibanding jika hanya mengandalkan citra yang dilihat dari retina mata kita. Oleh karena itu kita melihat bangunan selalu tidak berubah dan orang terlihat mempunyai ukuran dan bentuk yang sama, meskipun kita melihat dari berbagai posisi dan jarak.

18 Warna Ketajaman Pandangan adalah kemampuan untuk mempersepsikan detail yang sangat baik, dengan keterbatasan pandang yang dapat dilakukan oleh mata untuk memberikan gambaran dari objek yang yang dipandang dengan jelas dan detail. Ketajaman pandangan dipengaruhi oleh brightness (kecerahan) dan luminance (kejelasan). Selain itu, ketajaman juga dipengaruhi oleh warna.

19 Warna Hue (corak): bentuk bermacam-macam warna dalam corak yang berbeda. Semakin tinggi nilainya, semakin cerah dan jelas warnanya. Saturation (kejenuhan atau jumlah putih pada warna): semakin sedikit saturation, semakin gelap warnanya.

20 Aspek Psikologis Warna 1.Hindari penggunaan warna yang tajam secara simultan. 2.Hindari warna biru murni untuk teks, garis tipis, dan bentuk yang sangat kecil. 3.Hindari penggunaan warna biru yang berdekatan. 4.Perlu pengaturan cahaya di dalam ruangan karena warna akan berubah ketika cahaya berubah. 5.Hindari penempatan warna merah dan hijau secara berseberangan pada tampilan berskala besar. Gunakan biru dan kuning.

21 Aspek Kognitif 1.Jangan menggunakan warna yang berlebihan. 2.Warna yang sama membawa kesan yang berbeda untuk hal yang berbeda 3.Urutan warna sesuai dengan posisi spektralnya. 4.Kecerahan dan saturasi akan menarik perhatian 5.Waspada terhadap manipulasi warna secara tidak linear pada layar tampilan dan bentuk cetakan.

22 Lingkaran Warna

23 Luminans Luminans adalah besar intensitas cahaya yang dipantulkan atau dihasilkan oleh permukaan obyek Semakin besar luminans suatu obyek, rincian (detail) obyek yang dapat dilihat oleh mata juga akan semakin bertambah, namun jika terlalu besar justru akan berlaku sebaliknya

24 Luminans Semakin besar luminans, maka diameter anak- mata (pupil) akan semakin mengecil, sehingga intensitas cahaya yang diterima retina tidak terlalu besar, dan akan meningkatkan kedalaman fokusnya (deep of field) Hal yang sama terjadi pada kamera saat kita mengatur diafragma pada lensa, semakin kecil diafragma, maka besar intensitas cahaya yang masuk akan semakin kecil juga, namun kedalamannya(deep of field) semakin besar.

25 Kontras Kontras adalah hubungan antara intensitas cahaya yang dikeluarkan atau dipantulkan oleh suatu obyek dengan intensitas cahaya dari latar belakang(background) obyek tersebut.

26 Kecerahan (Brightness) Kecerahan (brightness) adalah tanggapan subyektif mata terhadap cahaya yang dipancarkan atau dipantulkan obyek Tidak ada arti khusus dari tingkat kecerahan seperti pada luminans, sehingga nilai kecerahan suatu obyek tidak dapat diukur(tidak mempunyai satuan), atau bersifat kualitatif subyektif. Secara umum luminans yang tinggi berimplikasi pada kecerahan yang tinggi pula.

27 Persepsi Perseptual Cahaya The Colors of Visible Light Spectrum

28 Reg, Green, Blue

29 Susunan Citra RGB dan Piksel pada LCD

30 Representasi Bit Warna (0, 0, 0) is black (255, 255, 255) is white (255, 0, 0) is red (0, 255, 0) is green (0, 0, 255) is blue (255, 255, 0) is yellow (0, 255, 255) is cyan (255, 0, 255) is magenta

31 Model Sistem Pengolahan pada Manusia dan Komputer