Please enable JavaScript.
Coggle requires JavaScript to display documents.
DESIGN OF USER INTERFACE CONCEPTS (HCI – K2) - Coggle Diagram
DESIGN OF USER INTERFACE CONCEPTS (HCI – K2)
1. Reka Bentuk Antara Muka Sistem Maklumat
Antara Muka Pengguna–Sistem
Input: papan kekunci, tetikus, skrin sentuh, suara, gerak isyarat
Output: paparan visual, audio, haptik
Paradigma interaksi:
GUI
CLI
Menu-based
Natural language
Jenis Antara Muka
GUI – ikon, menu, tetingkap (mudah & intuitif)
CLI – arahan teks (cepat untuk pengguna pakar)
Bahasa semula jadi – suara / teks
Sentuhan & gerak isyarat
Ciri Antara Muka Berkesan
Kebolehgunaan tinggi (usability)
Konsistensi
Maklum balas segera
Kecekapan
Kepentingan Antara Muka Pengguna
Meningkatkan kebolehgunaan
Mengurangkan kos latihan
Meningkatkan kepuasan pengguna
Mengurangkan ralat & risiko keselamatan
3. Amalan Reka Bentuk Antara Muka
(Shneiderman’s Eight Golden Rules)
Konsistensi
Pintasan untuk pengguna kerap
Maklum balas bermakna
Dialog jelas (permulaan → proses → tamat)
Pencegahan & pengendalian ralat
Mudah undo / redo
Kawalan di tangan pengguna
Kurangkan beban ingatan jangka pendek
4. Fasa-Fasa Reka Bentuk Interaksi
Reka Bentuk Metafora & Visualisasi
Desktop, tong sampah, troli beli-belah
Carta, graf, visual data
Reka Bentuk Media
Teks
Grafik
Audio
Video
Animasi
Reka Bentuk Dialog
Jelas & ringkas
Konsisten
Interaktif
Menyokong matlamat pengguna
Reka Bentuk Persembahan
Visual jelas & mudah dibaca
Susun atur teratur
Seragam (warna, fon)
Mesra pengguna
5. Penilaian Formatif
Dilakukan semasa pembangunan
Menjimatkan kos & masa
Meningkatkan UX
Mengurangkan risiko kegagalan sistem
Kaedah Penilaian
Kualitatif: temubual, ujian kebolehgunaan
Kuantitatif: soal selidik, analitik, A/B testing
Campuran: gabung dua kaedah