SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Understand these 10
 Principles of Good
       Design
 Before You Start Your Next eLearning Project
Guide the viewer's eye
The placement of the elements on each page should flow
naturally from one to the next in a progression that lends itself to
the content you're teaching.
Control the clutter



Going overboard
with text density in
an eLearning
course can be a
very big deterrent
to students,
especially when
they're reading on
a screen.
Shorten your columns
It's easier to read a shorter line of text
than a longer one; many readers feel
daunted by strings of words that
stretch all the way across their screen.
WHITE SPACE IS YOUR BEST FRIEND.
Don't fill every spot on the screen
with content or graphics. The
negative space on the page can
be useful to guide the reader's
attention and eliminate
distractions.
Make smart font choices
Avoid fancy fonts that are harder to read. Use size and color to emphasize or
highlight certain elements, but don't go overboard; less is more, especially in
dramatic color usage.
Keep things consistent
The visual theme of your eLearning course should carry through from
page to page. Getting too creative can end up distracting the reader
from the content.
Watch your alignment
It should always be clear what text is associated with which
images, and any tables and charts should be easy to read at a
glance.
Alignment makes your course more organized and digestible, as
well as making it seem more professional.
Let prominence inform position
       The content should be placed in a screen in the order of importance
       and relevance.

       The most relevant pieces should be placed in the upper left of the
       page, and anything important should be visible at the top of the
       page without scrolling.


Look at this exercise:
Offer easy access
Don't turn your eLearning course into a scavenger hunt. Just as in
effective websites, any information that users want should be
accessible in three clicks or fewer.
Employ
contrasting
colors
       When it comes to
 eLearning, contrast is one of
the most critical elements. It’s
highly effective for keeping a
 learner's attention as people
   are drawn to the contrast
           naturally.
Learn more about SHIFT here.

Weitere ähnliche Inhalte

Mehr von Aura Interactiva

Los 10 mandamientos del eLearning
Los 10 mandamientos del eLearningLos 10 mandamientos del eLearning
Los 10 mandamientos del eLearning
Aura Interactiva
 
30 bite-sized writing tips for better eLearning content
30 bite-sized writing tips for better eLearning content30 bite-sized writing tips for better eLearning content
30 bite-sized writing tips for better eLearning content
Aura Interactiva
 
8 tips for highly effective e-Learners
8 tips for highly effective e-Learners8 tips for highly effective e-Learners
8 tips for highly effective e-Learners
Aura Interactiva
 
Succesful elearning implementation
Succesful elearning implementationSuccesful elearning implementation
Succesful elearning implementation
Aura Interactiva
 
Factores de exito en la implementación de eLearning
Factores de exito en la implementación de eLearningFactores de exito en la implementación de eLearning
Factores de exito en la implementación de eLearning
Aura Interactiva
 

Mehr von Aura Interactiva (19)

What You're Doing Wrong with Your eLearning Content: 5 Common Mistakes
What You're Doing Wrong with Your eLearning Content: 5 Common MistakesWhat You're Doing Wrong with Your eLearning Content: 5 Common Mistakes
What You're Doing Wrong with Your eLearning Content: 5 Common Mistakes
 
How to persuade learners with stories, emotions and more
How to persuade learners with stories, emotions and moreHow to persuade learners with stories, emotions and more
How to persuade learners with stories, emotions and more
 
10 Pearls of Wisdom for eLearning Professionals
10 Pearls of Wisdom for eLearning Professionals10 Pearls of Wisdom for eLearning Professionals
10 Pearls of Wisdom for eLearning Professionals
 
Los 10 mandamientos del eLearning
Los 10 mandamientos del eLearningLos 10 mandamientos del eLearning
Los 10 mandamientos del eLearning
 
The 10 eLearning Commandments
The 10 eLearning CommandmentsThe 10 eLearning Commandments
The 10 eLearning Commandments
 
eLearning Quotes to Inspire You
eLearning Quotes to Inspire YoueLearning Quotes to Inspire You
eLearning Quotes to Inspire You
 
Make your elearning more visual
Make your elearning more visualMake your elearning more visual
Make your elearning more visual
 
The Do’s and Don’ts of Using Visuals in eLearning
The Do’s and Don’ts of Using Visuals in eLearningThe Do’s and Don’ts of Using Visuals in eLearning
The Do’s and Don’ts of Using Visuals in eLearning
 
30 bite-sized writing tips for better eLearning content
30 bite-sized writing tips for better eLearning content30 bite-sized writing tips for better eLearning content
30 bite-sized writing tips for better eLearning content
 
8 tips for highly effective e-Learners
8 tips for highly effective e-Learners8 tips for highly effective e-Learners
8 tips for highly effective e-Learners
 
5 eLearning boredom busters
5 eLearning boredom busters5 eLearning boredom busters
5 eLearning boredom busters
 
Beating Boring elearning
Beating Boring elearningBeating Boring elearning
Beating Boring elearning
 
Visual elearning
Visual elearningVisual elearning
Visual elearning
 
why mobile learning
why mobile learningwhy mobile learning
why mobile learning
 
Html5 Revolution
Html5 RevolutionHtml5 Revolution
Html5 Revolution
 
Reasons why collaboration works for elearning
Reasons why collaboration works for elearningReasons why collaboration works for elearning
Reasons why collaboration works for elearning
 
Is your company ready for eLearning?
Is your company ready for eLearning?Is your company ready for eLearning?
Is your company ready for eLearning?
 
Succesful elearning implementation
Succesful elearning implementationSuccesful elearning implementation
Succesful elearning implementation
 
Factores de exito en la implementación de eLearning
Factores de exito en la implementación de eLearningFactores de exito en la implementación de eLearning
Factores de exito en la implementación de eLearning
 

Kürzlich hochgeladen

Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
MateoGardella
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
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
heathfieldcps1
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 

Kürzlich hochgeladen (20)

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
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
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
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 

Understand These 10 Principles of Good Design Before You Start Your Next eLearning Project

  • 1. Understand these 10 Principles of Good Design Before You Start Your Next eLearning Project
  • 2. Guide the viewer's eye The placement of the elements on each page should flow naturally from one to the next in a progression that lends itself to the content you're teaching.
  • 3. Control the clutter Going overboard with text density in an eLearning course can be a very big deterrent to students, especially when they're reading on a screen.
  • 4. Shorten your columns It's easier to read a shorter line of text than a longer one; many readers feel daunted by strings of words that stretch all the way across their screen.
  • 5. WHITE SPACE IS YOUR BEST FRIEND. Don't fill every spot on the screen with content or graphics. The negative space on the page can be useful to guide the reader's attention and eliminate distractions.
  • 6. Make smart font choices Avoid fancy fonts that are harder to read. Use size and color to emphasize or highlight certain elements, but don't go overboard; less is more, especially in dramatic color usage.
  • 7. Keep things consistent The visual theme of your eLearning course should carry through from page to page. Getting too creative can end up distracting the reader from the content.
  • 8. Watch your alignment It should always be clear what text is associated with which images, and any tables and charts should be easy to read at a glance. Alignment makes your course more organized and digestible, as well as making it seem more professional.
  • 9. Let prominence inform position The content should be placed in a screen in the order of importance and relevance. The most relevant pieces should be placed in the upper left of the page, and anything important should be visible at the top of the page without scrolling. Look at this exercise:
  • 10. Offer easy access Don't turn your eLearning course into a scavenger hunt. Just as in effective websites, any information that users want should be accessible in three clicks or fewer.
  • 11. Employ contrasting colors When it comes to eLearning, contrast is one of the most critical elements. It’s highly effective for keeping a learner's attention as people are drawn to the contrast naturally.
  • 12. Learn more about SHIFT here.