Christian King delivered this presentation at the Learning Designers Forum at Griffith University of the 15th May 2015. This presentation covers the process of designing and building an interactive eLearning scenario. Various software and resources and covered, including some eLearning scenario best practice.

1. Design and Build
Interactive Scenarios
that engage active learners

2. COMMONWEALTH OF AUSTRALIA
WARNING
This material has been reproduced and communicated to you by or on
behalf of Bond University under Part VB of the
Copyright Act 1968 (the Act).
The material in this communication may be subject to copyright under
the Act. Any further reproduction or communication of this material by
you may be the subject of copyright protection under the Act.
Do not remove this notice.
• Images used under license from eLearning Brothers and eLearning Art.
• Creative Commons images used courtesy of Photosforclass.com and Pixabay.com
• Icons made by flaticon.com licensed under Creative Commons BY 3.0

3. Why Interactive?
“Effective instruction involves task based learning
that activates prior knowledge, demonstrates the
skills, a learner applies the skills, and then
integrates the skills.”
(David Merill Paper http://cito.byuh.edu/merrill/text/papers.htm)
 Engage Students attention and participation
 Provide cultural and industry relevance
 Individualised choices and feedback
 Challenge students to develop critical thinking
skills

5. The Knowing-Doing Gap
by Jeffrey Pfeffer, Robert I. Sutton
The gap between knowing and doing is more
important than the gap between ignorance and
knowing.
“Talk is not enough, so learning something just by
looking at it on the computer is not enough either…
To the extent that you’re trying to learn something
from eLearning and then apply it in a different or a
more complex way, such as anything from
biochemistry to learning how to lead a group of
people face to face, it doesn’t work very well”

6. Linear Interactive Course
1
• Content (Info dump)
2
• Quiz about content
3
• Summarise content

7. Scenario Based eLearning

8. Example Gamified Scenario

9. Decision Making
Weighted
Scoring
Each path has unique consequences
Combined choices lead to one of
four possible endings

10. The Three Cs
1. Challenge
2. Choice
3. Consequence

11. Instructional Design
Considerations
Audience
Analysis
Prior
Knowledge
Instructional
Goals
Instructional
Objectives
Assessment
Presentation
Strategy

12. Scenario
Design Process
•Instructional Design
•Characters/Scenes
•Story/Script
•Interface Design
•Storyboard
1. Plan
•Map all decisions
•Check logic/flow
•Assess Cognitive
load/Challenge
2. Flowchart •Create/source template,
graphics and audio
•Add content
•Link Choices
3. Build
• Ensure all links work
• Fine tune
• Ensure a Quality
Learning Experience
4. Test

13. 1. Plan
 Write a Script that covers the scenario (include characters, setting etc.)

14. 1. Plan
 Create a
rough
storyboard to
help
visualise the
scenario

15. 2. Flowchart
Use a flowcharting
program like
Microsoft Visio,
Mindmeister,
PowerPoint or a
large sheet of paper

16. 3. Build
Tool Complexity
Branchtrack *
PowerPoint **
iSpring ***
Articulate
Storyline
****
Lectora and Adobe Captivate are other options, but I haven’t
tried those yet!

17. BranchTrack
Create an interactive conversation
easily by defining a flowchart of
possibilities, choosing a character,
background and adding gamification
elements.
• Simple, fast and easy to create
• Professional looking result
• Export to an LMS or use as a link
• Saved in the cloud
• Engaging and interactive
• Teach consequence through
trial and error
• Uses Javascript, runs on iPads

18. iSpring Suite 7
Add interactivity to any PowerPoint
without leaving the program.
Convert and save the result to an
LMS as an interactive course
• Support all platforms all devices
• Integrates with an LMS
• Responsive design
• Create quizzes and courses
• Character library included
• Create video lectures
• Supports 98% of PowerPoint
features

19. Articulate Storyline
Create highly engaging interactive
content.
• Supports videos, audio, images and
includes templates and pre-built
content
• Supports importing content from
PowerPoint
• Add a range of quizzes, interactions
and branching scenarios
• iPad and HTML5 support (some bugs)
• Export to an LMS
• Great support community and
resources

20. Creating Graphics
 Edit existing Clip Art
 Use free or paid image sites
 Use iSpring or Articulate
Characters
 Green Screen Photography

21. Editing ClipArt
 Ungroup the images
 Remove unwanted elements
 Change colours
 Select the entire image and regroup it.
http://blogs.articulate.com/rapid-elearning/15-interesting-clip-art-styles-for-your-e-learning-courses/

22. Image Sites
 Freepik.com
 Flaticon.com
 Pixabay.com
 elearningbrothers.com
 elearningart.com

23. Audio Sites
 Freesound.org
 AudioBlocks.com
 Ivona.com

24. Green Screen
Photography
 OLT have an equipped
production room with a
green screen
 We can provide cameras,
lights and expertise to help
academics create characters

25. 4. Testing
 Ensure quality control and
professionalism
 Ensure that students are
demonstrating they can
reach the learning outcomes
 Prevent student stress and
confusion
Build Test

26. Some Best Practices
Decisions
•Aim for 7 decision
points
Draft and Test
•Test a draft version
as often as possible
with students/
academics
Do Go Back
•Allow students to go
back in a scenario to
rectify a mistake or
explore a different
option
Shades of Grey
•Avoid obvious black
or white decisions,
hard decisions make
students stop and
think about the topic
Controversial
•Use controversy to
encourage
discussion

27. A Great Resource
Cathy Moore's blog:
http://blog.cathy-moore.com/

28. Great Examples
eLearning Superstars:
http://www.elearningsuperstars.com/

29. Lifesaver CPR training
http://www.unit9.com/project/lifesaver-
cpr/
One Excellent Example

31. Any Easier
options?

32. Quizlet
A interactive social study tool that enables
students to compete and share lists of
terms and definitions.
• Games automatically generated with
a high scores table.
• Copy and paste any list into Quizlet
• Integrated text to speech tools great
for ESL students
• Mobile version (reduced functionality)
• Paid account includes custom audio,
image uploading and class progress
reports

33. COMMONWEALTH OF AUSTRALIA
WARNING
This material has been reproduced and communicated to you by or on
behalf of Bond University under Part VB of the
Copyright Act 1968 (the Act).
The material in this communication may be subject to copyright under
the Act. Any further reproduction or communication of this material by
you may be the subject of copyright protection under the Act.
Do not remove this notice.
• Images used under license from eLearning Brothers and eLearning Art.
• Creative Commons images used courtesy of Photosforclass.com and Pixabay.com
• Icons made by flaticon.com licensed under Creative Commons BY 3.0

34. Thank You
CRICOS CODE 00017B