Design principles for online tutorials

Table of Contents

1. Introduction
2. What is an online tutorial?
3. Why create online tutorials?
4. Demonstration - Two approaches
5. Principles for creating effective tutorials
6. Applying the principles - some examples
7. The process of creating tutorials
8. Practical Hints and Tips
   1. Pedagogy
   2. Design
   3. Structure and flow
   4. Images and Video
   5. General tips
9. Summary
10. References

Images and Video

Student feedback suggests images help to make the tutorial more interesting

Clip art can be useful. See http://office.microsoft.com/clipart/

Images are available on the web or you may have your own. See the JISC Digital Media for Images at http://www.jiscdigitalmedia.ac.uk/ for more information on how to find and use images as well as copyright and legal issues.

Video can also be added successfully. For more information and help with capturing and processing video clips, contact the ESU on e-learning@bristol.ac.uk .

Consider using alt-text to make interactive exercises using pictures. See the examples section to see this in action.

Insert a two column table to add a picture next to some text.