Interaksi Manusia dan Komputer Adam Hendra Brata
C H
I
Interaksi
H
C
I
Interaksi
H C I
H
I
C
Interaksi • “The purpose of an interactive system is to aid a user in accomplishing goals from some application domain.”
H C I
• Tujuan sistem interaktif adalah untuk membantu pengguna (user) untuk mencapai tujuan (goal) dari beberapa aplikasi domain.
Interaksi
User
H
Computerized System
C Application Domain
I
(Mathiassen et al, 2000)
Istilah dalam Interaksi
H C I
Domain: Bidang keahlian atau pengetahuan dalam interaksi. Domain terdiri dari konsep-konsep yang menyoroti aspek-aspek yang penting. Application domain: sebuah mekanisme bagaimana sebuah sistem diaplikasikan oleh pengguna Task: adalah operasi untuk memanipulasi konsep domain Goal: Output yang dinginkan dari task yang dikerjakan. Intention: tindakan tertentu yang diperlukan untuk mencapai tujuan (goal) Task analysis: mempelajari cara orang melakukan task dengan sistem yang ada.
Model Interaksi
H
C
I
Norman’s Execution-Evaluation Cycle Model interaksi ini membantu kita untuk memahami apa yang terjadi di dalam interaksi antara pengguna dan sistem, menerjemahkan tujuan, antara apa yang diinginkan user dan yang dikerjakan sistem. Permasalahan pada interaksi user-sistem:
H C I
o The gulf of execution: Perbedaan antara aksi pengguna untuk mencapai tujuan dengan aksi yang diperbolehkan oleh sistem. Jika aksi-aksi yang dibentuk user tidak bisa dibentuk oleh sistem, aksi dari user sulit dirumuskan oleh sistem. o The gulf of evaluation: Jarak antara presentasi fisik sistem dan harapan pengguna. Jika presentasi dari aksi tidak bisa dimengerti oleh user. User sulit menerjemahkan output dari sistem.
Norman’s Execution-Evaluation Cycle 7. Evaluating the system state with respect to the goals and intentions.
6. Interpreting the system state.
1. Establishing the goal.
2. Forming the intention.
Model 1 Norman’s execution-evaluation cycle
H C I
3. Specifying the action sequence.
5. Perceiving the system state.
4. Executing the action.
Norman’s Execution-Evaluation Cycle
H C I
1. Menentukan tujuan (establishing the goal) Misal: Membuat tampilan website 2. Melakukan tindakan untuk mencapai tujuan (forming the intention) Misal: menggunakan software Adobe Dreamweaver 3. Menentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. Melaksanakan aksi (executing the action) Misal: menuliskan kode HTML & CSS 5. Merasakan hasil dari proses sistem (perceiving the system state) Misal: Melihat hasil preview tampilan website dari kode HTML & CSS yang sudah dituliskan 6. Menafsirkan hasil dari proses sistem (interpreting the system state) Misal: Mengidentifikasi kekurangan atau kesalahan pada hasil preview tampilan website 7. Mengevaluasi sistem negara sehubungan dengan tujuan dan niat Misal: Tampilan website sudah seperti yang diharapkan atau belum?
Abowd & Beale’s Interaction Framework Interface menghubungkan user dan system Input dan output –lah yang membangun interface Bahasa sistem → core language Bahasa user → task language
H C I
Abowd & Beale’s Interaction Framework Interaksi mengambil tempat diantara sosial dan organisasi framework yang mempengaruhi user dan sistem.
H C I
Ergonomi
H
C
I
Ergonomi Ergonomi: studi tentang karateristik fisik manusia (anatomi, fisiologi, spikologi engineering, manajemen dan desain) dalam melaksanakan tugas (pekerjaan): Bagaimana sistem kontrol dirancang Lingkungan fisik dimana interaksi terjadi Tata letak dan kualitas layar
H C I
Ergonomi fokus pada bagaimana interface meningkatkan atau mengurangi performa user.
Ergonomi Ergonomi dalam HCI: o Penataan kontrol dan display o Lingkungan fisik o Isu kesehatan o Penggunaan warna
H C I
Penataan Kontrol dan Display functional controls and displays sequential controls and displays frequency controls and displays
H C I
Lingkungan Fisik Dimana akan sistem akan digunakan? Oleh siapa itu akan digunakan? Akankah pengguna duduk, berdiri atau bergerak? Pertimbangan: o Ukuran tubuh pengguna o Kenyamanan
H C I
Lingkungan Fisik Faktor-faktor yang mempengaruhi performa user: Posisi fisik Temperature Pencahayaan Kebisingan (noise) Waktu
H C I
Gaya Interaksi
H
C
I
Gaya Interaksi
H C I
command line interface menus natural language question/answer and query dialog form-fills and spreadsheets WIMP point and click three-dimensional interfaces
Command Line Interface
H C I
Menus
H C I
Natural Language
H C I
Question
H C I
Form-fills and Spreadsheets
H C I
WIMP Windows, Icon, Menu, and Pointer Windows, Icon, Menu, Mice and Pull-down menu
H C I
Point and Click
H C I
3D Interaction
H C I
Konsep Interaksi Masa Depan
H
C
I
Interaksi Masa Depan
Microsoft's Concept Future vision 2020 H C I
https://www.youtube.com/watch?v=ozLaklIFWUI&t=206s
IMAGINATION IS MORE IMPORTANT THAN KNOWLEDGE Albert Einstein
H
C
I