WRET 1103 REKABENTUK APLIKASI MULTIMEDIA Nornazlita Hussin Bilik

WRET 1103 REKABENTUK APLIKASI MULTIMEDIA Nornazlita Hussin Bilik : D 9 nazlita@um. edu. my 1

Masa Kuliah n Kelas ¨ Isnin 10: 00 – 10: 50 am (BK 1 A/1 B) ¨ Jumaat 10: 00 – 11: 50 am (BK 1 A/1 B) nazlita@um. edu. my 2

Penilaian n n 50% : Peperiksaan akhir 10% : Peperiksaan pertengahan semester ¨ n 15% : Projek berkumpulan 1 ¨ n 31 Disember 2004 (10: 30 am) Tarikh hantar : 24 Disember 2004 25% : Projek berkumpulan 2 ¨ Tarikh hantar : 11 Februari 2005 nazlita@um. edu. my 3

Buku Rujukan n Mohammad Dastbaz, Designing Interactive Multimedia Systems Mc Graw Hill, 2002 Alan Dix, Janet Finlay, Gregory A. Russel Beale, Human Interaction, 2 nd Edition: Prentice Hall, 1998 Wilbert O. Galitz, The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques; John Wiley & Sons Inc, 1999 nazlita@um. edu. my 4

Pengenalan n Multimedia Banyak media (teks, audio, imej, animasi, video) Jenis media : ¨ Media berterusan Bergantung kepada masa (time basis) n Contoh: audio, video n ¨ Media diskrit n Tidak bergantung dengan masa n Contoh : teks, imej, grafik nazlita@um. edu. my 5

Cognitive Psychology Tujuan utama untuk mengaplikasi ‘cognitive psychology’ pada rekabentuk sistem adalah untuk memastikan aktiviti pemprosesan maklumat boleh diterima oleh pemprosesan mental pengguna. nazlita@um. edu. my 6

n Ia dapat membantu dalam meningkatkan rekabentuk sistem komputer dengan: Memberi maklumat tentang pengguna iaitu apa yang pengguna boleh buat atau tidak boleh buat. ¨ Mengenalpasti dan menerangkan sebab-sebab masalah yang dihadapi oleh pengguna. ¨ Menyediakan ‘modeling tools’ untuk membantu membina antaramuka yang selesa atau terbaik. ¨ nazlita@um. edu. my 7

n 6 aspek ‘cognitive psychology’: 1. Persepsi visual (visual perception). Tumpuan (Attention). Pemprosesan maklumat (information processing). Memory. Belajar(learning). Mental models. 2. 3. 4. 5. 6. nazlita@um. edu. my 8

1. Persepsi visual n Dalam merekabentuk skrin, penting untuk memastikan maklumat: ¨ ¨ ¨ mudah dibaca. objek adalah terang dan kontras dari latar belakang. kemas dan teratur. struktur yang bermakna/logik mudah difahami. nazlita@um. edu. my 9

2. Tumpuan ( Attention). n Kesan terhadap tumpuan yang terhad menyebabkan rekabentuk sistem: ¨ pengguna sukar untuk fokus pada informasi. ¨ pengguna mudah di ‘distracted’. ¨ sukar untuk pengguna menukar kerja (switch tasks) dalam antaramuka multitasking. nazlita@um. edu. my 10

Teknik untuk menarik perhatian pengguna: 1. Persembahan informasi mestilah dalam logik dan struktur yang bermakna untuk membantu pengguna mencari informasi yang berkaitan. 2. Guna ‘visual markers’ spt flashing lights, underlining, bold dan juga bunyi untuk menarik perhatian pengguna. 3. Bahagikan skrin pada bahagian atau tetingkap(windows). nazlita@um. edu. my 11

3. Pemprosesan maklumat. (Infor. Processing) Apabila berinteraksi dengan sistem komputer, pengguna akan selalu melihat pada bahagian skrin tertentu dan melakukan tindakan. n Di dalam pemprosesan maklumat manusia akan mengalami: 1) Mengkod (encode) maklumat dari persekitaran kepada bentuk perwakilan dalaman (internal). n nazlita@um. edu. my 12

2)Membandingkan perwakilan dengan perwakilan yang telah tersimpan di dalam otak. 3) Membuat keputusan terhadap tindak balas yang sepatutnya. 4) Mengorganisasi tindakbalas dan tindakan yang perlu. nazlita@um. edu. my 13

4. Memori diperlukan dalam semua tindakan manusia spt, bercakap, membaca, menulis dan menggunakan komputer. n Sesetengah operasi komputer mudah untuk diingat dan ada yang sukar untuk belajar menggunakannya. n Ikon juga memberi masalah kerana ia mungkin bermakna bagi pereka tetapi sebaliknya bagi pengguna. n nazlita@um. edu. my 14

n Cognitive psychology mencadangkan antaramuka boleh direkabentuk untuk meminimakan keperluan memori pengguna dengan: ¨ menggunakan nama dan ikon yang bermakna dan mudah untuk dibezakan antara satu sama lain. ¨ menggunakan nama dan ikon yang menggambarkan struktur perhubungan antara entiti di dalam satu set arahan, menu dan sebagainya. nazlita@um. edu. my 15

5. Belajar (learning). Belajar untuk menggunakan komputer adalah proses yang kompleks. n Terdapat strategi belajar yang berbeza iaitu: 1)Belajar melalui perbuatan n ¨ Pengguna lebih suka buat sesuatu dan melihat hasilnya dari membaca manual. nazlita@um. edu. my 16

2)Belajar dengan aktif berfikir. ¨ Pengguna perlu faham bagaimana sistem tersebut berfungsi dan kenapa ia bertindak dengan cara tertentu. 3)Belajar melalui matlamat dan knowledge plan. ¨ Untuk pengguna mencapai matlamat, tindakan pengguna mestilah setaraf dengan operasi sistem komputer. nazlita@um. edu. my 17

4) Belajar melalui anologi. ¨ Pengguna menbandingkan konsep sistem yang tidak biasa digunakan dengan sistem yang biasa digunakan. ¨ Eg. word processor dengan typewriter. 5) Belajar dari kesalahan. ¨ Tindakbalas dari kesalahan dapat membantu pengguna untuk belajar dan memahami aktiviti kerja. nazlita@um. edu. my 18

6. Mental Model n n Di dalam konsep komputer, mental model bermaksud membenarkan pengguna untuk memahami pengoperasian komputer dan membuat jangkaan hasil daripada pelbagai tindakan yang dilakukan. Mental model pengguna bagi sistem, terbina dari pengalaman yang lepas, interaksi dengan antaramuka pengguna (user interface), kelakuan (behaviour) dan dokumentasi. nazlita@um. edu. my 19

n 1. 2. 3. Mental model dapat membantu dalam: Belajar. Menyelesaikan masalah. Menakrifkan sesuatu keadaan dan tindakan yang akan berlaku. nazlita@um. edu. my 20

Masalah yang dihadapi oleh mental model adalah: 1. Mudah lupa perkara yang terperinci. 2. Malas. 3. Tidak mahu mencuba. n nazlita@um. edu. my 21

n 1. 2. 3. 4. 5. Garispanduan merekabentuk aplikasi untuk mental model yang baik: Jelas-tindakan, pilihan dan keadaan sistem yang jelas. Pemetaan( mapping)- objektif kepada pengoperasian. Tindakbalas-reward pengguna. Konsep- jelas dan mudah. Penggunaan metafor pada antaramuka pengguna. nazlita@um. edu. my 22

n Psikologi Organisasi dan Psikologi Sosial dapat membantu bila untuk memperkenalkan sistem komputer yang baru pada suatu tempat kerja, iaitu dengan: Menyediakan maklumat tentang struktur dan cara bekerja sesuatu perniagaan atau institusi tersebut. ¨ Mengenalpasti dan menerangkan masalah dari hasil perubahan pada cara bekerja. ¨ nazlita@um. edu. my 23

¨ Memberi kefahaman aspek sosial yang lebih baik terhadap penggunaan dan implementasi komputer. ¨ Mencadangkan kaedah-kaedah untuk restructure organisasi bagi memperbaiki kualiti kerja. nazlita@um. edu. my 24