Please enable JavaScript.
Coggle requires JavaScript to display documents.
Design Methods and Principles - Lesson 4 (1.Course Maps/Flow Charts…
Design Methods and Principles - Lesson 4
1.Course Maps/Flow Charts
Created by the designers
Breaks a course into distinct units
Once created can be reused for other courses as well
how topics are related:links among categories
visually attractive
Elements/Components
Course Announcement page
Detailed Course Description Page
Learning Objectives
Registration Form/s
Activity Page
Post-Class Feedback Page etc
Course Resources Page
2.Content Presentation Methods
Designing activities/lessons
Focus not on IT, but on learning and
mostly on the learner
Start with core principles,
move to core examples and applications,
customize examples and applications
How to present instructional Media
on a Course Web Page?
Place adequate amount of information on a screen
important information on the top of the page
use white space to increase the page's visual appeal
information clearlyand in a logical flow
right screen size to design
How to organize and link the course content?
simple and linear structure for novice
complex and nonlinear structure for advanced and experienced
web accessible formats for the disabled
Why design navigation?
tell where
how to forward & back
how to "get there" from "here".
3.Design Principles and guidelines
Design Principles
lack information related to factors such as
task
context
technology
Design guidelines
are more specific
context-dependant
can be technology and task dependant
using
Graphics
clarify the meaning of text
file size and its download time
colors
Audio, Video
download time
Use interactive components
If special plug-ins or software are needed - give instructions to find and install them
quality of the audio/video
Animations
Draw the audience’s attention or alert people to new information
Draw attention to changes from one state to another over time
Demonstrate navigation in a particular direction
Web Accessibility Guidelines
textual equivalents for audio information,graphics
verbal descriptions of moving visual information
Test your pages in all commonly used browsers
Only use technologies defined in a W3C specification
Use features that enable activation of page elements via input devices.
4.Learning Activities
some coordinated actions that lead students to
research, analyze, evaluate, organize, synthesize, discuss, test, decide, and/or to apply ideas based on the lesson objective
may use mouse clicks, key strokes and/or voice
Methods
Educational game
simulations
Case study (for blended learning)
Can be open or closed
Problem based learning
Role Play (for blended learning)
Simulation
Determines that the students can
apply the course principles in reality
5.Storyboards
The blueprints of course content
design and development process
combination of text and graphics that convey all the necessary information
Benefits
Improved communications
Better visualization
Easier to manage
– easy to see the progress of the content development process
Saves time
– can be used to automatically or directly generate the final course pages
Elements
Date
Version
Name of the person who designed it
Lesson title/s
Sketches
Reference to audio, video scripts/clips
Navigation and information linkages
checklist
a storyboard for each page, screen, or frame
Each storyboard is numbered
All relevant details (color, graphics, sound, font, interactivity, etc.) are indicated
Each team member has a copy or easy access to a copy of the storyboards
Spell check and proofread everything
Storyboards and course maps must work together
6.Scripts
Guidelines for script writing
Start by gaining attention and end with instructions for continuation
Write like a speaker
short sentences
Use contractions; USE “isn’t NOT “is not”
Avoid passive voice
Use punctuation but not brackets
Audio
Feedbacks
Narrations
Background music
Audio Recording
emphasized words
Add pauses
Avoid page turns
Provide pronunciation
Video Production Process
Pre-production
Target audience – Objectives – Video script – Equipment preparation
Production
Setting up the equipment – Run the script with the characters
Post-production
Editing – Distribution