Zaid Alsagoff & Fareeza Marican
What ANNOYS About PowerPoint Presentations?
Results of the 2013 Annoying PowerPoint survey: http://www.thinkoutsidetheslid...
Information Overload is Still a Big Problem!
Results of the 2013 Annoying PowerPoint survey: http://www.thinkoutsidethesli...
3 Essentials to…
Create effective PowerPoint presentations the audience will understand: http://www.thinkoutsidetheslide.c...
TopicToday’s Menu
Instructional Design
Flipped
Classroom
eLearning
Content
Gagne’s 9 Events of Instruction
PowerPoint
Instructional
Design (ID)
A
Instructional designInstructional Design (ID)
is about helping the
learners MAKE SENSE
of the information!
A logical flow of content and learning activities with strategies to
enhance the students’ understanding and learning expe...
Gagne’s 9
Events of
Instruction
B
Gain
Attention
Inform
Learning
Outcomes
Stimulate
Recall of Prior
Learning
Present
New Content
Provide
Guidance
Provide
Le...
GainAttention
Ahh!
Question Story
FactDefinition
Quote
Analogy
Humor
Personal experience Demonstration
1
Vide Clip
Video: http://youtu.be/dLl5AcN_G24
Gain Attention!
What are you
THINKING about?
Example: Improve your English!
InformLearningOutcomes
At the end of this topic, you will be able to:
 Clarify what students need to learn in the
form of...
Creative Ways?
Visualise and then voice out your Learning Outcomes!
Action Verbs3
1 Write
2 Assessment-Based
4 Creative Wa...
Creative Ways?
How to write Learning Outcomes (LO)?
How to make LO assessment-based?
 How to use action verbs to constr...
http://www.flickr.com/photos/vblibrary/4576825411/sizes/o/in/pool-27724923@N00/
Use Measureable Action Verbs!
http://www.flickr.com/photos/vblibrary/4576825411/sizes/o/in/pool-27724923@N00/
Use Measureable Action Verbs!
RecallPriorKnowledge
Associating new information with prior
knowledge can facilitate the learning
process.
3
SHARE
RELATED
EXPEREINCES!
BRAINSTORM
IDEAS!
PRE-TEST!
PROBLEM
SOLVING!ANTICIPATE
WHAT’S
NEXT!
DISCUSS WHAT
THEY KNOW!
PresentNewContent
Selective Perception - Chunk and organize
content meaningfully.
4
Chunk
It helps you present information in a way that
makes it EASIER for your audience/learners to
UNDERSTAND and REMEMBER...
1
2
3
PowerPoint
B1
Preparing Slides
Use Slide Master to change the overall
design and layout of the presentation.
Why & how to
create a slide...
Contrast Background & Text Colors
Use contrasting background and text colors for
improved readability.
Contrast Contrast
Can you read this? Can you read this?
Can you read this?
Can you read this?
Can you read this?
Can you read this?
Can you ...
Use sans-serif font and use the same font through out the
course.
Increase
Readability
Example:
Verdana
Impact
Arial
Calib...
Finally, Avoid Busy Templates!
Avoid distracting, busy templates!
 Avoid distracting, busy templates!
 Audience will te...
Use SmartArt Graphic
(in PowerPoint)
…where
applicable!
Convert text to table form,
and add related images.
Use SmartArt…
eLearning Content
B2
Video Record Lectures
Take 37!
Develop i-Lectures
Record Online Classes
Possibilities?
*i-Lecture: Interactive Lecture
Build e-Learning Content Rapidly…
Chunked Juicily (1 - 10 min) for Mobile Learning!
Co-Create
content with
students?
Reuse/Remix OER & Repurpose MOOCs...
http://zaidlearn.blogspot.com/2012/11/the-oer-workshop-at-imu.html
dScribe: https://o...
Facilitate/Record Online Classes…
IMU Webinar Series (example): http://imuelearning.blogspot.com/p/imu-learning-webinar-se...
http://zaidlearn.blogspot.com/2012/01/imu-ls-03-how-to-become-rapid-e.html
SIMPLIFY COMPLEXITY
into engaging learning expe...
ProvideLearningGuidance
Semantic Encoding - Examples, case studies,
stories, graphical representations,
mnemonics, mind ma...
Mnemonics
SODA: http://apotential.wordpress.com/medical-mnemonics/Medical Mnemonics: http://www.medicalmnemonics.com/
Mnem...
Mind Maps
Mind Map Guidelines: http://en.wikipedia.org/wiki/Mind_map Mind Maps in Medicine: http://www.mindmaptutor.com/20...
Infuse Creativity & STORIFY Learning!
“BULLETS stick for exams,
STORIES stick for life.”
– Zaid Ali Alsagoff!
http://sirke...
Activities&Feedback7
6
?
Video
Project
Simulation
Field
Trips
Articulate
Reasoning
Guest
Speaker
Problem
Solving
LEARNING ACTIVITIES
Discussion
Deb...
Flipped
Classroom
B3
Source: http://wallacecenter.rit.edu/tls/flipped-classroom-resources
Use Interactive Web Tools to Spice Up…
Face-to-Face (F2F) Learning!
Assessment8
Miller’s Pyramid: http://www.gp-training.net/training/educational_theory/adult_learning/miller.htm
Use a Variety of Methods to Assess More…
http://web.me.com/janherrington/AuthenticLearning/Home.html
Learning AnalyticsPee...
EnhanceRetention&Transfer
Summarize/Conclude
 Provide additional
resources
 Links (URL) to:
– Online Discussion
– Assig...
Gagne’s 9 Event of Instructions
Presentation Events of Instruction Learning Activities
Introduction 1. Gain attention • Pr...
Additional Resources
1. How to Create Effective PowerPoint Lectures
2. Instructional Design Tips & Tricks
3. 5 Ways Your E...
Simplified
Design
Model?
C
Designing Engaging Presentations Simplified!
Great
Design
Engaging
Flow
Lively
Voice
Learning
Activities
ContentAssessment...
Fareeza Marican Abu Backer Maricar
Senior Learning Designer
eMail : fmabm81@gmail.com
SlideShare : www.slideshare.net/Fare...
http://zaidlearn.blogspot.com/
Have a
ZaidLearn!
Finally, You Might Want To…
Zaid Ali Alsagoff
E-Learning Manager
E-mail : zaid.alsagoff@gmail.com
Blog : http://zaidlearn.blogspot.com/
Slides : http:...
Designing Engaging Presentations
Designing Engaging Presentations
Upcoming SlideShare
Loading in...5
×

Designing Engaging Presentations

6,241

Published on

In this 2-hour workshop at the International Medical University (2 July, 2014), you will learn how to design engaging presentations for e-learning and flipped classroom sessions based on good instructional design practices. In the process, you will explore PowerPoint, Gagne’s 9 Events of instruction and other tools to engage students to learn. The presentation slides were co-created by Zaid Alsagoff and Fareeza Marican. Check out Fareeza's alternative version here: http://www.slideshare.net/FareezaM/designing-engaging-presentation

6 Comments
51 Likes
Statistics
Notes
No Downloads
Views
Total Views
6,241
On Slideshare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
350
Comments
6
Likes
51
Embeds 0
No embeds

No notes for slide

Designing Engaging Presentations

  1. 1. Zaid Alsagoff & Fareeza Marican
  2. 2. What ANNOYS About PowerPoint Presentations? Results of the 2013 Annoying PowerPoint survey: http://www.thinkoutsidetheslide.com/free-resources/latest-annoying-powerpoint-survey-results/ The speaker read the slides to us 72.0% Text so small I couldn’t read it 50.6% Full sentences instead of bullet points 48.4% Overly complex diagrams 30.8% Poor color choice 25.8% No clear purpose 22.1% No flow of ideas 21.0%
  3. 3. Information Overload is Still a Big Problem! Results of the 2013 Annoying PowerPoint survey: http://www.thinkoutsidetheslide.com/free-resources/latest-annoying-powerpoint-survey-results/ Dave Paradi
  4. 4. 3 Essentials to… Create effective PowerPoint presentations the audience will understand: http://www.thinkoutsidetheslide.com/ Dave Paradi PLEASE IGNORE the rest of the upcoming presentation if you practice the above! Effective PowerPoint Presentations! Effective VisualsFocused ContentClear Message
  5. 5. TopicToday’s Menu Instructional Design Flipped Classroom eLearning Content Gagne’s 9 Events of Instruction PowerPoint
  6. 6. Instructional Design (ID) A
  7. 7. Instructional designInstructional Design (ID) is about helping the learners MAKE SENSE of the information!
  8. 8. A logical flow of content and learning activities with strategies to enhance the students’ understanding and learning experiences. FOCUS on the right thing! ID
  9. 9. Gagne’s 9 Events of Instruction B
  10. 10. Gain Attention Inform Learning Outcomes Stimulate Recall of Prior Learning Present New Content Provide Guidance Provide Learning Activities Assess Learning Provide Feedback Enhance Retention and Transfer This will help you… Last class we learned how to… Allow me to demonstrate Now you try it… Try it like this… Let’s test your skills now Let’s do it “in the field” Gagne’s 9 Events of Instruction
  11. 11. GainAttention Ahh! Question Story FactDefinition Quote Analogy Humor Personal experience Demonstration 1 Vide Clip
  12. 12. Video: http://youtu.be/dLl5AcN_G24 Gain Attention! What are you THINKING about? Example: Improve your English!
  13. 13. InformLearningOutcomes At the end of this topic, you will be able to:  Clarify what students need to learn in the form of Learning Outcomes (LO).  Write LO that form the basis of the assessment.  Construct LO using measurable action verbs.  Present LO in at least 2 creative ways. WHATEVER! 2
  14. 14. Creative Ways? Visualise and then voice out your Learning Outcomes! Action Verbs3 1 Write 2 Assessment-Based 4 Creative Ways
  15. 15. Creative Ways? How to write Learning Outcomes (LO)? How to make LO assessment-based?  How to use action verbs to construct measurable LO?  How to present LO in at least 2 creative ways? Write learning outcomes in the form of questions!
  16. 16. http://www.flickr.com/photos/vblibrary/4576825411/sizes/o/in/pool-27724923@N00/ Use Measureable Action Verbs!
  17. 17. http://www.flickr.com/photos/vblibrary/4576825411/sizes/o/in/pool-27724923@N00/ Use Measureable Action Verbs!
  18. 18. RecallPriorKnowledge Associating new information with prior knowledge can facilitate the learning process. 3
  19. 19. SHARE RELATED EXPEREINCES! BRAINSTORM IDEAS! PRE-TEST! PROBLEM SOLVING!ANTICIPATE WHAT’S NEXT! DISCUSS WHAT THEY KNOW!
  20. 20. PresentNewContent Selective Perception - Chunk and organize content meaningfully. 4
  21. 21. Chunk It helps you present information in a way that makes it EASIER for your audience/learners to UNDERSTAND and REMEMBER. WHY? Chunk? CHOP IT!
  22. 22. 1 2 3
  23. 23. PowerPoint B1
  24. 24. Preparing Slides Use Slide Master to change the overall design and layout of the presentation. Why & how to create a slide master? 2 1
  25. 25. Contrast Background & Text Colors Use contrasting background and text colors for improved readability. Contrast Contrast
  26. 26. Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Can you read this? Bad Contrast Vs. Good Contrast
  27. 27. Use sans-serif font and use the same font through out the course. Increase Readability Example: Verdana Impact Arial Calibri Font Type
  28. 28. Finally, Avoid Busy Templates! Avoid distracting, busy templates!  Avoid distracting, busy templates!  Audience will tend to focus on background picture, rather than what you are saying
  29. 29. Use SmartArt Graphic (in PowerPoint) …where applicable! Convert text to table form, and add related images. Use SmartArt…
  30. 30. eLearning Content B2
  31. 31. Video Record Lectures Take 37! Develop i-Lectures Record Online Classes Possibilities? *i-Lecture: Interactive Lecture
  32. 32. Build e-Learning Content Rapidly… Chunked Juicily (1 - 10 min) for Mobile Learning! Co-Create content with students?
  33. 33. Reuse/Remix OER & Repurpose MOOCs... http://zaidlearn.blogspot.com/2012/11/the-oer-workshop-at-imu.html dScribe: https://open.umich.edu/wiki/DScribe For e-Learning Content! *OER: Open Educational Resources
  34. 34. Facilitate/Record Online Classes… IMU Webinar Series (example): http://imuelearning.blogspot.com/p/imu-learning-webinar-series-2012.html ….Using Various Web 2.0 Tools!
  35. 35. http://zaidlearn.blogspot.com/2012/01/imu-ls-03-how-to-become-rapid-e.html SIMPLIFY COMPLEXITY into engaging learning experiences… (Re)Using:  Open Educational Resources  Rapid e-Learning Tools  Social Media
  36. 36. ProvideLearningGuidance Semantic Encoding - Examples, case studies, stories, graphical representations, mnemonics, mind maps, acronyms, and analogies. 5
  37. 37. Mnemonics SODA: http://apotential.wordpress.com/medical-mnemonics/Medical Mnemonics: http://www.medicalmnemonics.com/ Mnemonics are learning memory techniques that help learners recall larger pieces of information, especially in the form of lists like characteristics, steps, stages, parts, phases, etc.
  38. 38. Mind Maps Mind Map Guidelines: http://en.wikipedia.org/wiki/Mind_map Mind Maps in Medicine: http://www.mindmaptutor.com/2011/04/mind-maps-in-medicine/ Mind maps help learners comprehend, see the big picture, create new ideas, and build connections. iMindMap: http://thinkbuzan.com/ Mind Mapping Tools: http://mashable.com/2013/09/25/mind-mapping-tools/
  39. 39. Infuse Creativity & STORIFY Learning! “BULLETS stick for exams, STORIES stick for life.” – Zaid Ali Alsagoff! http://sirkenrobinson.com/skr/watch
  40. 40. Activities&Feedback7 6 ?
  41. 41. Video Project Simulation Field Trips Articulate Reasoning Guest Speaker Problem Solving LEARNING ACTIVITIES Discussion Debates Panel of Experts Lab Experiments Peer Review Group Work Role Play Interviews Scaffolding Drill & Practice Drawing/Art /Sculpture Ice Breakers Online Teaching Activity Index: http://www.ion.uillinois.edu/resources/otai/ Think-Pair- Share One-Minute Paper Entrance/ Exit Tickets Concept Mapping ReportsQuiz Portfolios
  42. 42. Flipped Classroom B3
  43. 43. Source: http://wallacecenter.rit.edu/tls/flipped-classroom-resources
  44. 44. Use Interactive Web Tools to Spice Up… Face-to-Face (F2F) Learning!
  45. 45. Assessment8 Miller’s Pyramid: http://www.gp-training.net/training/educational_theory/adult_learning/miller.htm
  46. 46. Use a Variety of Methods to Assess More… http://web.me.com/janherrington/AuthenticLearning/Home.html Learning AnalyticsPeer-Assessment E-PortfolioRubrics AUTHENTIC Learning & Empower PERSONALIZED Learning!
  47. 47. EnhanceRetention&Transfer Summarize/Conclude  Provide additional resources  Links (URL) to: – Online Discussion – Assignment/Project – Quizzes – Simulation/Games – Etc. 9
  48. 48. Gagne’s 9 Event of Instructions Presentation Events of Instruction Learning Activities Introduction 1. Gain attention • Present a dilemma, analogy, video 2. Inform learning outcomes • List clear learning outcomes creatively 3. Stimulate recall prior knowledge • Explain how prior knowledge relates to new topic • Initiate discussion • Pre-tests Content 4. Present new content • Explanation, example, simulation 5. Provide guidance • Guidelines, checklists, mnemonics, group discussion Assessment 6. Provide learning activities 7. Provide feedback 8. Assess learning • Check your understanding • Self/Peer/Facilitator Assessment • Practical, e-Portfolio, quiz Summary 9. Enhance retention and transfer • Summarize/Conclude the topic • Provide additional resources
  49. 49. Additional Resources 1. How to Create Effective PowerPoint Lectures 2. Instructional Design Tips & Tricks 3. 5 Ways Your E-learning Courses Can Create Understanding 4. How to Make Your E-Learning Course Meaningful Text or Graphic Links!
  50. 50. Simplified Design Model? C
  51. 51. Designing Engaging Presentations Simplified! Great Design Engaging Flow Lively Voice Learning Activities ContentAssessment Learning Outcomes
  52. 52. Fareeza Marican Abu Backer Maricar Senior Learning Designer eMail : fmabm81@gmail.com SlideShare : www.slideshare.net/FareezaM Twitter : www.twitter.com/fareeza81 LinkedIn : Fareeza Marican
  53. 53. http://zaidlearn.blogspot.com/ Have a ZaidLearn! Finally, You Might Want To…
  54. 54. Zaid Ali Alsagoff E-Learning Manager E-mail : zaid.alsagoff@gmail.com Blog : http://zaidlearn.blogspot.com/ Slides : http://www.slideshare.net/zaid Twitter: http://twitter.com/zaidlearn IMU : http://imu.edu.my DID : +603-2731 7327 Ext. : 3115
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×