elearning roadshow bristol: three design themes for elearning

39
The Three Elements of E-Learning Design John Curran 2 September 2014

Upload: kate-graham

Post on 30-Apr-2015

162 views

Category:

Design


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: elearning roadshow Bristol: Three design themes for elearning

The Three Elementsof E-Learning DesignJohn Curran2 September 2014

Page 2: elearning roadshow Bristol: Three design themes for elearning

The Three Elements

Learning Design Graphic

Design

Interaction Design

Page 3: elearning roadshow Bristol: Three design themes for elearning

Learning DesignInstructional Design

Page 4: elearning roadshow Bristol: Three design themes for elearning

Jean Marc Cote, 1899

Page 5: elearning roadshow Bristol: Three design themes for elearning

The problemThis could be tricky.

Page 6: elearning roadshow Bristol: Three design themes for elearning

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?

Page 7: elearning roadshow Bristol: Three design themes for elearning

The learning cycle

Review/reflecting on the experience

Planning to do it differently

Having an experience

Conceptualising from the experience

Page 8: elearning roadshow Bristol: Three design themes for elearning

Dale’s Cone of Experience

Page 9: elearning roadshow Bristol: Three design themes for elearning

The learning design process

Page 10: elearning roadshow Bristol: Three design themes for elearning

Neuroscience and learning

Attention Frontal lobe

Sorting Hippocampus

Storage prefrontal cortex

and temporal lobe

RecallHippocampus

Practiceneural synapses

Page 11: elearning roadshow Bristol: Three design themes for elearning

A simple instructional design framework

A DAbsorb Do Connect

C

Page 12: elearning roadshow Bristol: Three design themes for elearning

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.

Page 13: elearning roadshow Bristol: Three design themes for elearning

Action mapping

Page 14: elearning roadshow Bristol: Three design themes for elearning

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.

Page 15: elearning roadshow Bristol: Three design themes for elearning

Graphic Design

Page 16: elearning roadshow Bristol: Three design themes for elearning

Which do you prefer?

Page 17: elearning roadshow Bristol: Three design themes for elearning

Style and theme

Page 18: elearning roadshow Bristol: Three design themes for elearning

Layout

Page 19: elearning roadshow Bristol: Three design themes for elearning

Colour

Page 20: elearning roadshow Bristol: Three design themes for elearning

Photography

Page 21: elearning roadshow Bristol: Three design themes for elearning

Typography

Page 22: elearning roadshow Bristol: Three design themes for elearning

Illustration

Page 23: elearning roadshow Bristol: Three design themes for elearning

Branding

Page 24: elearning roadshow Bristol: Three design themes for elearning

Learn to be a designer

Page 25: elearning roadshow Bristol: Three design themes for elearning

Interactive DesignUser experience (UX) design

Page 26: elearning roadshow Bristol: Three design themes for elearning

Interaction types

Static Animated build Click to reveal/explore

Question with feedback Drag and drop Game like

Page 27: elearning roadshow Bristol: Three design themes for elearning
Page 28: elearning roadshow Bristol: Three design themes for elearning
Page 29: elearning roadshow Bristol: Three design themes for elearning
Page 30: elearning roadshow Bristol: Three design themes for elearning
Page 31: elearning roadshow Bristol: Three design themes for elearning
Page 32: elearning roadshow Bristol: Three design themes for elearning
Page 33: elearning roadshow Bristol: Three design themes for elearning
Page 34: elearning roadshow Bristol: Three design themes for elearning
Page 35: elearning roadshow Bristol: Three design themes for elearning

Finally

Page 36: elearning roadshow Bristol: Three design themes for elearning

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

Page 37: elearning roadshow Bristol: Three design themes for elearning

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

Page 38: elearning roadshow Bristol: Three design themes for elearning

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.

Page 39: elearning roadshow Bristol: Three design themes for elearning

Connect with me

@designedlearnin www.pinterest.com/designedlearnin

www.designedforlearning.co.uk/blog