Please enable JavaScript.
Coggle requires JavaScript to display documents.
DKB4213 – Design of User Interface Concepts - Coggle Diagram
DKB4213 – Design of User Interface Concepts
bab 2.1 Reka Bentuk Antara Muka Sistem Maklumat
Ringkasan:
Bab ini menerangkan asas antara muka pengguna (UI) sebagai penghubung antara manusia dan sistem komputer, termasuk komponen, jenis UI, perisian UI dan kategori pengguna.
Antara muka ialah cara pengguna memberi input dan menerima output daripada sistem.
Komponen utama UI:
Input: papan kekunci, tetikus, skrin sentuh, suara, gerak isyarat.
Output: paparan visual, audio, haptik.
Paradigma interaksi: GUI, CLI, menu, sentuhan.
Ciri UI berkesan:
Mudah digunakan (usability)
Konsisten
Maklum balas segera
Cekap
Perisian UI:
Sistem pengendalian (Windows, Android)
Rangka kerja UI (React, Flutter)
Alat reka bentuk (Figma, Adobe XD)
Kategori pengguna:
Novis, pertengahan, pakar → UI perlu sesuai dengan tahap pengguna.
Bab 2.2: Kepentingan Antara Muka Pengguna
Ringkasan:
Bab ini menjelaskan mengapa UI sangat penting dalam menentukan kejayaan atau kegagalan sesuatu sistem.
UI yang baik:
Meningkatkan kebolehgunaan dan produktiviti
Mengurangkan kos latihan pengguna
Mengurangkan ralat dan risiko keselamatan
Meningkatkan kepuasan dan motivasi pengguna
UI ialah perkara pertama yang dinilai pengguna sebelum menerima sistem.
Bab 2.3: Amalan Reka Bentuk Antara Muka
Ringkasan:
Bab ini membincangkan prinsip dan amalan terbaik dalam mereka bentuk UI, khususnya berdasarkan Shneiderman’s Eight Golden Rules.
Antara prinsip utama:
Konsistensi – susun atur dan istilah seragam
Jalan pintas – untuk pengguna berpengalaman
Maklum balas bermakna – respon jelas setiap tindakan
Dialog jelas – ada permulaan dan penutup tugasan
Pencegahan ralat – elak kesilapan sebelum berlaku
Undo / Redo – pemulihan tindakan mudah
Kawalan pengguna – sistem tidak bertindak sendiri
Kurangkan beban ingatan – guna menu & ikon
Prinsip ini membantu menghasilkan UI yang mesra pengguna dan berkesan.
Bab 2.4: Fasa-Fasa Reka Bentuk Interaksi
Ringkasan:
Bab ini menerangkan proses dan fasa dalam membina interaksi UI yang baik dan terancang.
2.4.1 Reka Bentuk Metafora & Visualisasi
Guna konsep dunia sebenar (desktop, troli beli-belah)
Visual seperti carta dan graf untuk mudahkan faham
2.4.2 Reka Bentuk Media
Gabungan teks, grafik, audio, video, animasi
Pilihan media bergantung kepada konteks dan pengguna
2.4.3 Reka Bentuk Dialog
Komunikasi dua hala pengguna sistem
Dialog mesti jelas, konsisten dan interaktif
2.4.4 Reka Bentuk Persembahan
Fokus paparan visual: warna, fon, susun atur
Maklumat mudah dibaca dan tidak berserabut
Bab 2.5: Penilaian Formatif
Ringkasan:
Bab ini menerangkan penilaian berterusan UI semasa pembangunan untuk mengesan masalah awal.
Penilaian formatif:
Menjimatkan kos dan masa
Meningkatkan pengalaman pengguna
Mengurangkan risiko kegagalan produk
Kaedah penilaian:
Kualitatif: temubual, ujian kebolehgunaan
Kuantitatif: soal selidik, analitik, A/B testing
Campuran: gabungan kedua-dua
Proses:
Tetapkan objektif → pilih peserta → jalankan ujian → analisis → cadangan
Penilaian dilakukan berulang (iteratif) sepanjang pembangunan