1. How to Develop for e-learning
Storyboarding
How to Develop for e-learning

2. Why Storyboard? Help to develop a good user system
Help you to understand the development process
Explain to developer what is to be achieved
Will help you in the incorporation of media elements

3. What media elements should be included?
Video - as a means to show a narrative process or explain stages in learning
Graphics - visual representation to reinforce text, or to replace text.
Text - for information on a topic, to explain assessment etc.
Sound - as a podcast or part of another media element
Colour - as part of the design of the interface or elements within the design.

4. Stages of Storyboard Spider Diagram Navigation Structure
Wireframe Diagrams

5. Wireframes Good for simplifying interface design
Should include a range of media elements in the design
Simple drawings or sketches to show layout and objects within an interface
Should contain written information on objects and content

6. Spider Diagrams

7. Digital Video Spider Diagram

8. Digital Video Navigation

9. Digital Video Navigation

10. Task
Choose a section of your own unit and develop it initially as a spider diagram
Create a navigation system from this

11. Wireframe Examples

12. Wireframe Examples

13. Digital Video Wireframe Diagram

14. Digital Video Wireframe Diagram

15. Task
Create a series of wireframes to show different layouts for alternative media elements
Include hex colour values and font style and size
Useful links:
showcase/?page_id=96