INTERAKSI MANUSIA DAN KOMPUTER

INTERAKSI MANUSIA DAN KOMPUTER (IMK)

3.1 Rekabentuk
Interaksi

Interaksi Manusia dan Komputer 1/22

 INTERAKSI MANUSIA DAN KOMPUTER

Di akhir pembelajaran ini, guru dapat:

 Mengkaji keperluan antara manusia dan komputer.

 Menilai produk interaktif berdasarkan tujuan dan prinsip
asas rekabentuk interaktif.
 Mengaplikasi proses reka bentuk interaksi dalam
aturcara yang dibangunkan.
 Menghasilkan prototaip paparan dan reka bentuk skrin.
 Membincangkan laporan dan penilaian kuantitatif
terhadap paparan dan reka bentuk skrin.

| MENU |

Objektif 3/22
 INTERAKSI MANUSIA DAN KOMPUTER

1) Pengenalan IMK
1.1 Definisi
1.2 Evolusi Reka Bentuk Interaksi
2) Tujuan Reka Bentuk Interaktif
3) Kepentingan Reka Bentuk Interaktif
4) Prinsip Asas Reka Bentuk Interaktif
5) Ciri-ciri GUI
6) Penilaian Aplikasi
7) Pembinaan Paparan dan Reka Bentuk Skrin
8) Impak Perancangan Antara Muka Yang Baik
9) Impak Perancangan Antara Muka Yang Baik
10) Proses Reka Bentuk Antaramuka Pengguna

| MENU |

Kandungan IMK 4/22

 INTERAKSI MANUSIA DAN KOMPUTER

Interaksi Manusia Komputer (IMK) adalah :

“ Hal-hal yang berkaitan dengan reka

bentuk, penilaian dan implementasi
sistem komputer interaktif untuk
kegunaan manusia serta kajian tentang
fenomena yang terlibat dengannya”.
(ACM SIGCHI, 1992, p.6)

| MENU |

Pengenalan IMK 5/22

 INTERAKSI MANUSIA DAN KOMPUTER

Sebuah program aplikasi yang terdiri daripada

dua bahagian :
i) bahagian antaramuka
ii) bahagian aplikasi
Media antaramuka manusia dan terdiri daripada:
i) media tekstual
ii) media GUI (Graphical User Interface)

| MENU |

Pengenalan IMK 6/22

 INTERAKSI MANUSIA DAN KOMPUTER

i) “Sebahagian daripada sistem komputer yang

berinteraksi dengan pengguna bagi
melaksanakan tugas-tugas untuk mencapai
matlamat beliau”
(Stone, Jarret et.al.,2001)

ii) "Reka bentuk interaksi akan menggambarkan

tingkah laku pengguna dan menentukan
bagaimana sistem akan respon serta
menangani tingkah laku pengguna tersebut"
(Jesse James Garrett, 2011)

| MENU |

Pengenalan IMK 7/22

 INTERAKSI MANUSIA DAN KOMPUTER

iii) Merupakan disiplin ilmu yang berkaitan

dengan hubungan antara manusia dan
komputer yang meliputi perancangan,
perkembangan dan implementasi antara
muka pengguna komputer agar mudah
digunakan oleh manusia.

| MENU |

Pengenalan IMK 8/22

 INTERAKSI MANUSIA DAN KOMPUTER

50an – Antara muka pada level hardware untuk teknik – switch

panel
60-70an – Antara muka pada level pemprograman – COBOL,
FORTRAN
70-90an – Antara muka pada level instruksi
80an – Antara muka pada level dialog interaksi – GUI, multimedia
90an – Antara muka pada level lingkungan kerja – sistem network,
groupware
00an – Antara muka berkembang dengan luas – mobile devices,
consumer electronics, interactive screens,. etc

| MENU |

Pengenalan IMK 9/22

 INTERAKSI MANUSIA DAN KOMPUTER

Tujuan utama IMK adalah untuk membuat sistem

yang lebih :
Berguna (usable)
Selamat (safe)
Produktif
Efektif (effectiveness)
Efisien (efficiency)
Fungsional

| MENU |

Tujuan Reka bentuk 10/22

 INTERAKSI MANUSIA DAN KOMPUTER

Sudut pasaran :
• Jika sesuatu produk sukar digunakan,
pengguna akan beralih ke produk yang lain.
Manusia menggunakan komputer setiap hari,
dan manusia tiada masa untuk belajar
• Komputer (peralatan) seharusnya mudah
digunakan
• Sistem harus mempunyai reka bentuk yang
baik
• Latihan yang minimum
• Pengguna yang pelbagai

| MENU |

Kepentingan Reka bentuk Interaktif 11/22

 INTERAKSI MANUSIA DAN KOMPUTER

Sudut kemanusiaan :
• Manusia mempunyai kelemahan
• Kesilapan/ralat mengakibatkan: kehilangan
masa, kehilangan wang, kehilangan nyawa
jika melibatkan sistem yang kritikal dan
kehilangan semangat

| MENU |

Kepentingan Reka bentuk Interaktif 12/22

 INTERAKSI MANUSIA DAN KOMPUTER

Sudut sosial :
• Komputer memberi sumbangan yang besar
dalam kehidupan manusia, tidak dapat
diabaikan:
• Pembelajaran anak-anak
• Memberi nasihat ahli berdasarkan informasi /
sejarah
• mengawal lalu lintas dan lintasan udara
• mengawal kilang bahan kimia/nuklear
• mengawal misi angkasa luar

| MENU |

Kepentingan Reka bentuk Interaktif 13/22

 INTERAKSI MANUSIA DAN KOMPUTER

Prinsip Penerangan
Kebiasaan pengguna Antaramuka perlu berdasarkan kepada istilah dan konsep yang biasa kepada
(User familiarity) pengguna bagi sistem tersebut dan bukannya mengikut apa yang biasa kepada
perekabentuk (designer)

Ketekalan (Consistency) Kekonsistenan dapat mengurangkan masa mempelajari sistem. Arahan, menu
dan sebagainya perlu mempunyai format yang sama bagi keseluruhan sistem

Minimal surprise Perekabentuk perlu memastikan arahan yang sama (comparable actions)
mempunyai kesan / perlakuan yang sama.

Kebolehpulihan Antaramuka pengguna perlu mengandungai kemudahan-kemudahan yang

(Recoverability) dapat membantu pengguna pulih dari kesilapan yang dibuat. Contohnya
kemudahan ‘undo’ dan ‘confirmation of destructive actions’.

Panduan pengguna Manual atas-talian, kemudahan bantuan dan sebagainya perlu disediakan
(User guidance) untuk kegunaan pengguna.

Kepelbagaian pengguna Kemudahan interaksi bagi kegunaan pelbagai pengguna sistem tersebut perlu
(User diversity) disediakan. Contohnya, ‘first-time user’, ‘more experienced user’
berkehendakkan kepada kemudahan interaksi yang berlainan.
| MENU |

Prinsip Asas Reka bentuk Interaktif 14/22

 INTERAKSI MANUSIA DAN KOMPUTER

Terangkan dua prinsip asas rekabentuk

interaktif selain yang diberikan diatas.

| MENU |
 INTERAKSI MANUSIA DAN KOMPUTER

Ciri Penerangan
Tetingkap Multi-tetingkap membenarkan maklumat dipaparkan
serentak pada masa yang sama.
Ikon Ikon yang berbeza mengikut maklumat. Dalam
sesetengah sistem, ikon mewakili fail atau boleh jadi
mewakili proses.
Menu Arahan lebih menarik jika dipilih dari menu
berbanding teks biasa.
Penunjuk Alat penunjuk seperti tetikus boleh digunakan untuk
membuat pilihan dari menu atau menentukan item
yang diingini dalam tetingkap.

Grafik Elemen grafik boleh digabung dengan teks dalam

paparan yang sama

| MENU |

Ciri-ciri GUI 15/22

 INTERAKSI MANUSIA DAN KOMPUTER

Teknik penilaian terbahagi kepada 2 :

i) Penilaian skala penuh
ii) Penilaian mudah
Penilaian skala penuh
Penilaian skala penuh iaitu yang melibatkan
makmal kebolehgunaan (usability lab) dan
melibatkan pakar kognitif adalah memakan
belanja yang besar manakala teknik penilaian
mudah sesuai bagi organisasi dengan keperluan
yang berskala kecil.

| MENU |

Penilaian Aplikasi 16/22

 INTERAKSI MANUSIA DAN KOMPUTER

Penilaian mudah
• Menggunakan borang soal selidik untuk
mendapatkan maklum balas pengguna
• Menggunakan rakaman video bagi
penggunaan sistem
• Membuat pemerhatian terhadap pengguna
di tempat kerja dengan sistem itu, dengan
melihat kepada kemudahan yang digunakan
dan kesilapan yang dibuat oleh pengguna.
• Memasukkan perisian kod ke dalam sistem
bagi mengumpul maklumat tentang aplikasi
yang selalu digunakan dan kesilapan yang
paling biasa dilakukan.

| MENU |

Penilaian Aplikasi 17/22

 INTERAKSI MANUSIA DAN KOMPUTER

| MENU |

Penilaian Aplikasi 18/22

 INTERAKSI MANUSIA DAN KOMPUTER

| MENU |

Penilaian Aplikasi 18/22

 INTERAKSI MANUSIA DAN KOMPUTER

Cadangkan tiga penambahbaikan

terhadap antara muka skrin yang berikut
supaya ianya memenuhi instrumen
penilaian yang telah dibina.
NE W BOOK

Title ISBN

Author Price

Publication
Publisher date
Number of
Edition copies

Classification Loan
status
Date of
Order
purchase
status
| MENU |