โ† Semua Nota
๐Ÿ–ฑ๏ธ

TINGKATAN 4 ยท BAB 3

Reka Bentuk Interaksi

Prinsip reka bentuk interaksi dan pengalaman pengguna (UX).

Reka Bentuk Interaksi

Interaksi antara Manusia dengan Komputer

Interaksi antara manusia dengan komputer ialah proses, dialog atau kegiatan yang dilakukan manusia untuk berinteraksi dengan komputer. Interaksi perlu bersifat JELAS, INTUITIF dan SEMULA JADI supaya sesuai untuk pengguna pelbagai lapisan masyarakat. Contoh: ikon folder pada antara muka komputer difahami serta-merta kerana menyerupai folder fizikal di pejabat.

Reka bentuk ialah susun atur teks, gambar, butang dan menu dalam sesuatu produk; interaksi pula ialah tindakan manusia semasa menggunakan produk tersebut. Reka bentuk interaksi yang baik mencapai matlamat KEBOLEHGUNAAN: mudah dipelajari, berkesan digunakan, dan memberikan pengalaman yang memuaskan.

Lima Prinsip Reka Bentuk Interaksi (WAJIB HAFAL!)

5 prinsip reka bentuk interaksi
5 prinsip reka bentuk interaksi
PrinsipMaksudContoh
Konsistensi (Consistency)Elemen kekal pada kedudukan dan gaya yang sama di semua antara mukaButang Close Windows sentiasa di penjuru kanan atas
Kebolehlihatan (Visibility)Fungsi penting jelas kelihatan; pengguna tahu apa yang boleh dilakukanButang dan menu utama dipaparkan jelas, tidak tersembunyi
Maklum Balas (Feedback)Sistem memberi respons terhadap tindakan penggunaBunyi 'klik', bar kemajuan muat turun, mesej 'Berjaya disimpan'
Kekangan (Constraint)Menghadkan tindakan untuk mengelakkan kesilapanButang dimalapkan (disabled) jika belum boleh ditekan; medan tarikh hanya terima format tarikh
Kemampuan (Affordance)Rupa elemen mencadangkan cara menggunakannyaButang kelihatan timbul = boleh ditekan; bar skrol mencadangkan tarik
๐ŸŽฏ TIP SPM: Soalan kerap memberikan SITUASI dan meminta anda namakan prinsip. Kata kunci โ€” kedudukan sama = konsistensi; nampak jelas = kebolehlihatan; sistem balas = maklum balas; tidak boleh tekan/dihadkan = kekangan; rupa cadangkan fungsi = kemampuan (affordance).

Sebab Keperluan Interaksi Manusia-Komputer

SebabPenerangan
Meningkatkan produktivitiBerkeupayaan menghasilkan output lebih cepat dan menggunakan sumber secara optimum
Memenuhi permintaan pasaranPengguna mahu produk berkebolehgunaan tinggi, selamat, berguna dan berfungsi
Perkomputeran sosialMenjana persekitaran interaktif sosial dan peluang berkomunikasi antara manusia
๐ŸŽฏ TIP SPM (trial Johor/Kelantan 3.1.1): Hafal tiga sebab keperluan interaksi โ€” produktiviti, permintaan pasaran, dan perkomputeran sosial.

Menilai Produk Interaktif

Produk interaktif dinilai berdasarkan tujuannya dan pematuhan kepada prinsip reka bentuk. Contoh penilaian aplikasi e-dompet: Adakah menu konsisten di semua skrin? Adakah pengguna mendapat pengesahan selepas pembayaran (maklum balas)? Adakah butang bayar dimalapkan sehingga jumlah dimasukkan (kekangan)? Aplikasi yang mematuhi prinsip akan mudah digunakan oleh pengguna baharu tanpa latihan.

Contoh: Padankan Situasi dengan Prinsip

SituasiPrinsip
Butang Hantar malap sehingga borang lengkapKekangan
Mesej Berjaya disimpan selepas klikMaklum balas
Menu di tempat sama setiap skrinKonsistensi
Ikon tong sampah untuk fungsi padamKemampuan

Uji kefahaman anda ๐ŸŽฏ

Daftar percuma untuk jawab kuiz topik ini, tanya AI Tutor, dan kumpul XP.

Daftar Percuma