SlideShare a Scribd company logo
Design and Build
Interactive Scenarios
that engage active learners
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
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
Design and build interactive scenarios that engage learners
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”
Linear Interactive Course
1
• Content (Info dump)
2
• Quiz about content
3
• Summarise content
Scenario Based eLearning
Example Gamified Scenario
Decision Making
Weighted
Scoring
Each path has unique consequences
Combined choices lead to one of
four possible endings
The Three Cs
1. Challenge
2. Choice
3. Consequence
Instructional Design
Considerations
Audience
Analysis
Prior
Knowledge
Instructional
Goals
Instructional
Objectives
Assessment
Presentation
Strategy
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
1. Plan
 Write a Script that covers the scenario (include characters, setting etc.)
1. Plan
 Create a
rough
storyboard to
help
visualise the
scenario
2. Flowchart
Use a flowcharting
program like
Microsoft Visio,
Mindmeister,
PowerPoint or a
large sheet of paper
3. Build
Tool Complexity
Branchtrack *
PowerPoint **
iSpring ***
Articulate
Storyline
****
Lectora and Adobe Captivate are other options, but I haven’t
tried those yet!
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
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
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
Creating Graphics
 Edit existing Clip Art
 Use free or paid image sites
 Use iSpring or Articulate
Characters
 Green Screen Photography
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/
Image Sites
 Freepik.com
 Flaticon.com
 Pixabay.com
 elearningbrothers.com
 elearningart.com
Audio Sites
 Freesound.org
 AudioBlocks.com
 Ivona.com
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
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
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
A Great Resource
Cathy Moore's blog:
http://blog.cathy-moore.com/
Great Examples
eLearning Superstars:
http://www.elearningsuperstars.com/
Lifesaver CPR training
http://www.unit9.com/project/lifesaver-
cpr/
One Excellent Example
Design and build interactive scenarios that engage learners
Any Easier
options?
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
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
Thank You
CRICOS CODE 00017B

More Related Content

PPTX
Designing activities for online learning pt 2
PPTX
Designing activities for online learning
PPTX
Designing activities for online learning pt 3
PPTX
TheatreTEK Project Outline
PPT
COMPUTERS IN EDUCATION - UNIT 4 - COMPUTER ASSISTED INSTRUCTION - B.ED - 8620...
PPTX
Authentic Assessment
PPTX
Ad & Dis Lect 2
PPTX
Technology in the ESL classroom
Designing activities for online learning pt 2
Designing activities for online learning
Designing activities for online learning pt 3
TheatreTEK Project Outline
COMPUTERS IN EDUCATION - UNIT 4 - COMPUTER ASSISTED INSTRUCTION - B.ED - 8620...
Authentic Assessment
Ad & Dis Lect 2
Technology in the ESL classroom

What's hot (20)

PPTX
Ut teaching symposium project based learning and technology 2012
PPTX
Education and Trainning
PPTX
Nec2016 presentation
PDF
Encourage webinar participation through gamification
PPTX
Maximizing student learning with multimedia assignments
PPTX
Authentic experience - Keegan
PPTX
F. Brown Collaboration
PPTX
Engagement in Online and Blended Learning Environments
PPTX
Ad & dis lect 2 2015
PPTX
Creativity in the classroom by Shelley Shott
PDF
EPC 3 activity Interactive whiteboard
PPT
Computerassistedinstruction 091110213105-phpapp012
PPTX
Week 4 tutorial
PPTX
Remote learning teachers version 25 min
PPT
Language Learning with Technology: Good Practice
PPTX
Ed tech
PDF
Technological Trends in Teaching and Learning - Unit X
PPTX
MetadataTheory: Introduction to Learning Objects (1st of 10)
PPTX
The Anatomy of an Asynchronous Course
PPTX
Alternative Professional Development
Ut teaching symposium project based learning and technology 2012
Education and Trainning
Nec2016 presentation
Encourage webinar participation through gamification
Maximizing student learning with multimedia assignments
Authentic experience - Keegan
F. Brown Collaboration
Engagement in Online and Blended Learning Environments
Ad & dis lect 2 2015
Creativity in the classroom by Shelley Shott
EPC 3 activity Interactive whiteboard
Computerassistedinstruction 091110213105-phpapp012
Week 4 tutorial
Remote learning teachers version 25 min
Language Learning with Technology: Good Practice
Ed tech
Technological Trends in Teaching and Learning - Unit X
MetadataTheory: Introduction to Learning Objects (1st of 10)
The Anatomy of an Asynchronous Course
Alternative Professional Development
Ad

Viewers also liked (9)

PPS
Primavara Spring
PPS
Vienna Schönbrunn
PPT
Barack Obama / L' art De La Persuassió
PPT
Corso Base Joomla Lezione 4
PPT
Corso Base Joomla Lezione 3
PPT
Marketing Servizi
PPT
Corso Base Joomla Lezione 2
PPT
Corso Joomla Lezione 1
Primavara Spring
Vienna Schönbrunn
Barack Obama / L' art De La Persuassió
Corso Base Joomla Lezione 4
Corso Base Joomla Lezione 3
Marketing Servizi
Corso Base Joomla Lezione 2
Corso Joomla Lezione 1
Ad

Similar to Design and build interactive scenarios that engage learners (20)

PDF
Creation of Delivery and Presentation Standards for Boating Safety Courses
PPT
Rapid eLearning
PPT
A Better Way to Design & Build Immersive E Learning
PPTX
Designing e-Learning Objects
PDF
E Learning Course Design
PPTX
E learning-basic guidelines to develop multimedia learning
PPT
E-Learning
PDF
eLearning Content Development Code and Pixels.pdf
PDF
7 steps to creating an effective elearning program white paper july 2010
PPT
Ub e assessment
PPT
Captivate and Articulate Storyline
PPTX
Building Better
PPTX
Task3 Goodman Walker
PDF
E learning fundanemtals and standards
PPT
Don't Create a Lousy Online or Blended Course
PPT
Lectures On Demand: delivering traditional lectures over the web
PPT
Hci techniques from idea to deployment
PDF
Apr20 presentation
PPT
E learning: concepts, usage and tools
PDF
Online Learning Design for Diversity and Inclusion
Creation of Delivery and Presentation Standards for Boating Safety Courses
Rapid eLearning
A Better Way to Design & Build Immersive E Learning
Designing e-Learning Objects
E Learning Course Design
E learning-basic guidelines to develop multimedia learning
E-Learning
eLearning Content Development Code and Pixels.pdf
7 steps to creating an effective elearning program white paper july 2010
Ub e assessment
Captivate and Articulate Storyline
Building Better
Task3 Goodman Walker
E learning fundanemtals and standards
Don't Create a Lousy Online or Blended Course
Lectures On Demand: delivering traditional lectures over the web
Hci techniques from idea to deployment
Apr20 presentation
E learning: concepts, usage and tools
Online Learning Design for Diversity and Inclusion

Design and build interactive scenarios that engage learners

  • 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
  • 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
  • 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/
  • 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