PENDAHULUANInteraksi Manusia & Komputer
Course Overview● Kemampuan manusia● Evaluasi (tanpa pengguna)● Desain● Dialog & interaksi● Evaluasi (dengan pengguna)● Topik khusus● CSCW, InfoVis, Ubicomp, Agen
HCI = Interaksi Manusia & Komputer● Apa itu?● Dapatkah kalian mendefinisikan / menggambarkannya?
○ Interaksi Manusia Komputer (HCI = IMK) merupakan studi menjabarkan TENTANG Interaksi ANTARA Manusia, Komputer dan Tugas.
○ Bagaimana Manusia dan Komputer beroperasi interaktif melaksanakan dan menyelesaikan tugas serta bagaimana sistem yang interaktif itu dibuat.
Why We Are Here?● Melihat faktor-faktor manusia yang mempengaruhi desain perangkat
lunak dan pengembangan● Topik Utama → desain antarmuka pengguna
○ Tidak hanya interface perangkat lunak pada desktop monitor
● IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian
Yang terlibat dalam IMK● Psikologi dan ilmu kognitif : persepsi user, kognitif,
kemampuan memecahkan masalah● Ergonomi : kemampuan fisik user● Sosiologi : kemampuan memahami konsep interaksi● Ilmu komputer dan teknik : membuat teknologi● Bisnis : pemasaran● Desain grafis : presentasi interface● Dan lain-lain.
HCI● Apa yang terjadi ketika
manusia dan komputer bersama-sama melakukan tugas ?○ Tugas → menulis dokumen,
menghitung anggaran, menyelesaikan persamaan, belajar tentang dunia, melihat lalu lintas jalan, …..
Mengapa ini penting ?● Komputer (dalam satu atau lain
cara) sekarang mempengaruhi setiap orang di masyarakat○ Meningkatkan % pemanfaatan
komputer dalam pekerjaan
● Keberhasilan produk mungkin tergantung pada kemudahan penggunaan, belum tentu kekuatan
Apa Interaksi Manusia dan Komputer ● IMK meliputi ergonomi dan faktor manusia.
○ Ergonomi → UK ○ Faktor manusia → USA
● Secara tradisional, ergonomi memfokuskan pada karakteristik fisik mesin dan sistem dan melihat unjuk kerja (performance) dari user.
● Faktor manusia merupakan studi tentang manusia dan tingkah lakunya dalam menggunakan mesin, alat-alat teknologi dalam menyelesaikan tugas.
● Interaksi manusia & mesin + informasi & teknologi = interaksi manusia &
komputer
Course Aims and Goals● Meningkatkan kesadaran
○ Membuat kalian menyadari masalah ini
● Mengkritisi desain○ Mempertanyakan desain yang buruk
● Memungkinkan pengguna untuk melakukan tugas-tugas○ Aman○ Efektif○ Efisien○ Nyaman
Usability & Crucial ErrorsUsability
1. Masalah penting2. Kombinasi dari
a. Kemudahan belajarb. Kecepatan tinggi kinerja tugas penggunac. Tingkat kesalahan rendah penggunad. Kepuasan pengguna yang Subjektife. Retensi Pengguna dari waktu ke waktu
Crucial Errors
1. Menganggap semua pengguna sama
2. Menganggap semua pengguna seperti desainer
How do we improve interfaces?● Perubahan sikap pembuat software● Menerjemahkan dengan cepat pengetahuan tentang desain interface● Mengintegrasikan metode desain & teknik User Interface dalam
metodologi standar pengembangan perangkat lunak terbaru
Improving Interfaces● Kenali pengguna
○ Kemampuan fisik○ Kemampuan kognitif○ Perbedaan kepribadian○ Perbedaan keterampilan○ Keragaman budaya○ Motivasi○ Kebutuhan khusus
Paradigma● Kerangka teoritis dominan atau pandangan dunia ilmiah
○ Misalnya, Aristoteles, Newton, Einstein (relativistik) paradigma dalam fisika
● Memahami sejarah HCI adalah sebagian besar tentang pemahaman serangkaian pergeseran paradigma○ Tidak semua datang pada slide berikutnya benar-benar pergeseran "paradigma", tetapi
Anda mendapatkan ide
Pergeseran Paradigma➢ Cards, tape → VDU➢ Mainframe → PC➢ Glass tty → WIMP interface➢ Commands → Direct
manipulation➢ Direct manipulation → Agents
➢ Visual → Multimedia➢ Linear → Web-like➢ Desktop → Ubiquitous, Mobile➢ Single user → CSCW➢ Purposeful use → Situated use
History of HCI● Komputer digital didasarkan pada ide-ide dari 1700 & 1800-an● Teknologi menjadi tersedia di tahun 1940-an dan 1950-an
Vannevar Bush
● "As We May Think" - 1945 Atlantic Monthly○ "... Publikasi telah diperpanjang jauh melampaui kemampuan kita saat ini untuk
membuat penggunaan nyata dari catatan."● Mengemukakan MEMEX (Memory Extended) device
○ Dapat menyimpan semua catatan / artikel / komunikasi○ Memori yang besar○ Produk diambil oleh pengindeksan, kata kunci, referensi silang○ Dapat membuat jejak link melalui materi
● Dibayangkan sebagai mikrofilm, bukan komputer
History of HCIJ.R. Licklider
● 1960 - mengemukakan "simbiosis manusia komputer"● Pasangan otak manusia dan mesin komputasi erat kaitannya untuk
merevolusi penanganan informasi
History of HCI
History of HCI
History of HCI
History of HCI
Paradigma BaruVideo Display Unit (VDU)
● Media yang lebih cocok daripada kertas● Sutherland Sketchpad sebagai sistem
landmark● Komputer yang digunakan untuk
memvisualisasikan dan memanipulasi data
Personal Computing
● Sistem ini lebih kuat jika lebih mudah digunakan
● Kecil, mesin kuat yang didedikasikan untuk individu
● Pentingnya jaringan dan time-sharing● Kay Dynabook, IBM PC
Personal Computer
● '70an PC IBM● Berbasis Teks dan Command● Banyak Terjual● PC dengan GUI, Xerox Star - '81, Star, Apple
Lisa - '82, Apple Macintosh - '84
Paradigma BaruWIMP
● Windows, Icons, Menus, Pointer● Dapat melakukan beberapa hal
simultan● Antarmuka GUI yang Familiar● Xerox Alto, Star; Apel awal
Metaphor
● Semua penggunaan adalah problem-solving atau belajar sampai batas tertentu
● Komputasi yang berkaitan dengan aktivitas dunia nyata adalah mekanisme pembelajaran yang efektif○ Manajemen file di desktop kantor○ Analisis keuangan sebagai
spreadsheet
Paradigma BaruDirect Manipulation
● Koin dan mengeksplorasi gagasan manipulasi langsung dari antarmuka
● Direktur HCI Lab di Maryland '82 Shneiderman menjelaskan daya tarik interaksi berbasis grafis○ Visibilitas obyek○ Tindakan tambahan dan umpan balik
yang cepat○ Reversibilitas mendorong eksplorasi○ Ganti bahasa dengan tindakan○ Kebenaran sintaksis dari semua
tindakan● WYSIWYG, Apple Mac
Multimodality
● Mode adalah saluran komunikasi manusia○ Bukan hanya indra, misalnya, speech
dan audio non-speech dua mode● Penekanan pada penggunaan simultan dari
beberapa saluran untuk I / O
Hypertext - Ted Nelson
● Komputer dapat membantu orang, bukan hanya bisnis
● Coined term "hypertext"● Pikirkan informasi tidak mengalir seperti
linear tetapi sebagai node saling berhubungan
● Bush MEMEX, hypertext Nelson● Struktur penjelajahan Non-linear● '93 WWW
Paradigma BaruLanguage (Agents)
● Tindakan tidak selalu berbicara lebih keras daripada kata-kata
● Antarmuka sebagai mediator atau agen
● Paradigma Bahasa
CSCW
● Computer-Supported Cooperative Work
● Tidak ada lagi single user / sistem tunggal
● Aspek Micro-sosial sangat penting
● E-mail sebagai keberhasilan menonjol tapi groupware lainnya masih tidak banyak digunakan
Paradigma Baru● Manusia bukan lagi pengguna perangkat virtual tetapi penghuni virtual,
lingkungan yang kaya komputasi● Tidak bisa lagi mengabaikan aspek makro-sosial● 90-an Akhir - PDA, VES, ...
TERIMA KASIH