elearning roadshow bristol: three design themes for elearning

The Three Elementsof E-Learning DesignJohn Curran2 September 2014

The Three Elements

Learning Design Graphic

Design

Interaction Design

Learning DesignInstructional Design

Jean Marc Cote, 1899

The problemThis could be tricky.

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 TestIf 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?

The learning cycle

Review/reflecting on the experience

Planning to do it differently

Having an experience

Conceptualising from the experience

Dale’s Cone of Experience

The learning design process

Neuroscience and learning

Attention Frontal lobe

Sorting Hippocampus

Storage prefrontal cortex

and temporal lobe

RecallHippocampus

Practiceneural synapses

A simple instructional design framework

A DAbsorb Do Connect

C

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.

Action mapping

Learning design key steps

Step 1Is e-learning the answer?

Outcome: Decision/budget

Step 2Filter, organise, priortise. Apply ‘rules of thumb’.

Outcome: Outline

Step 3Design for learning (and learners).

Outcome: Storyboard

Step 4Test the ‘learning’

Output: Prototype

Step 5Adjust as appropriate and complete the build.

Graphic Design

Which do you prefer?

Style and theme

Layout

Colour

Photography

Typography

Illustration

Branding

Learn to be a designer

Interactive DesignUser experience (UX) design

Interaction types

Static Animated build Click to reveal/explore

Question with feedback Drag and drop Game like

Finally

The e-learning team

DIY Developer

Client

Subject Matter Expert

DIY e-learning developmentPro team e-learning development

Subject Matter Expert

Graphic Designer

Interactive Developer

Client

Instructional Designer

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

More interactionsMore page turning

Add two days for graphic design

Learn more with me!

Instructional Design Basics (1 day)Instructional design basics 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.

Graphic Design for e-Learning (1 day)The basics of layout and design for e-learning.

Connect with me

@designedlearnin www.pinterest.com/designedlearnin

www.designedforlearning.co.uk/blog