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 😉