Dokumen ini membincangkan reka bentuk antara muka pengguna dan interaksi manusia dengan komputer. Ia menjelaskan proses reka bentuk antara muka yang melibatkan pembangunan beberapa prototaip dan ujian dengan pengguna untuk meningkatkan kepuasan dan penggunaan. Dokumen ini juga menyenaraikan bidang-bidang yang perlu difahami untuk membina reka bentuk antara muka yang baik.

1. INTERAKSI MANUSIA DAN KOMPUTER
3.2 Paparan dan
Rekabentuk Skrin
Interaksi Manusia dan Komputer 1/22
INTERAKSI MANUSIA DAN KOMPUTER (IMK)

2. | MENU |
INTERAKSI MANUSIA DAN KOMPUTER
Di akhir pembelajaran ini, guru dapat:
 Membangunkan aplikasi berdasarkan prinsip asas
reka bentuk interaktif.
 Menilai produk interaktif berdasarkan tujuan dan
prinsip asas reka bentuk interaktif.
Objektif 3/22

3. | MENU |
INTERAKSI MANUSIA DAN KOMPUTER
Bagi membina reka bentuk yang
baik memerlukan kefahaman dalam
beberapa bidang antaranya adalah :
 Elektronik dan Komputer
 Psikologi
 Perancangan Grafik dan Tipologi
 Egronomik
 Antrapologi
 Lingustik
 Sosiologi
Pembinaan Paparan dan Reka Bentuk Skrin 19/22

4. | MENU |
INTERAKSI MANUSIA DAN KOMPUTER
 Kos - Penyediaan antara muka aplikasi
 Keusahawanan - Apabila orang melihat aplikasi
tersebut untuk pertama kali sahaja, mereka teruja
untuk menggunakan aplikasi tersebut.
 Meningkatkan penggunaan komputer dalam organisasi
- Apabila orang akan terus tertarik menggunakan
aplikasi tersebut berkali-kali.
 Peningkatan produktiviti - masa penggunaan dapat
dikurangkan, hasil dioptimumkan
 Latihan untuk pegawai dapat dikurangkan
 Kepuasan pengguna
 Penghasilan antara muka yang lebih berkualiti
Impak Perancangan Antaramuka Yang Baik 20/22

5. | MENU |
INTERAKSI MANUSIA DAN KOMPUTER
Executable
prototype
Design
prototype
Produce paper-
based design
prototype
Produce
dynamic design
prototype
Evaluate design
with end-users
Implement
final user
interface
Evaluate design
with end-users
Analyse and
understand user
activities
Proses Reka Bentuk Antaramuka Pengguna 21/22

6. | MENU |
INTERAKSI MANUSIA DAN KOMPUTER
Tiga perkara utama yang dapat diperhatikan dari
gambarajah proses tesebut :
 Analisis dan pemahaman mengenai pengguna dan
aktivitinya
 Rekabentuk antaramuka pengguna melibatkan
pembangunan beberapa prototaip, bermula dengan
prototaip berasaskan-kertas (paper prototyping)
seterusnya prototaip berasaskan-skrin yang
mensimulasikan interaksi pengguna
 Kaedah berasaskan-pengguna (user-centered
approach) yang mana pengguna adalah terlibat
secara aktif dalam proses rekabentuk.
Proses Reka Bentuk Antaramuka Pengguna 22/22

7. | MENU |
INTERAKSI MANUSIA DAN KOMPUTER
Berpandukan prinsip pembinaan
antara muka, lakar dan seterusnya
bina prototaip antaramuka skrin
yang sesuai untuk mengira BMI.