Introduction to Human Computer Interaction 1 Introduction to

Introduction to Human Computer Interaction 1

Introduction to HCI Users User Interface Design Human-Computer Dialogue Interaction Devices and Input-Output Interaction Design Support Prototyping Evaluation Usability Concept Web Usability E-Commerce Site Design Information Search and Visualization Multimedia Interface Design Groupware and CSCW 2

� Preece, J. et-al. 1994, Human-Computer Interaction, Addison-Wesley, Wokingham � Dix, A, Finlay, J. , Abowd, G. & Beale, R. 2004, Human-Computer Interaction, 3 rd ed. , Prentice Hall, New York 3

� Tahun 1950/60 an �Harga komputer & kelengkapannya sangat mahal �Komputer hanya dioperasikan oleh orang yang berkeahlian � Tahun 1990/2000 an �Harga komputer & kelengkapannya cukup murah (terjangkau) �Komputer dioperasikan oleh semua kalangan 4

� Sangat diperlukan suatu interface dari komputer yang intuitive (mudah ditebak) dan jelas sehingga bisa dipakai oleh segala jenis user. Kenyataannya: � banyak sistem komputer yang desainnya kurang memenuhi syarat tersebut, dimana interfacenya rumit, tidak standart, kurang efisien, dan lain. Tantangan: � Harus mengikuti perkembangan teknologi komputer dan meningkatkan desain interface dari sistem komputer sehingga bisa memaksimalkan fungsinya bagi user. 5

� Ilmu yang mempelajari interaksi antara manusia dengan sistem yang berbasis komputer � 2 prinsip HCI (Norman 1988, 1992): �Visibility �Affordance 6

� Visibility: ada pemetaan yang baik antara kontrol dan efeknya. �Orientasi pada pengoperasian, misalnya 1 tombol digunakan untuk satu fungsi. �Handphone, visibilitynya kurang baik karena 1 tombol dipakai untuk banyak fungsi. 7

Apa yang bisa kita lakukan dengan tombol ini? Misalkan tombol ini adalah tombol yang ada di dalam lift. Tombol mana yang akan kita tekan apabila kita akan menuju ke lantai 6? 8

Dengan warna atau gambar yang ada di samping konektor, kita akan dengan mudah menebak apa fungsi konektor (satu untuk disambungkan ke keyboard dan satu untuk disambungkan ke mouse) 9

� Affordance: pemilihan komponen yang tepat dengan fungsinya. �Orientasi pada hasilnya, supaya user tahu apa yang harus dilakukan. �Misal, pembedaan warna untuk text yang bisa di klik. 10

� Apa yang ada dalam pikiran kita saat melihat benda-benda ini? 11

� Apa yang kita lakukan? 12

13

� 1970 an: User Interface, atau Man. Machine Interface (MMI) �Aspek-aspek dari sistem yang bisa menghubungkan mesin dan manusia. Mobil : stir, rem, gas, dan sebagainya Video player: tombol play, stop, dan sebagainya � 1990 luas an : HCI, dengan fokus yang lebih �Bukan hanya user interface, tapi juga aplikasi, evaluasi, relasi terhadap interaksi manusia dan komputer 14

� Harus dapat mengikuti perkembangan teknologi. �Perkembangan teknologi menyebabkan adanya perbedaan kebutuhan dan keahlian. �Misal, dulu pesawat telpon hanya bisa untuk dial dan terima panggilan saja, tapi sekarang bisa untuk telekonference, sms, dan sebagainya. Dengan demikian perlu desain pesawat yang sesuai dengan fungsinya. � Mempertahankan agar kualitas tetap baik. 15

�Meningkatkan usability ( terutama) �Meningkatkan produktifitas �Misal, dulu 10 report/hari dan sekarang bisa 15 report/hari �Meningkatkan keamanan, menjaga kesehatan dan keselamatan user �Misal, kebocoran nuklir, listrik mati 1 kota �Mengurangi biaya �Mudah dipelajari dan dipakai 16

Harus : � Mengerti faktor-faktor yang mempengaruhi HCI � Mengetahui Teknik dan perkembangan tools � Memikirkan keamanan, keefektifan dan keefisienan 17

� Meningkatkan performansi � Contoh: Retrieving Information � Jumlah waktu yang dibutuhkan adalah: � Waktu untuk memformulasikan pencarian � Waktu untuk sistem mencari dan menampilkan informasi tersebut � Waktu bagi user untuk mengintepretasikan apa yang ditampilkan � Dapatkah total waktu tersebut lebih dipersingkat? ? ? 18

� Mempelajari manusia dan keterbatasannya � Mempelajari dialog box � Mempelajari evaluasi: apakah desain sudah memenuhi syarat? 19

� Konsep HCI: �Human, � Desain computer, interaction interface: �Usability, proses desain, pemodelan, dialog, teknik evaluasi, dan sebagainya � Topik lanjutan: �Groupware, CSCW, multimedia 20

� Individual user. � Sekelompok user yang bekerja dalam suatu team. � Sekelompok user dalam suatu organisasi yang saling berkaitan dalam mengerjakan suatu pekerjaan. 21

� Berbagai jenis komputer mulai dari desktop sampai large scale computer system. � Sistem untuk mengontrol suatu proses � Embedded system � Bagian non-komputer, termasuk orang lain. 22

� Komunikasi apapun antara seorang user dan komputer. �Direct: dialog dengan feedback dan kontrol dalam suatu task. �Indirect: background/batch processing 23

� meningkatkan kualitas interaksi manusia dan komputer. � Untuk itu perlu pengetahuan : �Tujuan manusia �Kemampuan & keterbatasan komputer �Mengerti lingkungan user �sosial 24

User ( terutama) Organizational Environment Health and Safety Comfort User Interface Task Constrains System Functionality Productivity 25

ORGANIZATIONAL FACTORS ENVIRONMENT FACTORS Training, deskripsi pekerjaan, aturan yang berlaku Suara, suhu udara, ventilasi dan pencahayaan HEALTH AND SAFETY FACTORS Proses cognitive & kemampuan Depresi, sakit kepala Motivasi, kepuasan, kemampuan, kepribadian dan level THE USER COMFORT FACTORS Tempat duduk, tata letak USER INTERFACE Input devices, output displays, dialogue structures, use of colour, icons, commands, graphics, natural language, 3 -D, user support materials, multimedia TASK FACTORS Pengalokasian tugas, pelaksanaan, dan pengawasan proses pengerjaan Monitoring, skills, components CONSTRAINTS Biaya, staff, jadwal penyelesaian, peralatan, struktur bangunan SYSTEM FUNCTIONALITY Perangkat keras, perangkat lunak dan aplikasi PRODUCTIVITY FACTORS Meningkatkan output, kualitas, mengurangi biaya kesalahan Mengurangi peralatan, mengurangi waktu pengerjaan Meningkatkan kreatifitas dan inovasi untuk menghasilkan produk baru yang lebih berkualitas 26

� Computer Science � Psychology � Software Engineering � Ergonomics � Cognitive Science � Artificial Intelligence � Social Science 27

� Berorientasi pada user (melibatkan user saat desain) � Mengintegrasi pengetahuan dari berbagai disiplin ilmu � Highly Iterative (setelah mendesain, lakukan testing, lalu redesain hingga benar-benar memenuhi kebutuhan user) 28

� Carilah 5 alat/komponen dalam suatu aplikasi dalam kegiatan anda sehari-hari � Analisalah tentang kegunaan dari alat/komponen tersebut � Adakah yang visibility nya rendah? Atau tinggi? � Apakah pemilihan komponennya sudah tepat? 29

� Preece, chapter 1, 2 30