SlideShare una empresa de Scribd logo
1 de 30
Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya. Oleh Zahari Hamidon Dr. Abdullah Mohd Noor Universiti Brunei Darussalam
Objektif ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Pendahuluan ,[object Object],[object Object],[object Object]
Pendahuluan ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Latarbelakang Kajian ,[object Object],[object Object]
Latarbelakang kajian ,[object Object],[object Object],[object Object]
Latarbelakang kajian ,[object Object]
Latarbelakang kajian ,[object Object],[object Object],[object Object],[object Object]
Kaedah Ujian ‘Usability’ (Rubin, 1994) ,[object Object],[object Object],[object Object],[object Object]
Kaedah ,[object Object],[object Object],[object Object]
Kaedah Kajian ‘Usability’ 2.Penilaian hasil rekabentuk 1.Proses rekabentuk ,[object Object],[object Object],Pengguna Data 3.Permurnian Produk
Matlamat kajian ‘Usability’ dalam kajian ini ,[object Object],[object Object],[object Object]
Rujukan bagi merekabentuk instrumen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Objektif kajian ,[object Object]
Soalan kajian ,[object Object]
Dapatan Jadual 1: Taburan penilai berdasarkan kumpulan etnik  1 1 Kedayan 100 86 Jumlah 3 3 China 1 1 Tutong 37 32 Campuran 57 49 Melayu % n Kumpulan etnik
Jadual 2: Warna kegemaran  berdasarkan Umur  dan Jantina .0% 50.0% 50.0% .0% .0% % 0 1 1 0 0 n Hitam 14.3% .0% 42.9% 42.9% .0% % 1 0 3 3 0 n Putih 45.5% 18.2% 36.4% .0% .0% % 5 2 4 0 0 n Hijau 33.3% 16.7% 50.0% .0% .0% % 2 1 3 0 0 n Kuning 14.6% 8.3% 56.3% 20.8% .0% % 7 4 27 10 0 n Biru 8.3% 16.7% 50.0% 16.7% 8.3% % 1 2 6 2 1 n Merah P L P L P 26-35 thn 18-25 thn Bawah 18 thn
Jadual 3: Taburan warna kegemaran berdasarkan lambang pengguna 1 2 3 100.0% 20.9% 5.8% 73.3% Jumlah (%) 86 18 5 63 Jumlah (n) 2.3% .0% .0% 3.2% % 2 0 0 2 n Hitam 8.1% 11.1% .0% 7.9% % 7 2 0 5 n Putih 12.8% 11.1% 40.0% 11.1% % 11 2 2 7 n Hijau 7.0% 11.1% .0% 6.3% % 6 2 0 4 n Kuning 55.8% 66.7% 20.0% 55.6% % 48 12 1 35 n Biru 14.0% .0% 40.0% 15.9% % 12 0 2 10 n Merah Emosi Budaya Peribadi Jumlah Kategori Lambang warna
Taburan min bagi maklumbalas responden terhadap warna berdasarkan  Gestalt Law of Screen design (Chang,Dooley dan Tuovinen, 2002). .66699 4.0465 5.00 1.00 86 Tumpuan yang terhasil oleh warna banyak membantu saya dalam aktiviti pembelajaran  .78990 3.8488 5.00 1.00 86 Warna dalam paparan berupaya memberikan daya tumpuan kepada objek-objek berkenaan .74998 3.9059 5.00 2.00 85 Objek  yang terbentuk dari warna berupaya menjelaskan kandungan .83787 3.9277 5.00 1.00 83 Warna dalam paparan berupaya menjelaskan bentuk objek (seperti haiwan, pokok dan lain-lain) Sisihan Piawai Min Maximum Minimum N
Jadual 5 : Taburan min bagi maklumbalas responden  terhadap atribut kajian usability  .75369 4.1098 5.00 1.00 82 Saya sangat berpuas hati dengan keseluruhan sistem penyampaian yang disediakan dalam produk ini. .79617 4.0941 5.00 1.00 85 Keseluruhan sistem antaramuka dalam produk ini mudah diingati. .75401 4.1395 5.00 1.00 86 Keseluruhan sistem antaramuka dalam produk ini boleh digunakan dengan berkesan. .75047 4.2442 5.00 1.00 86 Komponen dalam rekabentuk mudah dipelajari dan difahami. SP Min Maximum Minimum N
*STB – Sangat tidak bersetuju  TB – Tidak bersetuju  SdB – Sedikit bersetuju B- Bersetuju   SB – Sangat bersetuju Jadual 6: Maklumbalas pengguna terhadap persepsi warna 3.5% 3 50.0% 43 27.9% 24 12.8% 11 5.8% 5 Saya percaya bahawa warna menggambarkan budaya saya 22.1% 19 58.1% 50 16.3% 14 1.2% 1 2.3% 2 Secara peribadi warna memberikan makna yang tersirat % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
Jadual 7a: Maklumbalas pengguna terhadap item  berdasarkan  Gestalt Law of screen design 17.4% 15 57.0% 49 19.8% 17 4.7% 4 1.2% 1 Warna yang terdapat dalam produk ini mencipta ritma untuk saya meneroka keseluruhan program 4.7% 4 21.2% 18 30.6% 26 22.4% 19 21.2% 18 Corak yang terbentuk oleh warna dalam produk ini mengganggu tumpuan saya terhadap kandungan pelajaran 4.7% 4 21.2% 18 30.6% 26 22.4% 19 21.2% 18 Bilangan warna yang terdapat dalam produk ini mengganggu  tumpuan saya terhadap kandungan pelajaran % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
Jadual 7b: Maklumbalas pengguna terhadap item  berdasarkan  Gestalt Law of screen design 22.1% 19 48.8% 42 22.1% 19 4.7% 4 2.3% 2 Objek yang menjadi tumpuan yang terhasil dari warna membantu saya dalam pembelajaran apabila menggunakan produk ini 16.3% 14 59.3% 51 18.6% 16 4.7% 4 1.2% 1 Warna yang terdapat dalam kebanyakan paparan berupaya membuatkan saya memberi tumpuan terhadap sesuatu objek 17.4% 15 60.5% 52 16.3% 14 5.8% 5 0.0% 0 Objek yang terbentuk dalam setiap paparan berupaya membantu saya menjelaskan maksud kandungan 23.3% 20 48.8% 42 23.3% 20 3.5% 3 1.2% 1 Warna yang terdapat dalam paparan ini membentuk objek yang jelas 12.8% 11 52.3% 45 22.1% 19 11.6% 10 1.2% 1 Warna yang terdapat dalam kebanyakan paparan berupaya mencipta ruang yang jelas % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
Maklumbalas pengguna terhadap item berdasarkan Atribut  Usability   26.7% 23 58.1% 50 11.6% 10 2.3% 2 1.2% 1 Saya sangat berpuas hati dengan keseluruhan sistem penyampaian dalam produk ini 11.6% 10 55.8% 48 18.6% 16 10.5% 9 3.5% 3 Keseluruhan sistem dalam produk ini mempunyai tahap ralat yang rendah 29.1% 25 57.0% 49 9.3% 8 3.5% 3 1.2% 1 Keseluruhan sistem dalam produk ini mudah diingati 30.2% 26 58.1% 50 8.1% 7 2.3% 2 1.2% 1 Keseluruhan sistem dalam produk ini boleh digunakan dengan berkesan 38.4% 33 51.2% 44 8.1% 7 1.2% 1 1.2% 1 Komponen-komponen rekabentuk dalam produk mudah difahami maksudnya % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas  n (%)
Statistik - Korelasi (Greer and mulhern,2002) Tiada bukti korelasi 0 + - -1 -.31 Signifikan ditahap 0.05 .31 +.1 Peningkatan  Terhadap bukti Bukti maksimum korelasi Bukti maksimum korelasi Signifikan ditahap 0.05 Peningkatan  Terhadap bukti
Jadual 9: Korelasi antara Atribut  Usability  dan  Gestalt Law of Screen Design ** Signifikan  p < 0.01 (dua hujung) *  Signifikan  p < 0.05 (dua hujung) .558(**) .251(*) .499(**) .492(**) Tumpuan yang terhasil oleh warna banyak membantu saya dalam aktiviti pembelajaran  .230(*) .098 .273(*) .261(*) Warna dalam paparan berupaya memberikan daya tumpuan kepada objek-objek berkenaan .374(**) .414(**) .421(**) .441(**) Objek  yang terbentuk dari warna berupaya menjelaskan kandungan .464(**) .282(*) .531(**) .507(**) Warna dalam paparan berupaya menjelaskan bentuk objek (seperti haiwan, pokok dan lain-lain) Saya sangat berpuas hati dengan keseluruhan sistem penyampaian yang disediakan dalam produk ini Keseluruhan sistem antaramuka dalam produk ini mudah diingati Keseluruhan sistem antaramuka dalam produk ini boleh digunakan dengan berkesan Komponen dalam rekabentuk mudah dipelajari dan difahami
Implikasi Dapatan ,[object Object],[object Object],[object Object],[object Object],[object Object]
Kesimpulan ,[object Object],[object Object],[object Object]
Kajian Lanjutan ,[object Object],[object Object],[object Object]
Sekian  Terima Kasih  di atas perhatian anda Zahari Hamidon [email_address] Dr. Abdullah Mohd Noor [email_address]

Más contenido relacionado

Destacado (12)

NOTA khb ELEKTRIK TG 1
NOTA khb ELEKTRIK TG 1NOTA khb ELEKTRIK TG 1
NOTA khb ELEKTRIK TG 1
 
Perwakilan keperluan pangkalan data
Perwakilan keperluan pangkalan dataPerwakilan keperluan pangkalan data
Perwakilan keperluan pangkalan data
 
NOTA REKA CIPTA
NOTA REKA CIPTANOTA REKA CIPTA
NOTA REKA CIPTA
 
Dskp teknologi maklumat dan komunikasi tahun 5 (terbaharu)
Dskp teknologi maklumat dan komunikasi tahun 5 (terbaharu)Dskp teknologi maklumat dan komunikasi tahun 5 (terbaharu)
Dskp teknologi maklumat dan komunikasi tahun 5 (terbaharu)
 
nota reka cipta
nota reka ciptanota reka cipta
nota reka cipta
 
Modul sks2084 1.0 bhg 1
Modul sks2084   1.0 bhg 1Modul sks2084   1.0 bhg 1
Modul sks2084 1.0 bhg 1
 
Reka Cipta Tingkatan 4 Bab 02 proses reka cipta
Reka Cipta Tingkatan 4 Bab 02 proses reka ciptaReka Cipta Tingkatan 4 Bab 02 proses reka cipta
Reka Cipta Tingkatan 4 Bab 02 proses reka cipta
 
Nota reka bentuk
Nota reka bentukNota reka bentuk
Nota reka bentuk
 
NOTA REKA CIPTA
NOTA REKA CIPTANOTA REKA CIPTA
NOTA REKA CIPTA
 
Reka bentuk dan teknologi
Reka  bentuk dan teknologiReka  bentuk dan teknologi
Reka bentuk dan teknologi
 
Proses reka bentuk
Proses reka bentukProses reka bentuk
Proses reka bentuk
 
Nota Pembangunan Laman Web
Nota Pembangunan Laman WebNota Pembangunan Laman Web
Nota Pembangunan Laman Web
 

Más de zaharihamidon

Introduction to Instructional Design
Introduction to Instructional DesignIntroduction to Instructional Design
Introduction to Instructional Design
zaharihamidon
 
Kategori:Teknologi Pendidikan Topik: Pemiihan Media
Kategori:Teknologi Pendidikan Topik: Pemiihan MediaKategori:Teknologi Pendidikan Topik: Pemiihan Media
Kategori:Teknologi Pendidikan Topik: Pemiihan Media
zaharihamidon
 

Más de zaharihamidon (17)

Goal & Performance analysis
Goal & Performance analysisGoal & Performance analysis
Goal & Performance analysis
 
Need assessment
Need assessmentNeed assessment
Need assessment
 
Motion Graphic
Motion GraphicMotion Graphic
Motion Graphic
 
Introduction to Instructional Design
Introduction to Instructional DesignIntroduction to Instructional Design
Introduction to Instructional Design
 
Newmediaslideshare
NewmediaslideshareNewmediaslideshare
Newmediaslideshare
 
Antaramuka Manusia-Komputer
Antaramuka Manusia-KomputerAntaramuka Manusia-Komputer
Antaramuka Manusia-Komputer
 
Objek Pembelajaran
Objek PembelajaranObjek Pembelajaran
Objek Pembelajaran
 
Panduan Guru dan Murid
Panduan Guru dan MuridPanduan Guru dan Murid
Panduan Guru dan Murid
 
Pemilihan Media
Pemilihan MediaPemilihan Media
Pemilihan Media
 
Principle of User Intreface Design
Principle of User Intreface DesignPrinciple of User Intreface Design
Principle of User Intreface Design
 
Rekabentuk Pengajaran
Rekabentuk PengajaranRekabentuk Pengajaran
Rekabentuk Pengajaran
 
Pengurusan Projek
Pengurusan ProjekPengurusan Projek
Pengurusan Projek
 
Gestalt Theory: Screen Design
Gestalt Theory: Screen DesignGestalt Theory: Screen Design
Gestalt Theory: Screen Design
 
Storyboard Design
Storyboard DesignStoryboard Design
Storyboard Design
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Students’ Cultural Perception towards the design of the ICDM
Students’ Cultural Perception towards the design of the ICDMStudents’ Cultural Perception towards the design of the ICDM
Students’ Cultural Perception towards the design of the ICDM
 
Kategori:Teknologi Pendidikan Topik: Pemiihan Media
Kategori:Teknologi Pendidikan Topik: Pemiihan MediaKategori:Teknologi Pendidikan Topik: Pemiihan Media
Kategori:Teknologi Pendidikan Topik: Pemiihan Media
 

Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya.

  • 1. Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya. Oleh Zahari Hamidon Dr. Abdullah Mohd Noor Universiti Brunei Darussalam
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Dapatan Jadual 1: Taburan penilai berdasarkan kumpulan etnik 1 1 Kedayan 100 86 Jumlah 3 3 China 1 1 Tutong 37 32 Campuran 57 49 Melayu % n Kumpulan etnik
  • 17. Jadual 2: Warna kegemaran berdasarkan Umur dan Jantina .0% 50.0% 50.0% .0% .0% % 0 1 1 0 0 n Hitam 14.3% .0% 42.9% 42.9% .0% % 1 0 3 3 0 n Putih 45.5% 18.2% 36.4% .0% .0% % 5 2 4 0 0 n Hijau 33.3% 16.7% 50.0% .0% .0% % 2 1 3 0 0 n Kuning 14.6% 8.3% 56.3% 20.8% .0% % 7 4 27 10 0 n Biru 8.3% 16.7% 50.0% 16.7% 8.3% % 1 2 6 2 1 n Merah P L P L P 26-35 thn 18-25 thn Bawah 18 thn
  • 18. Jadual 3: Taburan warna kegemaran berdasarkan lambang pengguna 1 2 3 100.0% 20.9% 5.8% 73.3% Jumlah (%) 86 18 5 63 Jumlah (n) 2.3% .0% .0% 3.2% % 2 0 0 2 n Hitam 8.1% 11.1% .0% 7.9% % 7 2 0 5 n Putih 12.8% 11.1% 40.0% 11.1% % 11 2 2 7 n Hijau 7.0% 11.1% .0% 6.3% % 6 2 0 4 n Kuning 55.8% 66.7% 20.0% 55.6% % 48 12 1 35 n Biru 14.0% .0% 40.0% 15.9% % 12 0 2 10 n Merah Emosi Budaya Peribadi Jumlah Kategori Lambang warna
  • 19. Taburan min bagi maklumbalas responden terhadap warna berdasarkan Gestalt Law of Screen design (Chang,Dooley dan Tuovinen, 2002). .66699 4.0465 5.00 1.00 86 Tumpuan yang terhasil oleh warna banyak membantu saya dalam aktiviti pembelajaran .78990 3.8488 5.00 1.00 86 Warna dalam paparan berupaya memberikan daya tumpuan kepada objek-objek berkenaan .74998 3.9059 5.00 2.00 85 Objek yang terbentuk dari warna berupaya menjelaskan kandungan .83787 3.9277 5.00 1.00 83 Warna dalam paparan berupaya menjelaskan bentuk objek (seperti haiwan, pokok dan lain-lain) Sisihan Piawai Min Maximum Minimum N
  • 20. Jadual 5 : Taburan min bagi maklumbalas responden terhadap atribut kajian usability .75369 4.1098 5.00 1.00 82 Saya sangat berpuas hati dengan keseluruhan sistem penyampaian yang disediakan dalam produk ini. .79617 4.0941 5.00 1.00 85 Keseluruhan sistem antaramuka dalam produk ini mudah diingati. .75401 4.1395 5.00 1.00 86 Keseluruhan sistem antaramuka dalam produk ini boleh digunakan dengan berkesan. .75047 4.2442 5.00 1.00 86 Komponen dalam rekabentuk mudah dipelajari dan difahami. SP Min Maximum Minimum N
  • 21. *STB – Sangat tidak bersetuju TB – Tidak bersetuju SdB – Sedikit bersetuju B- Bersetuju SB – Sangat bersetuju Jadual 6: Maklumbalas pengguna terhadap persepsi warna 3.5% 3 50.0% 43 27.9% 24 12.8% 11 5.8% 5 Saya percaya bahawa warna menggambarkan budaya saya 22.1% 19 58.1% 50 16.3% 14 1.2% 1 2.3% 2 Secara peribadi warna memberikan makna yang tersirat % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
  • 22. Jadual 7a: Maklumbalas pengguna terhadap item berdasarkan Gestalt Law of screen design 17.4% 15 57.0% 49 19.8% 17 4.7% 4 1.2% 1 Warna yang terdapat dalam produk ini mencipta ritma untuk saya meneroka keseluruhan program 4.7% 4 21.2% 18 30.6% 26 22.4% 19 21.2% 18 Corak yang terbentuk oleh warna dalam produk ini mengganggu tumpuan saya terhadap kandungan pelajaran 4.7% 4 21.2% 18 30.6% 26 22.4% 19 21.2% 18 Bilangan warna yang terdapat dalam produk ini mengganggu tumpuan saya terhadap kandungan pelajaran % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
  • 23. Jadual 7b: Maklumbalas pengguna terhadap item berdasarkan Gestalt Law of screen design 22.1% 19 48.8% 42 22.1% 19 4.7% 4 2.3% 2 Objek yang menjadi tumpuan yang terhasil dari warna membantu saya dalam pembelajaran apabila menggunakan produk ini 16.3% 14 59.3% 51 18.6% 16 4.7% 4 1.2% 1 Warna yang terdapat dalam kebanyakan paparan berupaya membuatkan saya memberi tumpuan terhadap sesuatu objek 17.4% 15 60.5% 52 16.3% 14 5.8% 5 0.0% 0 Objek yang terbentuk dalam setiap paparan berupaya membantu saya menjelaskan maksud kandungan 23.3% 20 48.8% 42 23.3% 20 3.5% 3 1.2% 1 Warna yang terdapat dalam paparan ini membentuk objek yang jelas 12.8% 11 52.3% 45 22.1% 19 11.6% 10 1.2% 1 Warna yang terdapat dalam kebanyakan paparan berupaya mencipta ruang yang jelas % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
  • 24. Maklumbalas pengguna terhadap item berdasarkan Atribut Usability 26.7% 23 58.1% 50 11.6% 10 2.3% 2 1.2% 1 Saya sangat berpuas hati dengan keseluruhan sistem penyampaian dalam produk ini 11.6% 10 55.8% 48 18.6% 16 10.5% 9 3.5% 3 Keseluruhan sistem dalam produk ini mempunyai tahap ralat yang rendah 29.1% 25 57.0% 49 9.3% 8 3.5% 3 1.2% 1 Keseluruhan sistem dalam produk ini mudah diingati 30.2% 26 58.1% 50 8.1% 7 2.3% 2 1.2% 1 Keseluruhan sistem dalam produk ini boleh digunakan dengan berkesan 38.4% 33 51.2% 44 8.1% 7 1.2% 1 1.2% 1 Komponen-komponen rekabentuk dalam produk mudah difahami maksudnya % n % n % n % n % n 5 SB 4 B 3 SdB 2 TB 1 STB Maklumbalas n (%)
  • 25. Statistik - Korelasi (Greer and mulhern,2002) Tiada bukti korelasi 0 + - -1 -.31 Signifikan ditahap 0.05 .31 +.1 Peningkatan Terhadap bukti Bukti maksimum korelasi Bukti maksimum korelasi Signifikan ditahap 0.05 Peningkatan Terhadap bukti
  • 26. Jadual 9: Korelasi antara Atribut Usability dan Gestalt Law of Screen Design ** Signifikan p < 0.01 (dua hujung) * Signifikan p < 0.05 (dua hujung) .558(**) .251(*) .499(**) .492(**) Tumpuan yang terhasil oleh warna banyak membantu saya dalam aktiviti pembelajaran .230(*) .098 .273(*) .261(*) Warna dalam paparan berupaya memberikan daya tumpuan kepada objek-objek berkenaan .374(**) .414(**) .421(**) .441(**) Objek yang terbentuk dari warna berupaya menjelaskan kandungan .464(**) .282(*) .531(**) .507(**) Warna dalam paparan berupaya menjelaskan bentuk objek (seperti haiwan, pokok dan lain-lain) Saya sangat berpuas hati dengan keseluruhan sistem penyampaian yang disediakan dalam produk ini Keseluruhan sistem antaramuka dalam produk ini mudah diingati Keseluruhan sistem antaramuka dalam produk ini boleh digunakan dengan berkesan Komponen dalam rekabentuk mudah dipelajari dan difahami
  • 27.
  • 28.
  • 29.
  • 30. Sekian Terima Kasih di atas perhatian anda Zahari Hamidon [email_address] Dr. Abdullah Mohd Noor [email_address]