INTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTER
MATERI DAN REFERENSI
Mata Kuliah Interaksi Manusia dan Komputer ini menerangkan tentang dasar-dasar interaksi manusia dengan komputer, sehingga mahasiswa nantinya akan mampu mengevaluasi perangkat lunak dari user interface yang ergonomis dan berorientasi pada user.
MATERI UTAMA
1. Paradigma IMK
2. Faktor manusia
3. Faktor komputer
4. Interaksi
5. Ragam Dialog
6. Ragam Dialog II
7. Daya Guna
Sumber Referensi: Interaksi Manusia dan Komputer edisi 2, P. Insap Santosa, 2010, Andi Offset;Yogyakarta.
MATERI UTAMA
8. Prinsip dasar Desain Interaksi
9. Presentasi dan Properti Leksikal
10.Desain dan notasi dialog
11.Model Pengguna
12.Model Pengguna II
13.Teknik Evaluasi
14.Groupware
Pertemuan 11:
Notasi dan Perancangan Dialog
1. Konsep Dialog
2. Notasi desain dialog
3. Notasi diagramatik
4. Notasi dialog tekstual
5. Semantik dialog
6. Desain dan analisis dialog
Outline Materi 11
Konsep Dialog
11.1
Ruang lingkup
Merupakan level sintaksis dari interaksi manusia dan komputer.
Berupa :
• Diagramatik, mudah dibaca
• Tekstual, mudah dianalisa
Berkaitan dengan
• Semantik sistem, apa yang dilakukan oleh sistem
• Presentasi, bagaimana tampilan sistem
Deskripsi formal terhadap
• Aksi yang tidak konsisten
• Aksi yg sulit dikembalikan
• Item yang hilang
• Kesalahan miskeying potensial
Pengertian Dialog
Percakapan antara 2/lebih pihak, mengimplikasikan kerjasama atau keinginan untuk menyelesaikan konflik.
Pada UI, dialog adalah struktur percakapan antara user dan komputer.
Bahasa komputer :
• Leksikal : icon, tombol. Pada manusia sama dengan bunyi ejaan suatu kata
• Sintaksis : urutan/struktur I/O. Pada manusia sama dengan tata bahasa suatu kalimat
• Semantik : arti dari percakapan yang mempengaruhi struktur data internal dan eksternal. Pada manusia sama dengan arti dari partisipan dalam percakapan
Karaktristik Dialog dg Komputer
Dialog dengan komputer biasanya terstruktur dan terbatas, dimana :
• User harus menyebutkan dialog dalam urutan tertentu
• Beberapa dialog telah ditetapkan sebelumnya
• Beberapa dialog dilakukan secara bersamaan
• Dialog bergantung pada respon user
• Tidak dapat mengakomodasi semua kejadian
Perancangan Dialog
Yang perlu diperhatikan :
• Rangkaian dialog merupakan struktur tugas
• Dialog tambahan digunakan untuk support, misal, help system, tutorial, dll
• Tangkaian dialog diurutkan sesuai struktur tugas
Prinsipnya, membagi sistem menjadi beberapa modul.
Contoh Modul
Notasi Diagramatik
11.2
Pengertian Notasi Diagramatik
Merupakan bentuk yang paling sering digunakan dalam desain dialog
Kelebihan : memungkinkan designer untuk melihat secara sekilas struktur dialog
Kekurangan : sulit untuk menjelaskan struktru dialog yang lebih luas dan kompleks
Bentuk Notasi Diagramatik :
• State Transition Networks (STN)
• Hierarchical State Transition Networks
• Flowchart
• JSD Diagrams
STN
Penjelasan STN
STN dapat merepresentasikan beberapa hal mengenai dialog, yaitu :
• Urutasn (Sequence) dari aksi yang dilakukan user dan respon yang diberikan oleh sistem
• Pilihan bagi user (choice)
• Iterasi (Iteration) : kondisi perulangan
Hierarchical STN
JSD Diagram
Jackson Structured Design digunakan untuk berbagai aspek, mulai adari analisis tugas sampai notasi dialog.
JSD Sistem Kepegawaian
Notasi Dialog Tekstual
11.3
Tata Bahasa (Grammar)
Diagram yang digunakan untuk menggambarkan dialog komputer juga mengandung sifat linguistik, maka penggunaan tata bahasa dalam desain dialog juga dibutuhkan.
Bentuk umum dari notasi tekstual yang fokus pada aksi yang dilakukan oleh user
Semantik Dialog
11.4
Konsep
Tujuan notasi/deskripsi dialog adalah untuk berkomunikasi, maka perlu penambahan catatan pada dialog mengenai arti dari suatu aksi tertentu, atau memberi kebebasan pada user untuk menginterpretasikan makna dialog secara bebas.
Aspek dalam semantik dialog :
• Internal terhadap aplikasi/sistem
• Eksternal terhadap presentasi
3 pendekatan dalam Semantik Dialog
Notation-specific semantics
• Bentuk semantik sengan tujuan khusus yang dirancang sebagai bagian dari notasi dialog
Links to programming languages
• Penyertaan sebagian code bahasa pemrograman ke dalam notasi dialog
Links to formal specification
• Hampir sama dengan pendekatan sebelumnya, namun menggunakan notasi spesifikasi yang formal
Desain dan Analisis Dialog
11.5
Konsep
Dialog perlu untuk dianalisa guna mengetahui/menemukan masalah terhadap usability sebuah dialog.
3 isu yang berkaitan dengan analisa dialog :
• Fokus pada aksi yang dilakukan user (Action Properties)
• Fokus pada state dialog (state yang diinginkan dan dihilangkan) (State Properties)
• Fokus pada sisi presentasi dan leksikal (Presentation and Lexical properties)
Action Properties
Karakteristik (properties) berkaitan dengan aksi yang dilakukan oleh user :
• Kelengkapan (completeness) : rangkaian aksi dijalankan sesuai prosedur
• Deterministik (determinism) : terdapat ketentuan mengenai aksi yang harus/akan dilakukan oleh user
• Konsistensi (consistency) : meskipun dihadapkan pada situasi/kondisi yang berbeda, aksi akan tetap sama
Selain aksi yang umum dilakukan user, sebuah dialog harus dirancang untuk melihat jauh ke depan dan mengantisipasi kira-kira bagaimana perilaku user saat dihadapkan pada kondisi yang khusus.
State Properties
State pada dialog merepresentasikan titik saat user memperoleh informasi , atau sistem telah melakukan sesuatu. Sehingga user akan mencapai state yang diinginkan kondisi ini disebut reachability
• Cara menganalisa adalah dengan melakukan pemeriksaan dasar mengenai kelengkapan notasi, antara state pertama dan state selanjutnya
Kasus khusus dari reachability adalah reversibility kondisi/state dimana user ingin kembali kondisi/state semula adanya button “undo”
• Cara menganalisa adalah engan melihat setiap aksi yang mungkin, kemudian memberi label dengan jumlah edge/garis yang harus dikunjungi untuk mencapai keadaan semula
State Properties
Terdapat 2 jenis state :
• Desired state : kondisi/state yang ingin dicapai oleh user
• Dangerous state : kondisi/state yang mungkin harus dihindari oleh user
Untuk mencegah user memasuki Dangerous State, sistem komputer dirancang dengan dialog inisiatif yang mengkonfirmasi tindakan user, jika hal tersebut akan berakibat fatal
Presentation and Lexical Properties
Presentasi/tampilan dialog bergantung pada tipe interface yang digunakan dalam sebuah sistem komputer. Contoh,
• Pada interface yang berbasis command line, akan memiliki gaya sintaks verb-object “print essay”
• Pada interface yang berbasis mouse, memiliki gaya sintaks object-verb “select a file icon and then select ‘print’ from a menu”
Keterbatasan fisik perangkat, jangkauan output, visual dan aural juga akan mempengaruhi presentasi.tampilan dari sebuah dialog.
😉 terima kasih 😉