Interaction Design

Salam semua..

Ok, sebelum ini kita telah berbincang berkenaan Information Design. Kali ini, mari kita berbincang pula berkaitan Interaction Design. Secara ringkasnya, Interaction design lebih kepada:

• 'bagaimana web bekerja?'
• bagaimana interaksi di dalam web itu?

Anda biasa bukan mendengar perkataan interactivity? apa sebenarnya Interactivity itu?

Interactivity means that the user can control the sequence, the pace, and the most important thing is what they want tosee and want to ignore.

Navigasi merupakan salah satu aspek di dalam Interaction Design. Apa yang perlu ada di dalam navigasi ini?

-navigasi perlu menyediakan panduan dan pilihan kepada pengguna web

-pengguna mempunyai laluan yang jelas

-pengguna boleh kawal ke mana dia mahu, dan apa yang dia inginkan

-navigasi akan membantu memudahkan pengguna dalam menggunakan web

Dalam menyediakan navigasi, terdapat beberapa yang perlu dilihat. Ia adalah 4D 1C. Apa tu? macam 4U2C je bunyinya..Fiona...heh2..

4D1C tersebut adalah:

Create a guidance system to orient user

Design the navigation system

Define what happens on the screen

Design the control for information

Determine how much interaction need to be included.

Web Design Fundamentals: Part II

Salam kawan-kawan..Ya Allah..pejam celik pejam celik dah dekat nak hujung sem dah kita ni kan..

Blog mesti dah banyak content punyalah..ha'ah, memang banyak..dalam mimpi...ish ish..ajai ajai..

Jangan disalahkan masa..dah memang fitrah masa tak menunggu manusia..Sound diri sendiri ni (^_^)!

Ok jom kita sambung perbincangan yang tak habis sebelum ni. Ingat tak saya pernah kata saya nak sambung perbincangan tentang Information Design, Interaction Design, dan Visual Design?  Ketiga-tiga perkara ni termasuk di bawah perkara asas dalam membina laman web. 

Baiklah, kita masuk dulu tentang Information Design atau Rekabentuk Informasi.

Information Design

Apa pentingnya rekabentuk ini? Mungkin itu antara persoalan yang menerjah di fikiran kita sebelum ini. 

Rekabentuk Informasi ini sememangnya sangat diperlukan bagi merancang dan membentuk segala jenis maklumat yang ingin diletakkan di dalam laman web yang dibina. Ia bukan direka sebarangan, tetapi maklumat atau informasi mestilah bertepatan dengan keperluan pengguna laman web. 

Selain menyusun apakah informasi yang ingin diletakkan, pembangun laman web juga perlu merekabentuk cara terbaik dalam memastikan informasi dapat disampaikan kepada pengguna dengan efektif dan berkesan. 

Terdapat lima perkara yang perlu diberi perhatian dalam merekabentuk informasi bagi sesebuah laman web. Lima perkara tersebut adalah:

 1) Message : What information do you wish to share?

 2) Audience: Whom do you wish to share your message with?

 3) Purpose: How and why do you want to share your message with the audience?

 4) Background: What does your intended audience already know about the subject you are discussing.

 5) Structure: How can your message be organized most effectively?

Apakah cara atau strategi terbaik untuk menyampaikan maklumat kepada pengguna alamn web?. Ianya bergantung sebenarnya kepada jenis pengguna. Sebagai contoh, di dalam konteks laman web pendidikan, pembangun boleh memilih mana-mana strategi penyampaian berasaskan kepada Web Based Learning. Antara strategi yang ada adalah Pembelajaran Berasaskan Senario, Pembelajaran Berasaskan Masalah, Pembelajaran Berasakan Eksplorasi, dan lain-lain lagi. 

Di dalam merekabentuk informasi bagi laman web pendidikan juga, pembangunan harus bijak memilih teori pembelajaran yang sesuai. Antara teori pembelajaran yang boleh digunakan adalah Behaviourism, Kognitif, dan Konstruktivism (saya ada ceritakan tentang teori Konstruktivisme sebelum ini). 

Begitulah sedikit sebanyak berkenaan Rekabentuk Informasi bagi laman web. 

Saya akan sambung perbincangan berkenaan Interaction Design dan Visual design pada entry yang akan datang. 

Ye, akan disambung. (peringatan pada diri ni sebenarnya..haha (^_^)~

Jumpa lagi semua..Salam~

Pengujian dan Penilaian (Testing and Evaluation)

Assalamualaikum w.b.t  semua. 

Ya Allah, lama juga tak menulis di blog ni.. memang  lama lah. .

Takpe2, sekarang saya datang dengan entry yang baru. 

Minggu lepas, sebelum habis kelas, Yang Berhormat Dr J ada pesan untuk cari beberapa perkara. 

Antara perkara yang Dr J minta kami dapatkan adalah:
1) Apakah beza di antara pengujian (testing), dan penilaian (evaluation) ? 
2) Apakah jenis pengujian (testing) yang diperlukan untuk uji laman web?
3) Jenis penilaian (fokus kepada teknik melakukan penilaian ke atas laman web).

      Jom, kita baca sama-sama (^_^). 
      Apa beza di antara pengujian (testing), dan penilaian (evaluation)?

Penilaian ke atas website merangkumi skop yang agak  meluas seperti rekabentuk semasa pembangunan, keberkesanan strategi, persembahan laman web dan sebagainya.

Pengujian pula mempunyai skop yang lebih khusus, antaranya:

a)  Pengujian Pembangunan
- Berasaskan spesifikasi yang telah ditetapkan

b) Pengujian Penerimaan
- Mengikut piawai yg disetujui oleh kedua-dua belah pihak
- Pengujian sistematik merangkumi semua aspek aplikasi 

Pengujian ke atas laman web terbahagi kepada jenis-jenis yang tertentu, iaitu:

1.  Peer review
-Mudah dilakukan
-Mempertingkatkan kualiti
-Komen yang menyeluruh

2. Kumpulan sasaran
-Kerap digunakan bagi tujuan pasaran
-Persembahan konsep projek
-Tujuan mendapat ramalan reaksi projek
-Rekabentuk dapat diubahsuai pada peringkat awal

3. Prototype
Kebaikan:
-Meramal aplikasi keseluruhan
-Jika keperluaan pengguna sukar dikenalpasti
-Mendedahkan kelemahan aplikasi
-Mengatasi masalah diperingkat awal
-Alat pemasaran, demonstrasi dan promosi
-Mengurangkan risiko

4. Usability Test (Ujian kepenggunaan)
-Perisian siap sepenuhnya
-Memastikan aplikasi dapat digunakan sepenuhnya 

        

        Faktor yang diperhatikan:
-Daya penggunaan(masa dan usaha yang diperlukan)
-Daya pemprosesan(kelajuan, bilangan kesalahan yang wujud)
-Fleksibiliti: kesenangan menggunakan aplikasi
-Sikap: Pandangan pengguna

5. Pengujian α (alpha)
-Dilakukan secara internal
-Mengesan bugs (gangguan), kefungsian bagi setiap button atau pautan
-Ahli dari perbagai pihak
-Mengumpul sebanyak mungkin kritik dan kelemahan

6. Pengujian β (beta)
-Melibatkan pengguna sebenar
-Diedarkan pada peringkat pembangunan yang terakhir
-Diedarkan kepada pelanggan yang ada potensi
-Melibat sample yang ramai untuk mengumpulkan sebanyak mungkin data.

     Apa pula jenis penilaian yang ada?

      Dua jenis penilaian yang sering kita dengar adalah penilaian Formatif dan penilaian Sumatif. Namun sebenarnya terdapat dua lagi jenis penilaian iaitu penilaian Iluminatif dan penilaian Integratif. 

    

Penilaian Formatif bertujuan untuk mempertingkatkan rekabentuk laman web yang telah dibina sebagai pembelajaran berasaskan komputer (PBK)

Penilaian Sumatif digunakan untuk menolong pengguna dalam memilih jenis PBK yang akan digunakan dan tujuan PBK tersebut.

Penilaian Iluminatif pula merangkumi faktor kepentingan penggunaan yang tersembunyi dalam situasi tertentu.

Penilaian Integratif adalah untuk menolong pengguna dalam penggunaan PBK dengan sebaik mungkin.

Kebiasaanya, penilaian Formatif dan Sumatif menjadi pilihan untuk menilai sesuatu web yang telah dibangunkan. Justeru, mari kita dalami dua kaedah penilaian ini bersama-sama..

PENILAIAN FORMATIF
-Dilakukan disepanjang proses pembangunan perisian / laman web

a) Tujuan: Menjamin pembangunan perisian supaya dapat memenuhi citarasa pengguna serta memenuhi objektif pembelajaran.

b) Membantu meningkatkan kecekapan dan keberkesanan sesebuah sistem / laman web yang dibangunkan.

C) Dikendalikan oleh kumpulan pembangun perisian/ laman web

d) Teknik Melaksanakan Penilaian Formatif:
1. Pemerhatian
2. Temubual
3. Soal selidik
4. Pengambilan bahagian oleh pengguna
5. Kumpulan fokus
6. Pemanduan dalam perisian
7. Penilaian dengan menggunakan Pensil & Kertas
8. Penilaian pakar
9. Penilaian penggunaan

PENILAIAN SUMATIF

a) Tujuan: Membolehkan pihak yang membuat keputusan untuk menilai sistem itu berdasarkan cara pilihan, keberkesanan pencapaian kos, atau, keuntungan.

b) Dilaksanakan di akhir projek pembangunan perisian/laman web

c) Penilai berminat untuk mengetahui serta memaklumkan kepada pembina/pengguna tentang apa yang baik dan kurang baik, apa yang perlu diubah atau dikekalkan.

d) Dikendalikan oleh penilai luar projek.

 

e) Teknik Melaksanakan Penilaian Sumatif
-Penilaian pada keadaan sebenar
-Teknik soal selidik, pemanduan dalam perisian dan penilaian pakar

Jadinya, inilah perkara-perkara yang perlu kita ketahui di dalam fasa pengujian dan penilaian. Kedua-dua elemen ini sangat penting dan harus dilakukan oleh setiap pembangun bagi memastikan laman web mereka memenuhi kehendak dan piawaian yang telah ditetapkan. 

Jumpa lagi semua (^_^)~

 

Web Design Fundamentals

Salam semua..

Catatan kali ni saya kongsikan pula berkenaan asas kepada rekabentuk laman web, hasil pembelajaran dan pemahaman dalam kelas.

Ayuh, pelajari bersama!

Are you ready??

Sebelum membina laman web, kita seharusnya perlu mengetahui beberapa elemen penting. Kesilapan yang sering dilakukan oleh pembangun-pembangun laman web adalah mengabaikan elemen-elemen asas ini, justeru menyebabkan kekurangan kepada hasil produk (laman web) yang telah dibina. 

Sebenarnya, terdapat 4 apsek utama yang mempengaruhi rekabentuk sesuatu laman web itu. Ianya adalah :

1. Kandungan
2. Teknologi
3. Visual
4. Ekonomi

Kebanyakan laman web mempunyai kecacatan tertentu seperti :

• kekeliruan/kesukaran dalam menggunakannya
• rekabentuk laman web yang agak keterlaluan, menjadikan kandungan tenggelam disebalik rekabentuk yang dibina
• masa untuk memuat turun sangat lambat

Justeru, dalam merancang rekabentuk laman web, kita perlu memastikan laman web yang bakal dibina mesti:

• disusunatur dengan sangat baik
• navigasinya tidak rumit
• masa memuat turut pantas

Semoga panduan yang dipalajari ini boleh membanti kita dengan sebaiknya dalam merekabentuk laman web yang akan dibina. 

Saya akan kongsikan bersama 3 bahagian utama dalam rekabentuk laman web dalam catatan akan datang. Nantikan apa itu Information Design, Interaction Design, dan Interface Design (Visual or Presentation Design) ! 

Tunggu...

Process in Project Management : Siri 2

Salam kawan-kawan. Lama juga rasanya jari ini tak menulis untuk lakarweb.blogspot. Entah apa yang sibunknya sampai tak berkesempatan nak menulis catatan baru..

Hari tu. kita telah pun berbincang tentang apa itu pre-production, dan apa proses-proses yang terlibat di dalam fasa itu. Kini, kita bincangkan pula lagi dua fasa pembangunan laman web iaitu Constructing (production) dan Testing (post-production).

Untuk fasa Production atau dikenali juga sebagai contructing, beberapa proses terlibat di dalamnya. Antaranya ialah :

• Kajian berkenaan kandungan laman web yang bakal dibina
• Rekabentuk antaramuka
• Pembangunan grafik
• Pembangunan animasi
• Rakaman audio
• Penghasilan/pengubahsuaian video
• Memulakan pengaturcaraan laman web yang dibina.

Bagi Fasa Post-production pula, ianya melibatkan proses-proses seperti :

• Pengujian dan Penilaian - adakah kandungan laman web bertepatan dengan target pengguna, adakah ianya mudah digunakan oleh pengguna, adakah ianya berfungsi dengan betul?
• Dapatkan respon dari pengguna
• Ulangkaji atau semak produk (laman web) yang dihasilkan
• Pendokumentasian produk

Selepas membincangkan tentang 2 Fasa di atas, Dr J menerangkan pula kepada kami tentang Web Development Team. Secara asasnya, web development team seharusnya mempunyai kemahiran :

• project management
• content
• programming
• architektur dan rekabentuk.

Siapa mereka?

Ahli di dalam web development team mungkin terdiri daripada :

Apa tugas-tugas mereka?

Secara ringkasnya, skop bidang setiap ahli di dalam web develepment team adalah seperti dalam rajah di bawah :

Jumpa lagi di topik akan datang (^_^)~

Tugasan...fahami teori Konstruktivisme

Sebelum tamat kelas 17 Jan, Dr sempat ingatkan kami supaya cari maklumat dan dalami tentang teori pembelajaran Konstruktivisme. Kebetulan dah ada maklumat tentang ini, jadi saya tuliskan di sini sebagai perkongsian kita bersama.  Harap ianya dapat membantu kita semua, terutamanya diri saya sendiri (^_^)~

Konstruktivisme merupakan suatu penjelasan bagaimana pelajar belajar dan membina pemahaman yang bermakna tentang alam sekeliling mereka.

Konstruktivisme terbahagi kepada beberapa prinsip utama :

• Pengetahuan dibina secara aktif oleh pelajar
• Pelajar bukan penerima pasif pengetahuan
• Pelajar pembina aktif (konstruk) strukutur pengetahuan
• Bukan pengisian otak kosong pelajar
• Bukan tentang pemerolehan idea baru, tetapi tentang pelajar membina atau merubah idea mereka yang sedia ada
• Pelajar bina pengetahuan sains yang baru dgn cara mereflek tindakan fisikal & mental mereka
• Pelajar cuba mendapat pemahaman tentang pengalaman baru mereka dan fenomena dengan cara membentuk atau membina makna tentang perkara tersebut
• Untuk belajar, pelajar perlu asimilasikan idea baru atau menyesuaikan idea yang sedia ada.

Pembelajaran dilihat sebagai:

•  pengubahan idea,
•  pembinaan & penerimaan idea baru,
• penstrukturan semula idea sedia ada

Process in Project Management

17 Jan 2011, kelas berjalan seperti biasa. Hari ni belajar berkenaan Process in Project Management. Tiga fasa utama yang telibat dalam proses ini iaitu

• Planning
• Construct
• Testing

Menurut Dr, proses ini juga boleh dipecahkan kepada tiga bahagian lain iaitu :

•  Pre-production
•  Production
•  Post-production

Seperti biasa, ada perbincangan secara berkumpulan, Dr minta kami untuk kenalpasti apa sebenarnya proses yang terdapat di dalam fasa pre-production ni. Hasil dari perbincangan saya bersama Eija dan Kak Mariani, kami mendapati ada tiga proses yang terlibat dalam fasa pre-production ni.

Ianya adalah :

Acceptance  ---------> Discovery  ----------> Definition

Acceptance: assign initial players to the project and deliver a high level brief to the team.

Discovery: identify purpose, goals, target audience, and content. Client and production team meet to initiate the project and begin to research the overall goals and objective. 

Definition: client and production team meet with a goal to establish the project requirements and plan out the production phase.

Untuk keterangan yang lebih jelas, boleh rujuk slide Dr . Terdapat persoalan-persoalan yang boleh guide kita dalam melaksanakan fasa planning atau pre-production ni.

Ingat, lebih kurang 70% kerja pembangunan web adalah fasa perancangan.

If We fail to plan, WE plan to fail....