Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya. Oleh Zahari Hamidon Dr. Abdullah M...
Objektif <ul><li>Pendahuluan </li></ul><ul><li>Latarbelakang kajian </li></ul><ul><li>Kaedah kajian ‘Usability’ </li></ul>...
Pendahuluan <ul><li>Perhubungan antara pengguna dengan komputer dikatakan berupaya menghasilkan motivasi kepada penggunany...
Pendahuluan <ul><li>kepentingan teknologi dalam kehidupan seorang kanak-kanak  </li></ul><ul><ul><li>kritikal untuk member...
Latarbelakang Kajian <ul><li>Kepentingan kajian dalam bidang rekabentuk antaramuka mampu menjadikan seseorang pelajar lebi...
Latarbelakang kajian <ul><li>Tugasan (task) </li></ul><ul><li>Tugasan (task) adalah siri-siri langkah yang membawa kepada ...
Latarbelakang kajian <ul><li>Pelaksanaan pembelajaran dalam talian tugas (task) adalah diantara elemen yang membawa pelaja...
Latarbelakang kajian <ul><li>Kajian usability merupakan sebahagian daripada aktiviti penilaian yang berterusan terhadap se...
Kaedah Ujian ‘Usability’ (Rubin, 1994) <ul><li>Ujian berasaskan penerokaan (Exploratory test) </li></ul><ul><li>Ujian bera...
Kaedah <ul><li>Ujian berasaskan penerokaan.  </li></ul><ul><li>Objektif pengujian ini adalah untuk menilai  keberkesanan k...
Kaedah Kajian ‘Usability’ 2.Penilaian hasil rekabentuk 1.Proses rekabentuk <ul><li>Atribut  Usability  (Nielsen, 1993) </l...
Matlamat kajian ‘Usability’ dalam kajian ini <ul><li>Pengujian produk </li></ul><ul><ul><li>Secara khususnya ia bertujuan ...
Rujukan bagi merekabentuk instrumen <ul><li>Lima atribut dalam kajian usability oleh Nielsen (1993) sebagaimana di bawah: ...
Objektif kajian <ul><li>Kajian ini secara khususnya bertujuan untuk mengenalpasti kesan warna dalam rekabentuk antaramuka ...
Soalan kajian <ul><li>Adakah warna dalam rekabentuk antaramuka yang dipaparkan memberikan kesan kepada setiap tugasan dala...
Dapatan Jadual 1: Taburan penilai berdasarkan kumpulan etnik  1 1 Kedayan 100 86 Jumlah 3 3 China 1 1 Tutong 37 32 Campura...
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%...
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 ...
Taburan min bagi maklumbalas responden terhadap warna berdasarkan  Gestalt Law of Screen design (Chang,Dooley dan Tuovinen...
Jadual 5 : Taburan min bagi maklumbalas responden  terhadap atribut kajian usability  .75369 4.1098 5.00 1.00 82 Saya sang...
*STB – Sangat tidak bersetuju  TB – Tidak bersetuju  SdB – Sedikit bersetuju B- Bersetuju   SB – Sangat bersetuju Jadual 6...
Jadual 7a: Maklumbalas pengguna terhadap item  berdasarkan  Gestalt Law of screen design 17.4% 15 57.0% 49 19.8% 17 4.7% 4...
Jadual 7b: Maklumbalas pengguna terhadap item  berdasarkan  Gestalt Law of screen design 22.1% 19 48.8% 42 22.1% 19 4.7% 4...
Maklumbalas pengguna terhadap item berdasarkan Atribut  Usability   26.7% 23 58.1% 50 11.6% 10 2.3% 2 1.2% 1 Saya sangat b...
Statistik - Korelasi (Greer and mulhern,2002) Tiada bukti korelasi 0 + - -1 -.31 Signifikan ditahap 0.05 .31 +.1 Peningkat...
Jadual 9: Korelasi antara Atribut  Usability  dan  Gestalt Law of Screen Design ** Signifikan  p < 0.01 (dua hujung) *  Si...
Implikasi Dapatan <ul><li>Pada keseluruhan dapatan yang dibincangkan di atas memberikan kesan terhadap proses permurnian t...
Kesimpulan <ul><li>Dalam konteks kajian ini dua perkara perlu diambilkira dalam aktiviti permurnian produk yang dinilai ia...
Kajian Lanjutan <ul><li>Kajian ini hanya menumpukan warna dalam mengukur keberkesanannya sebagai alat dalam sistem penyamp...
Sekian  Terima Kasih  di atas perhatian anda Zahari Hamidon [email_address] Dr. Abdullah Mohd Noor [email_address]
Upcoming SlideShare
Loading in …5
×

Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya.

4,059 views

Published on

Paper presented in Seminar Penyelidikan Pendidikan Guru Kebangsaan Tahun 2005
Selasa, 2 Ogos 2005 8.00 pg hingga 10.00 pg
di Beverly Hotel Kota Kinabalu Sabah

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,059
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
108
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya.

    1. 1. Kesan Elemen Rekabentuk Antaramuka Perisian Multimedia Interaktif Terhadap Penggunanya. Oleh Zahari Hamidon Dr. Abdullah Mohd Noor Universiti Brunei Darussalam
    2. 2. Objektif <ul><li>Pendahuluan </li></ul><ul><li>Latarbelakang kajian </li></ul><ul><li>Kaedah kajian ‘Usability’ </li></ul><ul><li>Matlamat kajian ‘Usability’ dalam kajian ini </li></ul><ul><li>Objektif kajian </li></ul><ul><li>Soalan kajian </li></ul><ul><li>Dapatan </li></ul><ul><li>Implikasi dapatan </li></ul><ul><li>Kesimpulan </li></ul><ul><li>Kajian lanjutan </li></ul>
    3. 3. Pendahuluan <ul><li>Perhubungan antara pengguna dengan komputer dikatakan berupaya menghasilkan motivasi kepada penggunanya </li></ul><ul><li>Sistem penyampaian yang mempunyai hubungan yang rapat antara pengguna </li></ul><ul><li>Dalam konteks HCI salah satu bidang yang lazimnya diterokai untuk tujuan membina sistem penyampaian ialah rekabentuk antaramuka. </li></ul>
    4. 4. Pendahuluan <ul><li>kepentingan teknologi dalam kehidupan seorang kanak-kanak </li></ul><ul><ul><li>kritikal untuk memberi pertimbangan terhadap kaedah menghasilkan teknologi baru bagi kanak-kanak </li></ul></ul><ul><ul><ul><li>mudah digunakan </li></ul></ul></ul><ul><ul><ul><li>sesuai tahap mereka </li></ul></ul></ul><ul><ul><ul><ul><li>aspek kandungan dan antaramukanya </li></ul></ul></ul></ul><ul><li>(Druin dan Hourcade, 2005) </li></ul>
    5. 5. Latarbelakang Kajian <ul><li>Kepentingan kajian dalam bidang rekabentuk antaramuka mampu menjadikan seseorang pelajar lebih jelas dan faham terhadap nilai sosial dan budaya. (Druin dan Hourcade, 2005) </li></ul><ul><li>Rekabentuk yang buruk terhadap simbol akan menjadikan seseorang itu tidak selesa walaupun mereka sudah biasa dengannya. (Ware, 2003) </li></ul>
    6. 6. Latarbelakang kajian <ul><li>Tugasan (task) </li></ul><ul><li>Tugasan (task) adalah siri-siri langkah yang membawa kepada hasil yang bermakna Mager (1995) </li></ul><ul><li>Senario tugasan (Task scenario) sebagai kerja sebenar yang dapat difikirkan oleh pengguna dalamsesebuah produk (Rubin, 1994) </li></ul>
    7. 7. Latarbelakang kajian <ul><li>Pelaksanaan pembelajaran dalam talian tugas (task) adalah diantara elemen yang membawa pelajar bersama bagi menamatkan aktiviti pembelajarannya (Pallot dan Pratt ,2001). </li></ul>
    8. 8. Latarbelakang kajian <ul><li>Kajian usability merupakan sebahagian daripada aktiviti penilaian yang berterusan terhadap sesebuah produk semasa ianya dalam proses rekabentuk dan ciptaan. </li></ul><ul><li>Kitaran rekabentuk sesebuah rekabentuk antaramuka mempunyai dua bahagian iaitu penghasilan dan penilaian hasil. (Ebling dan John ,2000) </li></ul><ul><li>Dalam fasa kedua penilaian merupakan proses yang kritikal bagi menjamin kejayaan sesebuah rekabentuk itu. </li></ul><ul><ul><li>Ianya bertujuan untuk mengenalpasti bahagian-bahagian yang perlu diperbaiki atau diperhalusi. </li></ul></ul>
    9. 9. Kaedah Ujian ‘Usability’ (Rubin, 1994) <ul><li>Ujian berasaskan penerokaan (Exploratory test) </li></ul><ul><li>Ujian berasaskan penilaian (Assessment test) </li></ul><ul><li>Ujian perbandingan (Comparison test) </li></ul><ul><li>Ujian pengesahan (Validation test) </li></ul>
    10. 10. Kaedah <ul><li>Ujian berasaskan penerokaan. </li></ul><ul><li>Objektif pengujian ini adalah untuk menilai keberkesanan konsep rekabentuk yang dihasilkan pada peringkat awal proses merekabentuk antaramuka pengguna yang juga dikenali sebagai ’mental model’ pengguna. </li></ul><ul><li>mengenalpasti interaksi antara pengguna dengan monitor yang diuji bagi menjelaskan kelebihan dan kekurangan konsep rekabentuk yang dihasilkan pada peringkat yang awal itu (Rubin, 1994) </li></ul>
    11. 11. Kaedah Kajian ‘Usability’ 2.Penilaian hasil rekabentuk 1.Proses rekabentuk <ul><li>Atribut Usability (Nielsen, 1993) </li></ul><ul><li>Gestalt Law of Screen Design </li></ul>Pengguna Data 3.Permurnian Produk
    12. 12. Matlamat kajian ‘Usability’ dalam kajian ini <ul><li>Pengujian produk </li></ul><ul><ul><li>Secara khususnya ia bertujuan untuk menyiasat sumbangan data yang dikutip bagi digunakan dalam proses permurnian bahan yang diuji itu. </li></ul></ul><ul><ul><li>Semasa sesi ujian banyak diantara data boleh digunakan bagi menjelaskan keperluan permurnian produk berkenaan. </li></ul></ul>
    13. 13. Rujukan bagi merekabentuk instrumen <ul><li>Lima atribut dalam kajian usability oleh Nielsen (1993) sebagaimana di bawah: </li></ul><ul><ul><li>Keupayaan belajar (Learnability) </li></ul></ul><ul><ul><li>Keberkesanan (Efficiency) </li></ul></ul><ul><ul><li>Keupayaan ingatan (Memorability) </li></ul></ul><ul><ul><li>Ralat (Errors) </li></ul></ul><ul><ul><li>Kepuasan (Satisfaction) </li></ul></ul><ul><ul><ul><li>Lima atribut ini digunakan bagi mengenalpasti maklumbalas pengguna terhadap tugasan yang mereka lalui semasa sesi penilaian. </li></ul></ul></ul><ul><li>Gestalt Law of Screen Design (Chang, Dooley and Tuovinen, 2002) </li></ul><ul><ul><li>mengenalpasti maklumbalas pengguna terhadap warna dalam antaramuka yang digunakan dalam produk yang dinilai. </li></ul></ul>
    14. 14. Objektif kajian <ul><li>Kajian ini secara khususnya bertujuan untuk mengenalpasti kesan warna dalam rekabentuk antaramuka bagi penghasilan bahan pengajaran Sains interaktif yang dimuatkan dalam slaid Microsoft Powerpoint terhadap tugasan (task) yang lalui oleh pengguna. </li></ul>
    15. 15. Soalan kajian <ul><li>Adakah warna dalam rekabentuk antaramuka yang dipaparkan memberikan kesan kepada setiap tugasan dalam perisian pendidikan multimedia interaktif? </li></ul>
    16. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 27. Implikasi Dapatan <ul><li>Pada keseluruhan dapatan yang dibincangkan di atas memberikan kesan terhadap proses permurnian terhadap produk. </li></ul><ul><li>Setiap keperluan pengguna diambilkira dalam mengubahsuai, memperbaiki dan mempertingkatkan fungsi elemen rekabentuk antaramuka sebagai alat sistem penyampaian. </li></ul><ul><li>Disamping itu, elemen rekabentuk antaramuka juga mampu menjelaskan fungsinya dalam menggambarkan ciri-ciri keperibadian pengguna. </li></ul><ul><li>Faktor ini dianggap penting kerana dalam rekabentuk antaramuka ciri-ciri budaya dan personal menggambarkan suasana masyarakat setempat. </li></ul><ul><li>Dengan hal yang demikian, sensitiviti terhadap budaya dan peribadi pengguna dapat dipelihara. </li></ul>
    28. 28. Kesimpulan <ul><li>Dalam konteks kajian ini dua perkara perlu diambilkira dalam aktiviti permurnian produk yang dinilai iaitu; </li></ul><ul><li>Aktiviti merekabentuk antaramuka perlu mempertimbangkan ciri-ciri budaya dan keperluan pengguna agar setiap langkah dan tugasan (task) yang bakal dilalui dapat dilaksanakan dengan licin dan berkesan oleh pengguna. </li></ul><ul><li>Bilangan warna dan corak seharusnya dihadkan bagi menjamin tumpuan pengguna terhadap kandungan. </li></ul>
    29. 29. Kajian Lanjutan <ul><li>Kajian ini hanya menumpukan warna dalam mengukur keberkesanannya sebagai alat dalam sistem penyampaian. </li></ul><ul><li>Elemen rekabentuk antaramuka yang lain seperti bunyi, animasi, video, imej pegun, butang, kotak dialog, dan lain-lain perlu juga diberikan perhatian bagi mendapatkan input daripada pengguna secara menyeluruh . </li></ul><ul><li>Perolehan data yang optimum amat bagi menjelaskan fungsi sistem penyampaian dalam setiap produk bahan pengajaran berasaskan interaktif multimedia atau berasaskan laman web. </li></ul>
    30. 30. Sekian Terima Kasih di atas perhatian anda Zahari Hamidon [email_address] Dr. Abdullah Mohd Noor [email_address]

    ×