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 basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Micromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersMicromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersChitralekhaTherkar
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
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
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 

Recently uploaded (20)

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Micromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersMicromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of Powders
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
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
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 

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.