Module 6: Designing Instructional Material and Visual Arts
1. Examples of Good and Poor Instructional
Material
Course Title: Designing and Delivering Successful Training Programs
Module 6:
Designing Instructional Material and Visual Aids
5. • The following material are to be printed by the
instructor and provided to each group to
evaluate.
• Participants take notes on the good and bad
aspects of the design of each instructional
material.
• After participants work in groups for 10-15
minutes, they discuss briefly on each
instructional material, while the instructor
presents each material using the projector.
5
Note to Instructor:
GOOD DESIGN
Image Source: http://whoisantonis.com/ShCas_GDes_atmos.html
BAD DESIGN
Image Source : http://images.google.com/imgres?imgurl=http://archiculturefilm.com/director/wp-content/uploads/2007/12/website-bad.jpg&imgrefurl=http://archiculturefilm.com/director/%3Fcat%3D39&usg=__5AfKODemuq_TaBfzjFnTRwTnnAk=&h=375&w=500&sz=223&hl=en&start=7&um=1&tbnid=xu9ECCilGsixiM:&tbnh=98&tbnw=130&prev=/images%3Fq%3Dexample%2Bbad%2Bwebsite%2Bdesign%26hl%3Den%26client%3Dfirefox-a%26rls%3Dorg.mozilla:en-US:official%26sa%3DG%26um%3D1
BAD DESIGN
Image Source: http://psdtutsarticles.s3.amazonaws.com/working_within_limitations/terrible-font-use.jpg
BAD DESIGN
Image source: http://images.google.com/imgres?imgurl=http://archiculturefilm.com/director/wp-content/uploads/2007/12/website-bad.jpg&imgrefurl=http://archiculturefilm.com/director/%3Fcat%3D39&usg=__5AfKODemuq_TaBfzjFnTRwTnnAk=&h=375&w=500&sz=223&hl=en&start=7&um=1&tbnid=xu9ECCilGsixiM:&tbnh=98&tbnw=130&prev=/images%3Fq%3Dexample%2Bbad%2Bwebsite%2Bdesign%26hl%3Den%26client%3Dfirefox-a%26rls%3Dorg.mozilla:en-US:official%26sa%3DG%26um%3D1
BAD DESIGN
Image Source: http://blueprintds.com/wp-content/uploads/2009/01/worstweb.png
GOOD DESIGN
Image Source:http://whoisantonis.com/ShCas_GDes_Golden.html
Bad Design – Long Intro
Image Source: http://antoinettaweddings.gr/
GOOD DESIGN
Instructional Animation:
Simplistic
Minimal Images and content
Use of both images and content
Consistency in the way information is presented
Careful selection of colors and layout design
Using a metaphor to present information
Source: http://www.futureminds.us/metamorphosis.html
GOOD DESIGN
Source: http://www.theodoramichaelidou.com/Portfolio/creativedance.html
GOOD DESIGN
Source: http://www.theodoramichaelidou.com/Portfolio/infovis.html
GOOD DESIGN
Source: http://www.theodoramichaelidou.com/Portfolio/dsg.html