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!)

Sebab Keperluan Interaksi Manusia-Komputer

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

Gambaran Keseluruhan

Reka bentuk interaksi ialah reka bentuk cara pengguna berinteraksi dengan sesuatu produk seperti butang, menu dan paparan. Interaksi pula ialah tindakan yang berlaku antara pengguna dengan produk. Lima prinsip utama reka bentuk interaksi yang dipelajari ialah konsistensi, keterlihatan, boleh dipelajari, kebolehan untuk menjangka, dan maklum balas.

Prinsip konsistensi (consistency)

Semua elemen perlu kekal pada kedudukan yang sama supaya pengguna berasa selesa semasa menggunakan aplikasi. Sebarang perubahan mendadak pada paparan akan menarik perhatian pengguna atau mengganggu pengalaman pengguna. Jika elemen dialihkan tanpa sebab dan tujuan, fokus pengguna akan terganggu.

Prinsip keterlihatan (visibility)

Fungsi dan pilihan yang tersedia perlu dapat dilihat dengan jelas oleh pengguna. Butang penting tidak sepatutnya tersembunyi di dalam menu yang dalam. Pengguna patut dapat mengetahui apa yang boleh dilakukan tanpa perlu meneka atau mencuba secara rambang.

Prinsip boleh dipelajari (learnability)

Reka bentuk interaksi sepatutnya mudah untuk dipelajari dan mudah untuk diingati. Pengguna hanya perlu menggunakan antara muka tersebut sekali sahaja untuk mengingati cara aplikasi beroperasi. Penggunaan ikon dan istilah yang lazim membantu mempercepat pembelajaran.

Prinsip kebolehan untuk menjangka (predictability)

Reka bentuk interaksi yang baik dan berkesan dapat membuatkan pengguna membuat jangkaan perkara yang akan berlaku dalam aliran proses aplikasi. Butang bertanda "Hantar" patut menghantar borang, bukan memadam data. Tindakan yang mengejutkan pengguna mengurangkan kepercayaan terhadap sistem.

Prinsip maklum balas (feedback)

Maklum balas menyampaikan respons daripada pengguna kepada pembangun aplikasi, dan respons daripada aplikasi kepada pengguna. Ia memberikan gambaran sebenar mengenai reka bentuk interaksi. Pereka bentuk menggunakan maklum balas untuk melakukan penambahbaikan, dan maklum balas perlu disediakan apabila pengguna memerlukannya.

Proses menghasilkan reka bentuk interaksi

Proses ini mempunyai empat langkah tertib: mengenal pasti keperluan interaksi, membangun reka bentuk alternatif, membina prototaip interaksi, dan membuat penilaian reka bentuk interaksi produk. Proses ini berulang kerana penilaian sering mendedahkan keperluan baharu.

Menilai kebolehgunaan

Kebolehgunaan dinilai melalui borang soal selidik yang menggunakan skala penilaian bagi setiap prinsip, pemerhatian terhadap pengguna semasa mereka menggunakan produk, dan temu bual selepas penggunaan. Data kuantitatif daripada skala digabungkan dengan komen kualitatif untuk mendapatkan gambaran menyeluruh.

Glosari Istilah

Kajian Kes Berpandu

Sebuah aplikasi tempahan bilik darjah dinilai berdasarkan lima prinsip reka bentuk interaksi. Konsistensi dilanggar kerana butang "Tempah" berada di kanan pada skrin senarai tetapi di kiri pada skrin butiran. Keterlihatan dilanggar kerana fungsi membatalkan tempahan tersembunyi dalam menu tiga titik yang tidak jelas. Maklum balas dilanggar kerana selepas butang "Tempah" ditekan, tiada mesej dipaparkan sehingga pengguna menekannya beberapa kali dan menghasilkan tempahan berganda. Selepas penambahbaikan, butang diletakkan di kedudukan tetap, fungsi pembatalan dipaparkan sebagai butang jelas, dan mesej "Tempahan berjaya" dipaparkan bersama nombor rujukan. Penilaian kedua menunjukkan skor kebolehgunaan meningkat dan tempahan berganda tidak lagi berlaku.

Perwakilan atau contoh teknikal

Borang penilaian kebolehgunaan (skala 5 = sangat setuju, 1 = sangat tidak setuju)

  Konsistensi                                   5  4  3  2  1
  1. Kedudukan butang sama pada semua skrin
  2. Warna dan ikon digunakan secara konsisten

  Maklum balas                                  5  4  3  2  1
  1. Aplikasi memberi respons selepas setiap tindakan
  2. Mesej ralat menerangkan cara membetulkan masalah

  Boleh dipelajari                              5  4  3  2  1
  1. Saya faham cara menggunakannya tanpa panduan

Contoh tambahan

Empat langkah menghasilkan reka bentuk interaksi:

  1. Mengenal pasti keperluan interaksi
     → siapa pengguna, apa tugas mereka, apa kekangan

  2. Membangun reka bentuk alternatif
     → hasilkan beberapa cadangan susun atur berbeza

  3. Membina prototaip interaksi
     → lakaran atau model boleh klik untuk diuji

  4. Membuat penilaian reka bentuk interaksi produk
     → uji bersama pengguna sebenar, kumpul maklum balas

Rujukan Pantas

Bahagian ini merangkumkan fakta Reka Bentuk Interaksi yang paling kerap diuji. Gunakannya untuk ulang kaji pantas sebelum peperiksaan, bukan sebagai ganti kepada nota penuh.

Lima prinsip reka bentuk interaksi

Istilah dan maksud dalam penyelesaian

Teknik Menjawab Bergaya Peperiksaan

Soalan Sains Komputer menilai ketepatan istilah dan kelengkapan isi. Bagi topik Reka Bentuk Interaksi, markah lazimnya diberikan mengikut bilangan isi yang betul, jadi bilangan isi dalam jawapan perlu sepadan dengan bilangan markah yang diperuntukkan.

Contoh Soalan dan Jawapan Model

Soalan 1 [3 markah]

Jadual menunjukkan penyataan tentang prinsip reka bentuk interaksi. Nyatakan prinsip tersebut: (i) Menyampaikan respons daripada pengguna kepada pembangun aplikasi dan respons daripada aplikasi kepada pengguna. (ii) Memberi gambaran perkara yang akan berlaku dalam aliran proses aplikasi. (iii) Pengguna hanya perlu mengguna sekali sahaja untuk mengingat cara aplikasi beroperasi.

Soalan 2 [4 markah]

Penyataan berikut merupakan langkah menghasilkan reka bentuk interaksi yang tidak mengikut urutan: Mengenal pasti keperluan interaksi; Membuat penilaian reka bentuk interaksi produk; Membangun reka bentuk alternatif; Membina prototaip interaksi. Susun mengikut urutan yang betul.

Soalan 3 [2 markah]

Terangkan prinsip konsistensi dalam reka bentuk interaksi dan kesannya jika prinsip ini tidak dipatuhi.

Soalan 4 [4 markah]

Cadangkan dua kaedah untuk menilai kebolehgunaan sesuatu produk interaktif.

Salah Faham yang Perlu Dielakkan

Strategi Menjawab Soalan

Semak Kendiri

Peta Modul — Apa yang Akan Dikuasai

Sebuah aplikasi yang berfungsi sempurna tetapi mengelirukan pengguna ialah aplikasi yang gagal. Reka bentuk interaksi memastikan pengguna tahu apa yang boleh dilakukan, apa yang sedang berlaku, dan apa yang berlaku selepas mereka bertindak. Soalan Bahagian B topik ini hampir selalu berbentuk sama: satu jadual 12–15 pernyataan tentang dua aplikasi, dan calon memadankan setiap pernyataan kepada prinsip yang betul, kemudian menilai aplikasi mana yang lebih baik.

Idea Utama

Lima prinsip reka bentuk interaksi DSKP: (1) konsistensi — elemen kekal pada kedudukan, rupa dan fungsi sama; (2) keterlihatan / kebolehan membuat pemerhatian — butang mudah dikenal pasti pengguna kali pertama; (3) boleh dipelajari — pengguna kuasai selepas cuba sekali dan mengingatinya; (4) kebolehan untuk menjangka — pengguna dapat meneka hasil sebelum menekan butang; (5) maklum balas — sistem memberitahu pengguna hasil sesuatu tindakan.

Aliran — Memadankan Pernyataan dengan Prinsip

Contoh Berpandu Beranotasi

Contoh Berpandu — padan pernyataan dengan prinsip [gaya Bahagian B]

Padankan setiap pernyataan dengan prinsip: (1) Butang navigasi sentiasa di sebelah kiri setiap halaman. (2) Menekan "Hantar" memaparkan mesej "Berjaya dihantar". (3) Pengguna kali pertama mudah mengenal pasti butang carian. (4) Pengguna dapat meneka ikon tong sampah akan memadam fail. (5) Aplikasi mudah difahami selepas digunakan sekali.

Silap Lazim — yang Dipotong Markah oleh Pemeriksa

Cara Skema Jawapan Diberi