Thursday, November 17, 2011

Week 9 - 16/11/2011

Visual Design (VD)

adalah intrface design atau rekabentuk untuk dipersembahkan. ia memainkan peranan untuk merancang penampilan atau appearance website kita. ia termasuk bagaimana kita nk mengadunkan warna,font,graphic dan elemen-elemen multimedia yang lain dalam laman web yang kita bina.dengan menggabungkan pelbagai elemen multimedia,kelainan yang diperolehi menghasilkan website yang menarik.
elemen yang perlu dalam interface website adalah
1. color atau image.warna itu perlu bersesuaian mengikut latar yang digunakan dalam website.
2.content dan juga links yang disertakan dalam website.
3.lain-lain elemen yang boleh memberi impak kepada website.
4. typography yang digunakan haruslah simple dan tidak crowded.pemilihan jenis font perlu baik dan bersesuaian.

3 perkara dalam menyediakan VD
a) Thumbnails Sketches-membantu designer untuk melakar secara virtual hasil website.boleh membantu memilih yang terbaik.
b) Storyboard Thumbnails-membantu untuk lebih fokus kepada penghasilan website yang sebenar.terbaik untuk menilai interaksi yang ada dalam website yang dibina.
c) Rough Sketches-lebih teliti dan tepat. merupakan cadangan yang lebih baik daripada thumbnails sketches.
d) Prototype- final design sebelum website yang sebenar dipublishkan.


Wednesday, November 16, 2011

week 7&8


Information Design

perkara yang penting dalam pembangunan website.bagaimana sesuatu information yang kita ada nak disampaikan dalam cara yang berkesan.information-perkara terpenting/berharga dalam setiap bidang terutamanya dalam bidang pendidikan. penyampaian information yang bagus, lebih baik penerimaannya oleh pengguna. 
terdapat 5 perkara yang perlu difikirkan dalam memproses information design ini.
a. message
b. audience
c. purpose
d. background
e. structure

pada peringkat ini, strategi pembelajaran yang bersesuaian perlu dipilih. banyak teori pembelajaran yang ada dan sesuai untuk digunakan contohnya kognitif,behaviorisme dan juga konstruktivisme.pemilihan learning theory ini bergantung kepada pendekatan yang kita gunakan.seperti:
i. tutorial lebih kepada behaviorisme 
ii. simulation - kognitif
iii. problem solving- konstruktisme
iv. cooperative learning
v. scenario based learning
dan lain-lain lagi

learning theory seperti yang dikatakan sebelum ini seperti behaviorisme, cognitive dan constructuvisme dipilih bergantung kepada jenis pengguna dan pendekatan yang dipilih.

Tuesday, November 15, 2011

week 6(19/11/2011)

Part 1: Information Design
Part 2: Interaction Design

Tgk dulu part 2 iaitu interaction design. setiap part memainkan peranan yang penting untuk menghasilkan wenb yang baik dan bersesuain mengikut kehendak /keperluan pengguna yang disasarkan. interaction design adalah bagaimana nak mengadunkan inteactivity ke interface yang ada. ini termasuklah button,icons,search text dan lain-lain lagi. merekabentuk interaksi mengubah information design kepada satu storyboard yang menunjukkan navigasi,control serta media inclusions yang ada. ini dapat membantu untuk menghasilkan satu web yang menarik dan clear path melalui information yang disediakan.

ada 3 essential elements dalam interaction design
i. organization : mcm mana nak susun setiap bahan yang ada.
ii. navigation : kemudahan untuk melakukan proses navigasi
iii. interactivity : control yang diberikan kepada pengguna untuk mengendalikan web.

navigasi yang berkesan adalah:
a. pengguna tahu current page mereka.memberikan location web yang sepatutnya spt site label.
b. pengguna tahu page mana yang telah mereka lawati.pengguna boleh kenalpasti links yang telah mereka lawati.
c. pengguna tahu hubungkait kedudukan mereka dengan keseluruhan web page tersebut.menyediakan links kepada page yang lain.
d. menyediakan navigasi yang konsisten dan mudah difahami oleh pengguna
e. menyediakan alternatif kepada pengguna untuk kembali ke page asal.

navigasi yang berkesan akan meminumumkan informasi yang berlebihan. ia boleh mengawal panjang page, seperti menggunakankan hypertext to other website,juga memberikan alternatif lain seperti segmen atau ruangan informasi.menyediakan sitemap antara ruang utama website. mudahkan pengguna untuk page asal(home) mahupun page yg dicari.

thank you :)