elearning roadshow Bristol: Three design themes for elearning

download elearning roadshow Bristol: Three design themes for elearning

of 39

  • date post

  • Category


  • view

  • download


Embed Size (px)


John Curran, award winning designer takes us through his key areas of successful elearning – instructional design, graphic design and user experience (UX) design.

Transcript of elearning roadshow Bristol: Three design themes for elearning

  • 1. The Three Elements of E-Learning Design John Curran 2 September 2014
  • 2. The Three Elements Learning Design Graphic Design Interaction Design
  • 3. Learning Design Instructional Design
  • 4. Jean Marc Cote, 1899
  • 5. The problem This could be tricky.
  • 6. The learning design process Take a load of information. Based on an understanding of how people learn convert it into something that will be more learnable. Finally check that the learning has been effective. Acid Test If the e-learning is no better than the original information then you have failed. In other words could I have learnt what I need to know from just reading the original document?
  • 7. The learning cycle Review/reflecting on the experience Planning to do it differently Having an experience Conceptualising from the experience
  • 8. Dales Cone of Experience
  • 9. The learning design process
  • 10. Neuroscience and learning Attention Frontal lobe Sorting Hippocampus Storage prefrontal cortex and temporal lobe Recall Hippocampus Practice neural synapses
  • 11. A simple instructional design framework A D C Absorb Do Connect
  • 12. A simple instructional design framework Learning Objective: Know the Different Types of Fire Extinguisher Absorb element Do element Connect element Learner is introduced to the four different types of extinguisher. They are shown examples of different fire extinguisher labels. Learner is presented with a range of different fires and must select the correct extinguisher. If choice is correct the fire is extinguished. Feedback is given. Learner has to identify the different types and locations of extinguishers available in their workplace.
  • 13. Action mapping
  • 14. Learning design key steps Step 1 Is e-learning the answer? Outcome: Decision/budget Step 2 Filter, organise, priortise. Apply rules of thumb. Outcome: Outline Step 3 Design for learning (and learners). Outcome: Storyboard Step 4 Test the learning Output: Prototype Step 5 Adjust as appropriate and complete the build.
  • 15. Graphic Design
  • 16. Which do you prefer?
  • 17. Style and theme
  • 18. Layout
  • 19. Colour
  • 20. Photography
  • 21. Typography
  • 22. Illustration
  • 23. Branding
  • 24. Learn to be a designer
  • 25. Interactive Design User experience (UX) design
  • 26. Interaction types Static Animated build Click to reveal/explore Question with feedback Drag and drop Game like
  • 27. Finally
  • 28. The e-learning team Pro team e-learning development DIY e-learning development Subject Matter Expert DIY Developer Client Subject Matter Expert Graphic Designer Interactive Developer Instructional Designer Client
  • 29. Planning rules of thumb One screen per minute 10 screens per day for ID Double the ID time for build in Storyline Add 25% for VO Add two days for graphic design More page turning More interactions
  • 30. Learn more with me! Instructional Design Basics (1 day) Instructional design basics for e-learning. Graphic Design for e-Learning (1 day) The basics of layout and design for e-learning. Articulate Studio Basics (1 day) Get up and running with Articulate Presenter and Quizmaker. Articulate Storyline Basics (2 days) Get up and running with Articulate Storyline. Moodle for Course Developers (1 day) Introduction to designing courses in Moodle.
  • 31. Connect with me @designedlearnin www.pinterest.com/designedlearnin www.designedforlearning.co.uk/blog