SlideShare a Scribd company logo
1 of 11
GUIDE TO E-LEARNING DESIGN
SIMPLE, QUICK, AND POWERFUL TIPS FOR NON-DESIGNERS

Elearning

never
sleeps

PUBLISHED BY:
BASED ON: THE ULTIMATE D.I.Y. GUIDE TO E-LEARNING DESIGN

SH!FT
DISRUPTIVE ELEARNING
Chapter 1
Understanding people

1. People like people:

•
•
•
•

Images
Graphics
Animations
messages

Reflect your
learning profile.

2. People like stories: draw upon stories to illustrate dates.
• Repeating the information.
3. Use it or lose it: • Applying it immediately.
• Connecting the new information to existing.
4. People judge books by their covers: font, images, colors…
Understanding people
5. People like organization: Reduces the likelihood the learners will get lost.

6. People like surprises:

• New and novel ways at looking information.
• Balance out the new with the expected.

7. People filter information:

8. People like to succeed:

Size, color, animations can draw the learner’s.
attention to the learner targets.

Feedbacks progress to motivate learners.
Chapter 2
The essential step-by-step guide to
making your own e-learning course
1. Learners are first: Clear idea of who your is student?

2. Outline the structure:

• Intro
• Module :
• Resume

3. Design for user experience:

Summary section
4/5 sections

10 screens max.

• Simple, pretty and functional.
• Pleases the eyes: numbered list, bullets,
section heards.
The essential step-by-step guide to
making your own e-learning course
•
4. Make each section complete and clear on its on: •
•
•

Instructions
Content
Assesment
summary

Above all: keep screens clean!
Prioritize need-to-know/ nice-to- know.
5. Create a compelling start.
• Interactive
6. Create a motivation self-directed learning environment: • Multiple-choice
• Formative test
• Recall the main points.
7. End with a meat summary: • Remind the objectives.
• Accomplishment each unit.
Chapter 3
Design like a Pro: best practices
• A catchy course name.
1. Begin with a great impression: • Simple, familiar.
• Clear and well-designed since first screens.
2. Highlight the most important parts: easy to read and consume.
3. Think substract, not add:

• Removing unnecessary elements.
• Clutter-free.

4. Consider the human brain’s capacity:

• Simple words/ concise sentences.
• Content needs to be chunked.
• Information in context.
Design like a Pro: best practices

5. Design with a purpose:

• The screen serves your viewer’s learning goals.
• Every element must be there for a reason.

6. Consider the rules of good image selection:

• Images relevant to content.
• Limit images.
Chapter 4
Things experts can teach you about
elearning design
1. Great design is getting people do what you want them to

2. Design is form and function combined:

Design is how it works

3. Design is the whole, the sum total of all parts
• Feel accomplished after finish
4. Usable design considers people’s emotions
every section.
• Emotionally-charged images.
• To tell stories that evoke relevant
memories.
Chapter 5
Tips for non-designers
• Text and images work better together.
1. Use strong images: • Relevant images instead of rows of bullet points.
• Impacful, images that evoke possitive emotional response.

INSERT PHOTOS INSTEAD OF CLIP ART!
CLIP ART HD IMAGES AVOID GENERIC ONES!
2. Be consistent: sitck to a scheme (a slide layout).

3. Keep titles simples and informative: Simple and precise words.
Tips for non-designers
4. Design a distraction-free templete: peel away the unnecessary elements.

• Text: black (dark color).
5. Use color effectively: • Background: soft tones.
• Not use more than three colors.

6. Empty spaces matters:

Empty spaces as important as content.

Help to us what’s important
and what to focus on.
Tips for non-designers
7. Break up text:

• Break idea into short bloks of text ans spaces between.
• Lists, tables, paragraphs.

8. Keep your lists short

9. Simplifly your visual data

10. Make it easier for your audience to focus

Every element plays a role on:
Learner’s goal / your main objetives.

More Related Content

What's hot

Modeling: Motivating our Students to Excellence
Modeling:  Motivating our Students to Excellence Modeling:  Motivating our Students to Excellence
Modeling: Motivating our Students to Excellence akenalong
 
Read posters
Read postersRead posters
Read postersJohn Iona
 
Accelerated learning for the student
Accelerated learning for the studentAccelerated learning for the student
Accelerated learning for the studentplusto
 
1. picture me icebreaker
1. picture me   icebreaker1. picture me   icebreaker
1. picture me icebreakerDavid Rainbow
 
How to critique your photos
How to critique your photosHow to critique your photos
How to critique your photosImageMaven Inc.
 
Effective teaching
Effective teachingEffective teaching
Effective teachingHelen Meek
 
Mindmapping for Medical Students
Mindmapping for Medical StudentsMindmapping for Medical Students
Mindmapping for Medical StudentsSohail Bajammal
 
Ap psych forced per pics 2018
Ap psych forced per pics 2018Ap psych forced per pics 2018
Ap psych forced per pics 2018kbolinsky
 
Academic excellence Presentation
Academic excellence  PresentationAcademic excellence  Presentation
Academic excellence PresentationAbhishek Shetty
 
Mind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProjectMind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProjectPablo Mariani
 
Writing your First E-Book Get-Set-Ready
Writing your First E-Book Get-Set-ReadyWriting your First E-Book Get-Set-Ready
Writing your First E-Book Get-Set-ReadyBrainwork Technologies
 
Ps session 2 identify the problem
Ps session 2 identify the problemPs session 2 identify the problem
Ps session 2 identify the problemRobyn Cook-Ritchie
 
NeuroEducation in Action: Applying Insights that Impact Learning
NeuroEducation in Action: Applying Insights that Impact LearningNeuroEducation in Action: Applying Insights that Impact Learning
NeuroEducation in Action: Applying Insights that Impact LearningTracy King
 
Ps session 1 introduction to problem solving
Ps session 1 introduction to problem solvingPs session 1 introduction to problem solving
Ps session 1 introduction to problem solvingRobyn Cook-Ritchie
 
Rights and Responsibilities 4
Rights and Responsibilities 4Rights and Responsibilities 4
Rights and Responsibilities 4Jasonwastaken
 
Collaboration Tools and Patterns for Creative Thinking
Collaboration Tools and Patterns for Creative ThinkingCollaboration Tools and Patterns for Creative Thinking
Collaboration Tools and Patterns for Creative ThinkingChristian Kohls
 

What's hot (20)

Mind Mapping
Mind MappingMind Mapping
Mind Mapping
 
Modeling: Motivating our Students to Excellence
Modeling:  Motivating our Students to Excellence Modeling:  Motivating our Students to Excellence
Modeling: Motivating our Students to Excellence
 
Read posters
Read postersRead posters
Read posters
 
Accelerated learning for the student
Accelerated learning for the studentAccelerated learning for the student
Accelerated learning for the student
 
1. picture me icebreaker
1. picture me   icebreaker1. picture me   icebreaker
1. picture me icebreaker
 
How to critique your photos
How to critique your photosHow to critique your photos
How to critique your photos
 
Effective teaching
Effective teachingEffective teaching
Effective teaching
 
Mindmapping for Medical Students
Mindmapping for Medical StudentsMindmapping for Medical Students
Mindmapping for Medical Students
 
Plus preparation
Plus preparationPlus preparation
Plus preparation
 
Ap psych forced per pics 2018
Ap psych forced per pics 2018Ap psych forced per pics 2018
Ap psych forced per pics 2018
 
Academic excellence Presentation
Academic excellence  PresentationAcademic excellence  Presentation
Academic excellence Presentation
 
Mind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProjectMind Mapping: What is it? by MindProject
Mind Mapping: What is it? by MindProject
 
Writing your First E-Book Get-Set-Ready
Writing your First E-Book Get-Set-ReadyWriting your First E-Book Get-Set-Ready
Writing your First E-Book Get-Set-Ready
 
Ps session 2 identify the problem
Ps session 2 identify the problemPs session 2 identify the problem
Ps session 2 identify the problem
 
NeuroEducation in Action: Applying Insights that Impact Learning
NeuroEducation in Action: Applying Insights that Impact LearningNeuroEducation in Action: Applying Insights that Impact Learning
NeuroEducation in Action: Applying Insights that Impact Learning
 
How to get better at drawing
How to get better at drawingHow to get better at drawing
How to get better at drawing
 
Ps session 1 introduction to problem solving
Ps session 1 introduction to problem solvingPs session 1 introduction to problem solving
Ps session 1 introduction to problem solving
 
Rights and Responsibilities 4
Rights and Responsibilities 4Rights and Responsibilities 4
Rights and Responsibilities 4
 
Mind mapping
Mind mappingMind mapping
Mind mapping
 
Collaboration Tools and Patterns for Creative Thinking
Collaboration Tools and Patterns for Creative ThinkingCollaboration Tools and Patterns for Creative Thinking
Collaboration Tools and Patterns for Creative Thinking
 

Viewers also liked

ITI Solutions - Comparative Information
ITI Solutions - Comparative InformationITI Solutions - Comparative Information
ITI Solutions - Comparative InformationBen Lucas
 
Georgia Caddick - Visual Influences - The Tempest
Georgia Caddick - Visual Influences - The TempestGeorgia Caddick - Visual Influences - The Tempest
Georgia Caddick - Visual Influences - The Tempestgeorgiacaddick
 
Suit up Presentation
Suit up PresentationSuit up Presentation
Suit up Presentationowildman
 
15 toughest-interview-questions-and-answers
15 toughest-interview-questions-and-answers15 toughest-interview-questions-and-answers
15 toughest-interview-questions-and-answersNagesh Khandare
 
Expansion of roach populations in the UK & locally
Expansion of roach populations in the UK & locallyExpansion of roach populations in the UK & locally
Expansion of roach populations in the UK & locallyLancaster University
 
¡Vamos al Cine! RedMas Survey
¡Vamos al Cine! RedMas Survey¡Vamos al Cine! RedMas Survey
¡Vamos al Cine! RedMas SurveyRedMasAdv
 
Employers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_Act
Employers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_ActEmployers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_Act
Employers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_ActParsons Behle & Latimer
 
MA Research Methods 3: Dissemination
MA Research Methods 3: DisseminationMA Research Methods 3: Dissemination
MA Research Methods 3: DisseminationClaire Lynch
 
freeCodeCamp Tokyo Meetup #18
freeCodeCamp Tokyo Meetup #18freeCodeCamp Tokyo Meetup #18
freeCodeCamp Tokyo Meetup #18健太 田上
 

Viewers also liked (20)

Cesar alfonso forero molano actividad1_2_mapac
Cesar alfonso forero molano actividad1_2_mapacCesar alfonso forero molano actividad1_2_mapac
Cesar alfonso forero molano actividad1_2_mapac
 
ITI Solutions - Comparative Information
ITI Solutions - Comparative InformationITI Solutions - Comparative Information
ITI Solutions - Comparative Information
 
Memòria
MemòriaMemòria
Memòria
 
Barriers2
Barriers2Barriers2
Barriers2
 
Georgia Caddick - Visual Influences - The Tempest
Georgia Caddick - Visual Influences - The TempestGeorgia Caddick - Visual Influences - The Tempest
Georgia Caddick - Visual Influences - The Tempest
 
Suit up Presentation
Suit up PresentationSuit up Presentation
Suit up Presentation
 
Hotel Gianna
Hotel GiannaHotel Gianna
Hotel Gianna
 
Tweet to your next job
Tweet to your next jobTweet to your next job
Tweet to your next job
 
15 toughest-interview-questions-and-answers
15 toughest-interview-questions-and-answers15 toughest-interview-questions-and-answers
15 toughest-interview-questions-and-answers
 
It's And, Not Or
It's And, Not OrIt's And, Not Or
It's And, Not Or
 
Parent overview
Parent overviewParent overview
Parent overview
 
Hoa mai p2
Hoa mai p2Hoa mai p2
Hoa mai p2
 
Examen t1
Examen t1Examen t1
Examen t1
 
Expansion of roach populations in the UK & locally
Expansion of roach populations in the UK & locallyExpansion of roach populations in the UK & locally
Expansion of roach populations in the UK & locally
 
¡Vamos al Cine! RedMas Survey
¡Vamos al Cine! RedMas Survey¡Vamos al Cine! RedMas Survey
¡Vamos al Cine! RedMas Survey
 
Employers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_Act
Employers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_ActEmployers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_Act
Employers_on_the_Edge_Strategies_for_Dealing_with_the_Affordable_Care_Act
 
MA Research Methods 3: Dissemination
MA Research Methods 3: DisseminationMA Research Methods 3: Dissemination
MA Research Methods 3: Dissemination
 
freeCodeCamp Tokyo Meetup #18
freeCodeCamp Tokyo Meetup #18freeCodeCamp Tokyo Meetup #18
freeCodeCamp Tokyo Meetup #18
 
La palta microeconomia
La palta microeconomiaLa palta microeconomia
La palta microeconomia
 
Досвід роботи Чиж О.М.
Досвід роботи Чиж О.М.Досвід роботи Чиж О.М.
Досвід роботи Чиж О.М.
 

Similar to GUIDE TO E-LEARNING DESIGN FOR NON-DESIGNERS

Intro to multimedia 2014 4
Intro to multimedia 2014 4Intro to multimedia 2014 4
Intro to multimedia 2014 4Heather Fiedler
 
How to make an e learning module
How to make an e learning moduleHow to make an e learning module
How to make an e learning moduleTooNey Krongpho
 
Mmap 4 teaching and Learning @ CADEe UPM
Mmap 4 teaching and Learning @ CADEe UPMMmap 4 teaching and Learning @ CADEe UPM
Mmap 4 teaching and Learning @ CADEe UPMSidek Aziz
 
Non projected pictures
Non projected picturesNon projected pictures
Non projected picturesSFYC
 
The Ultimate D.I.Y Guide to Effective eLearning Design By Karla Gutiérrez
The Ultimate D.I.Y Guide to  Effective eLearning Design  By  Karla GutiérrezThe Ultimate D.I.Y Guide to  Effective eLearning Design  By  Karla Gutiérrez
The Ultimate D.I.Y Guide to Effective eLearning Design By Karla Gutiérrezeraser Juan José Calderón
 
Bulkely valley nov general session 2013
Bulkely valley nov general session 2013Bulkely valley nov general session 2013
Bulkely valley nov general session 2013Faye Brownlie
 
Creating Compelling Social Media Visuals
Creating Compelling Social Media VisualsCreating Compelling Social Media Visuals
Creating Compelling Social Media VisualsChris Snider
 
mind mapping-HCT.ppt
mind mapping-HCT.pptmind mapping-HCT.ppt
mind mapping-HCT.pptGShyamala2
 
Educational media( a.v aids)
Educational media( a.v aids)Educational media( a.v aids)
Educational media( a.v aids)PRANATI PATRA
 
Sketching Through Text
Sketching Through Text Sketching Through Text
Sketching Through Text emilylohse
 
How to Facilitate Live Online Training
How to Facilitate Live Online TrainingHow to Facilitate Live Online Training
How to Facilitate Live Online TrainingMCT Europe
 
Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...stout510
 
MindMapping
MindMapping MindMapping
MindMapping 0508713
 

Similar to GUIDE TO E-LEARNING DESIGN FOR NON-DESIGNERS (20)

Instructional design
Instructional designInstructional design
Instructional design
 
Intro to multimedia 2014 4
Intro to multimedia 2014 4Intro to multimedia 2014 4
Intro to multimedia 2014 4
 
How to make an e learning module
How to make an e learning moduleHow to make an e learning module
How to make an e learning module
 
Mis in commerce
Mis in commerceMis in commerce
Mis in commerce
 
Mmap 4 teaching and Learning @ CADEe UPM
Mmap 4 teaching and Learning @ CADEe UPMMmap 4 teaching and Learning @ CADEe UPM
Mmap 4 teaching and Learning @ CADEe UPM
 
Non projected pictures
Non projected picturesNon projected pictures
Non projected pictures
 
Teacher training mod
Teacher training modTeacher training mod
Teacher training mod
 
Teacher training mod
Teacher training modTeacher training mod
Teacher training mod
 
The Ultimate D.I.Y Guide to Effective eLearning Design By Karla Gutiérrez
The Ultimate D.I.Y Guide to  Effective eLearning Design  By  Karla GutiérrezThe Ultimate D.I.Y Guide to  Effective eLearning Design  By  Karla Gutiérrez
The Ultimate D.I.Y Guide to Effective eLearning Design By Karla Gutiérrez
 
Power point presentations
Power point presentationsPower point presentations
Power point presentations
 
Bulkely valley nov general session 2013
Bulkely valley nov general session 2013Bulkely valley nov general session 2013
Bulkely valley nov general session 2013
 
134. Mind mapping
134. Mind mapping134. Mind mapping
134. Mind mapping
 
Creating Compelling Social Media Visuals
Creating Compelling Social Media VisualsCreating Compelling Social Media Visuals
Creating Compelling Social Media Visuals
 
mind mapping-HCT.ppt
mind mapping-HCT.pptmind mapping-HCT.ppt
mind mapping-HCT.ppt
 
Educational media( a.v aids)
Educational media( a.v aids)Educational media( a.v aids)
Educational media( a.v aids)
 
Radial analyses
Radial analysesRadial analyses
Radial analyses
 
Sketching Through Text
Sketching Through Text Sketching Through Text
Sketching Through Text
 
How to Facilitate Live Online Training
How to Facilitate Live Online TrainingHow to Facilitate Live Online Training
How to Facilitate Live Online Training
 
Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...Design process - How to get from problems to concepts to visuals for Graphic ...
Design process - How to get from problems to concepts to visuals for Graphic ...
 
MindMapping
MindMapping MindMapping
MindMapping
 

More from Chema Lozano Guillermo

More from Chema Lozano Guillermo (11)

Tipos de palabras
Tipos de palabrasTipos de palabras
Tipos de palabras
 
Atributo y cpvo
Atributo y cpvoAtributo y cpvo
Atributo y cpvo
 
Partes de un texto publicitario
Partes de un texto publicitarioPartes de un texto publicitario
Partes de un texto publicitario
 
Comentario de un texto publicitario
Comentario de un texto publicitarioComentario de un texto publicitario
Comentario de un texto publicitario
 
Interferencias entre el castellano y el catalán
Interferencias entre el castellano y el catalánInterferencias entre el castellano y el catalán
Interferencias entre el castellano y el catalán
 
Defensa programa de aprendizaje mixto
Defensa programa de aprendizaje mixtoDefensa programa de aprendizaje mixto
Defensa programa de aprendizaje mixto
 
Blended learning como factor motivacional en la enseñanza de lengua española
Blended learning como factor motivacional en la enseñanza de lengua españolaBlended learning como factor motivacional en la enseñanza de lengua española
Blended learning como factor motivacional en la enseñanza de lengua española
 
Géneros radiofónicos
Géneros radiofónicosGéneros radiofónicos
Géneros radiofónicos
 
La estructura de los sintagmas
La estructura de los sintagmasLa estructura de los sintagmas
La estructura de los sintagmas
 
Acentuación (diptongo hiato)
Acentuación (diptongo hiato)Acentuación (diptongo hiato)
Acentuación (diptongo hiato)
 
Programa de aprendizaje mixto de lengua de 2º de la ESO
Programa de aprendizaje mixto de lengua de 2º de la ESOPrograma de aprendizaje mixto de lengua de 2º de la ESO
Programa de aprendizaje mixto de lengua de 2º de la ESO
 

Recently uploaded

The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 

Recently uploaded (20)

The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 

GUIDE TO E-LEARNING DESIGN FOR NON-DESIGNERS

  • 1. GUIDE TO E-LEARNING DESIGN SIMPLE, QUICK, AND POWERFUL TIPS FOR NON-DESIGNERS Elearning never sleeps PUBLISHED BY: BASED ON: THE ULTIMATE D.I.Y. GUIDE TO E-LEARNING DESIGN SH!FT DISRUPTIVE ELEARNING
  • 2. Chapter 1 Understanding people 1. People like people: • • • • Images Graphics Animations messages Reflect your learning profile. 2. People like stories: draw upon stories to illustrate dates. • Repeating the information. 3. Use it or lose it: • Applying it immediately. • Connecting the new information to existing. 4. People judge books by their covers: font, images, colors…
  • 3. Understanding people 5. People like organization: Reduces the likelihood the learners will get lost. 6. People like surprises: • New and novel ways at looking information. • Balance out the new with the expected. 7. People filter information: 8. People like to succeed: Size, color, animations can draw the learner’s. attention to the learner targets. Feedbacks progress to motivate learners.
  • 4. Chapter 2 The essential step-by-step guide to making your own e-learning course 1. Learners are first: Clear idea of who your is student? 2. Outline the structure: • Intro • Module : • Resume 3. Design for user experience: Summary section 4/5 sections 10 screens max. • Simple, pretty and functional. • Pleases the eyes: numbered list, bullets, section heards.
  • 5. The essential step-by-step guide to making your own e-learning course • 4. Make each section complete and clear on its on: • • • Instructions Content Assesment summary Above all: keep screens clean! Prioritize need-to-know/ nice-to- know. 5. Create a compelling start. • Interactive 6. Create a motivation self-directed learning environment: • Multiple-choice • Formative test • Recall the main points. 7. End with a meat summary: • Remind the objectives. • Accomplishment each unit.
  • 6. Chapter 3 Design like a Pro: best practices • A catchy course name. 1. Begin with a great impression: • Simple, familiar. • Clear and well-designed since first screens. 2. Highlight the most important parts: easy to read and consume. 3. Think substract, not add: • Removing unnecessary elements. • Clutter-free. 4. Consider the human brain’s capacity: • Simple words/ concise sentences. • Content needs to be chunked. • Information in context.
  • 7. Design like a Pro: best practices 5. Design with a purpose: • The screen serves your viewer’s learning goals. • Every element must be there for a reason. 6. Consider the rules of good image selection: • Images relevant to content. • Limit images.
  • 8. Chapter 4 Things experts can teach you about elearning design 1. Great design is getting people do what you want them to 2. Design is form and function combined: Design is how it works 3. Design is the whole, the sum total of all parts • Feel accomplished after finish 4. Usable design considers people’s emotions every section. • Emotionally-charged images. • To tell stories that evoke relevant memories.
  • 9. Chapter 5 Tips for non-designers • Text and images work better together. 1. Use strong images: • Relevant images instead of rows of bullet points. • Impacful, images that evoke possitive emotional response. INSERT PHOTOS INSTEAD OF CLIP ART! CLIP ART HD IMAGES AVOID GENERIC ONES! 2. Be consistent: sitck to a scheme (a slide layout). 3. Keep titles simples and informative: Simple and precise words.
  • 10. Tips for non-designers 4. Design a distraction-free templete: peel away the unnecessary elements. • Text: black (dark color). 5. Use color effectively: • Background: soft tones. • Not use more than three colors. 6. Empty spaces matters: Empty spaces as important as content. Help to us what’s important and what to focus on.
  • 11. Tips for non-designers 7. Break up text: • Break idea into short bloks of text ans spaces between. • Lists, tables, paragraphs. 8. Keep your lists short 9. Simplifly your visual data 10. Make it easier for your audience to focus Every element plays a role on: Learner’s goal / your main objetives.