Multimedia e-learning design

1
Multimedia e-learning design

• After analysis (audience, needs, goals, content,
  resource requirements and schedule), you are
  ready for design
• But dont skimp on analysis!
• Why emphasize getting analysis right?

2
Outputs of multimedia design

• Produce a complete specification of all media
  elements and interactivity
• Explicit enough that developers know exactly what
  to implement
• Products of e-learning design
• 1) User interface design
• 2) Content design

3
User interface design

• Develop a mock-up of look and feel
• Indicate all functions
• Write developer guidelinesstandardizing screen
  layouts, text, graphics, audio, video, and
  conventions for interactivity
• See CIMEL guidelines
• www.gsu.edu/wwwitr/docs/idguide/index.html

4
Content design flowcharts

• Navigational maps or flowcharts show overall
  structure of piece
• See Lopucks flowchart p. 12 and p. 13
• Structure may be linear, hierarchical,
  multi-linear, web graph, or composite

5
Content design storyboards

• Storyboards show scenes of a story in pictorial
  form, screen by screen
• What earlier media uses storyboards?
• See examples from Lopuck and UM
• Each sketch may come with text describing
  non-pictorial details and interactivity
• Cates template standardizes details

6
Scripts

• Like movie or TV scripts
• Provide complete details in textual form
• See Jennifer Birchs script
• Scripts may incorporate some graphics (another
  example)
• CIMEL projects script writing guidelines

7
Iterative design (1)

• First iteration describes high level navigational
  structure and key scenes
• Rough, initial storyboards (as in UM example) may
  be useful
• Show key scenes Lopuck calls these places or
  environments for action

8
Iterative design (2)

• Successive iterations show more detail
• See more details in Lopuck
• Develop script and/or storyboards that show each
  scene, screen by screen
• Cates template shows details to be considered
  for complete storyboard design