designing engaging presentations

Za id A l sagof f & Fareeza Mar ican

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%

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

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

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 experiences.

FOCUSon the right

thing!

ID

Gagne’s 9 Events of

Instruction

B

Gain Attention

Inform Learning

Outcomes

Stimulate Recall of Prior

Learning

Present New Content

ProvideGuidance

ProvideLearningActivities

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

Gai

n A

tte

nti

on

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!

Info

rm L

ear

nin

g O

utc

om

es

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

Creative Ways?

Visualise and then voice out your Learning Outcomes!

Action Verbs3

1 Write

2 Assessment-Based

4 Creative Ways

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!

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!

Re

call

Pri

or

Kn

ow

led

ge

Associating new information with prior knowledge can facilitate the learning

process.

3

SHARERELATED

EXPEREINCES!

BRAINSTORM IDEAS!

PRE-TEST!

PROBLEMSOLVING!ANTICIPATE

WHAT’S NEXT!

DISCUSS WHAT THEY KNOW!

Pre

sen

t N

ew C

on

ten

t

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.

WHY?

Chunk? CHOP IT!

1

23

PowerPoint

B1

Preparing Slides

Use Slide Master to change the overall design and layout of the presentation.

Why & how to create a slide

master?

2 1

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 read this?

Can you read this?

Can you read this? Can you read this?

Bad Contrast Vs. Good Contrast

Use sans-serif font and use the same font through out the course.

Increase Readability

Example:VerdanaImpactArialCalibri

Font Type

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

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://open.umich.edu/wiki/DScribe

For e-Learning Content!

*OER: Open Educational Resources

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!

http://zaidlearn.blogspot.com/2012/01/imu-ls-03-how-to-become-rapid-e.html

SIMPLIFY COMPLEXITYinto engaging learning experiences…

(Re)Using: Open Educational Resources Rapid e-Learning Tools Social Media

Pro

vid

e L

ear

nin

g G

uid

ance

Semantic Encoding - Examples, case studies, stories, graphical representations, mnemonics, mind maps, acronyms, and analogies.

5

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.

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/

Infuse Creativity & STORIFY Learning!

“BULLETS stick for exams,

STORIES stick for life.” – Zaid Ali Alsagoff!

http://sirkenrobinson.com/skr/watch

Act

ivit

ies

& F

ee

db

ack

7

6

?

Video

Project

Simulation

Field

TripsArticulate

Reasoning

Guest

Speaker

Problem

Solving

LEARNING ACTIVITIES

Discussion

Debates

Panel of

Experts

Lab

Experiments

Peer

ReviewGroup

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

Flipped Classroom

B3

Source: http://wallacecenter.rit.edu/tls/flipped-classroom-resourceshttp://www.coolinfographics.com/blog/2011/9/13/the-flipped-classroom-infographic.html

Use Interactive Web Tools to Spice Up…

Face-to-Face (F2F) Learning!

Ass

ess

me

nt

8

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 AnalyticsPeer-Assessment

E-PortfolioRubrics

AUTHENTIC Learning & Empower PERSONALIZED Learning!

Enh

ance

Ret

en

tio

n &

Tra

nsf

er

Summarize/Conclude

Provide additional

resources

Links (URL) to:

– Online Discussion

– Assignment/Project

– Quizzes

– Simulation/Games

– Etc.

9

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 activities7. 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

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!

Simplified Design Model?

C

Designing Engaging Presentations Simplified!

GreatDesign

Engaging Flow

Lively

Voice

LearningActivities

ContentAssessment

Learning Outcomes

Fareeza Marican Abu Backer MaricarSenior Learning Designer

eMail : fmabm81@gmail.comSlideShare : www.slideshare.net/FareezaMTwitter : www.twitter.com/fareeza81LinkedIn : Fareeza Marican

http://zaidlearn.blogspot.com/

Have a ZaidLearn!

Finally, You Might Want To…

Zaid Ali AlsagoffE-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