Introduction to HCI

37
Human Computer Interaction Introduction to Human Computer Interaction

description

Human Computer Interaction for beginner.Teknik Informatika

Transcript of Introduction to HCI

Page 1: Introduction to HCI

Human Computer Interaction

Introduction to Human Computer Interaction

Page 2: Introduction to HCI

Silabus Mata Kuliah

• Tujuan– Mahasiswa mampu memahami konsep

interaksi antara manusia dan komputer– Mahasiswa mampu menerapkan konsep

interaksi antara manusia dan komputer untuk merancang suatu model interaksi antara manusia dan komputer dengan baik

Page 3: Introduction to HCI

Latar Belakang

• Perkembangan teknologi komputer memungkinkan hampir setiap orang berinteraksi dengan komputer.

• Saat ini user komputer sangat bervariasi mulai dari ahli komputer sampai pemakai awam komputer.

• Diperlukan suatu interface dari komputer yang intuitive (mudah ditebak) dan jelas sehingga bisa dipakai oleh segala jenis user.

Page 4: Introduction to HCI

Syllabus

• 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

Page 5: Introduction to HCI

Assessments

• Tugas mandiri

• Tugas kelompok

• Partisipasi / kehadiran

• Mid Semester

• Akhir Semester

• Tugas tambahan

Page 6: Introduction to HCI

Referensi

• Preece, J. et-al. 1994, Human-Computer Interaction, Addison-Wesley, Wokingham

• Dix, A, Finlay, J., Abowd, G. & Beale, R. 2004, Human-Computer Interaction, 3rd ed., Prentice Hall, New York

Page 7: Introduction to HCI

Perkembangan komputer digital dan pemakainya

•Tipe Komputer •Tahun •Pemakai Utama •Keterangan

•Riset •1950-an •Ahli matematika dan peneliti (scientist)

•Size, reliability, pemakai harus mempelajari setiap detail dari pemrograman

•Mainframe •1960 dan 1970-an

•Ahli pemrosesan data yang menyediakan service bagi pelanggan

•Pengguna hasil output komputer (business managers) kurang puas dengan adanya delay, biaya dan ke-tidak-fleksibel-an komputer

•Minicomputer •1970-an •Ahli teknik dan lainnya (non-komputer)

•Pemakai komputer masih harus mengerti pemrograman; usability mulai menjadi masalah

•Microcomputer (dan aplikasinya)

•1980-an •Hampir semua orang •Karena itulah usability menjadi masalah UTAMA!

Page 8: Introduction to HCI

1970s Screen

Page 9: Introduction to HCI

1980s Screen

Page 10: Introduction to HCI

1990s Screen

Page 11: Introduction to HCI

Design Interface Kasir

Page 12: Introduction to HCI
Page 13: Introduction to HCI
Page 14: Introduction to HCI
Page 15: Introduction to HCI
Page 16: Introduction to HCI
Page 17: Introduction to HCI
Page 18: Introduction to HCI

Future Of Computers

Page 19: Introduction to HCI

Interaksi Manusia Komputer (IMK)

• IMK secara umum adalah bidang studi yang mempelajari, manusia, teknologi komputer dan interaksi dari kedua belah pihak.

• IMK bisa didefinisikan sebagai ‘disiplin ilmu yang mempelajari desain, evaluasi, implementasi dari sistem komputer interaktif untuk dipakai oleh manusia, beserta studi tentang faktor-faktor utama dalam lingkungan interaksinya.’

Page 20: Introduction to HCI
Page 21: Introduction to HCI

Human-Machine Fit and Adaptation Social Organization and Work

Application Areas

Human Information

Processing

Language, Communication and

Interaction Ergonomics

Input and

Output Devices Dialogue Genre

Computer Graphics

Dialogue Architecture

Evaluation

Techniques Implementation

Techniques and Tools

Example Systems

and Case Studies Design

Approaches

Dialogue Techniques

Use and Context

Page 22: Introduction to HCI

Konsep Dasar IMK• Tujuan IMK

– membangun atau memperbaiki safety, utility (functionality), effectiveness, efficiency dan usability sistem yang berkaitan dengan komputer

• usability merupakan konsep kunci dari IMK, yaitu berkaitan dengan membuat sistem mudah untuk dipelajari dan digunakan

• usability meliputi aspek-aspek sebagai berikut:– learnability (ease of learn)– throughput (ease of use)– flexibility

Page 23: Introduction to HCI

Konsep Dasar IMK

• Tujuan IMK– membangun…

• usability dapat dicapai dengan cara sebagai berikut:

– memahami faktor-faktor berkaitan dengan bagaimana manusia menggunakan teknologi komputer (psikologi, ergonomik, faktor sosial & organisasional)

– membangun teknik-teknik dan tool-tool untuk membantu perancang yakin bahwa sistem komputer tsb. sesuai utk. aktivitas manusia yang akan menggunakannya

– mencapai interaksi yang efisien, efektif dan aman (baik interaksi individual antara manusia & komputer maupun interaksi kelompok)

Page 24: Introduction to HCI

Konsep Dasar IMK

• Tujuan IMK

Usability engineering. By Jay Simpson, from the cover of IEEE Computer, March 1992.

Page 25: Introduction to HCI

karakteristik desain yang memperhatikan usability User-centered design fokus pada user dan task sejak awal desain

Participative design user sebagai anggota dari tim desainer

Experimental design terdapat testing usability oleh user secara formal pada percobaan awal, simulasi dan evaluasi prototype secara keseluruhan

Iterative design desain, testing dan penilaian hasilnya, dan desain ulang sampai hasilnya memenuhi spesifikasi usability yang diinginkan

User-supportive design training, seleksi (jika perlu) manual, quick reference cards, bantuan dari ‘ahli’ yang ada disekitarnya, sistem bantuan (help) seperti:-on-line: context-specific help-off-line: ‘hot-line’ phone service

Page 26: Introduction to HCI

Disiplin Ilmu Terkait

• Computer Science• Cognitive Psychology• Social and Organizational Psychology• Ergonomics and Human Factors• Engineering• Design• Anthropology• Sociology• Philosophy• Linguistics• Artificial Intelligence

Page 27: Introduction to HCI

Ruang Lingkup HCI

• konsep dasar HCI: Human, Computer and Interaction

• desain interface: usability, proses desain, pemodelan, dialog, teknik evaluasi, ...

Page 28: Introduction to HCI

HUMAN

• individual user.

• sekelompok user yang bekerja dalam suatu team.

• sekelompok user dalam suatu organisasi yang saling berkaitan dalam mengerjakan suatu task / proses.

Page 29: Introduction to HCI

Computer

• berbagai jenis komputer mulai dari desktop sampai large-scale computer system.

• sistem untuk mengontrol suatu proses.

• Software & hardware

Page 30: Introduction to HCI

Interaction

• Komunikasi apapun antara seorang user dan komputer.

– command entry– menus and navigation– forms and spreadsheets– question and answer dialogue– natural language dialogue– WIMP– direct manipulation

Page 31: Introduction to HCI

Implikasi HCI

• Design,

• Implementation and

• Evaluation of user interfaces

Page 32: Introduction to HCI

Faktor-faktor HCIOrganisational: job design, roles, policies,

Environmental: noise, heating, lighting, ventilation,

Health: stress, headaches

The user : motivation, satisfaction, experience

Comfort : seating

User interface : I/O devices, color scheme, icons, dialogue, help

Task : complexity, novelty, allocation, repetitions, monitoring

Constraints : costs, timescales, staff, equipment, building

System functionality : hardware, software, network

Productivity : output, quality, costs, errors, production time

Page 33: Introduction to HCI

Konsep Dasar IMK• Pengembangan IMK

– hal-hal yang perlu diperhatikan dalam pengembangan antarmuka adalah:

• pemahaman tentang fungsi-fungsi mekanis manusia

– hal ini menyangkut persepsi (indera), pengolahan kognitif (memori), pemecahan masalah, dan keterampilan motorik (perintah otak & aktivitas fisik)

Page 34: Introduction to HCI

Konsep Dasar IMK• Pengembangan IMK

– hal-hal yang perlu diperhatikan dalam pengembangan antarmuka adalah :

• informasi mengenai karakteristik dialog – hal ini menyangkut ragam dialog, struktur, materi

(teks/grafis), tanggapan waktu, dan kecepatan tampilan – pengetahuan umum atau common sense dapat menjadi

sebuah petunjuk yang penting namun tidak boleh hanya mengandalkan pada hal ini saja

Page 35: Introduction to HCI

Konsep Dasar IMK• Pengembangan IMK

– hal-hal yang perlu diperhatikan dalam pengembangan antarmuka adalah :

• penggunaan prototipe– hal ini digunakan untuk mengukur tingkat usability

rancangan antarmuka yang sedang dibuat

Page 36: Introduction to HCI

Konsep Dasar IMK

• Pengembangan IMK– hal-hal yang perlu diperhatikan dalam

pengembangan antarmuka adalah : • teknik evaluasi

– hal ini menyangkut teknik evaluasi terhadap hasil prototipe, yang dapat berupa :

» evaluasi oleh pakar IMK » metode empirik dengan melakukan pengamatan

langsung thd pengguna » metode survei dengan melakukan wawancara

secara terstruktur terhadap pengguna (menggunakan kuesioner)

Page 37: Introduction to HCI

Kesimpulan• Saat ini, komputer dipakai oleh berbagai jenis user, tidak hanya

pada ahli komputer seperti pada masa lalu, sehingga desain interface dari komputer sangat penting untuk mendukung kebutuhan, pengetahuan dan keahlian dari user yang memakainya.

• User interface adalah aspek-aspek sistem yang berhubungan langsung dengan user.

• Usability adalah konsep utama dalam HCI. Usability dihubungkan dengan bagaimana membuat sistem yang aman, mudah untuk dipelajari dan mudah untuk digunakan.

• HCI dihubungkan dengan pengertian, mendesain, mengevaluasi dan mengimplementasikan sistem komputer interaktif untuk dipakai oleh manusia.

• Tujuan dari HCI adalah untuk mengembangkan / meningkatkan keamanan, utilitas, efektivitas, efisiensi dan usability dari sistem yang memakai komputer.

• Kebutuhan akan HCI bisa dibuktikan dari meningkatnya produktivitas dan keamanan dari sistem setelah menerapkan HCI.