General Best Practices for Designing eLearning Pages

dominknow article banner
Calendar icon
September 21, 2018
Clock icon
2 min read
dominknow article banner
Table of Contents
Realted Posts

elearning course pages should be designed for optimal online delivery and learning experience.


Here are some general tips for designing your eLearning pages:

  • Structure your page content clearly. People often scan quickly though a page, reading headers and the first few words of a paragraph or list.
  • Put the important information up top. Put all explanatory information, as needed, below.
  • Include a header and a topic sentence at the beginning. (What is this content about?)
  • Keep content text to the minimum required. (The more words on a page, the less likely people will read it all.)
  • Leave white space on the page to aid readability.
  • Use bold and italics consistently for specific reason in order to make text stand out (e.g., for directions to the learner and for the names of buttons; do not use all capitals or underlining as these are harder to read).
  • Make sure lists use parallel construction (the lead-in sentence and each bullet item must make a complete sentence).
  • Left-aligned text is easier to read than fully justified text.
  • Add graphics or illustrations that clarify or aid understanding (purely decorative images can detract from learning).
  • Make link text meaningful and ensure it matches the document or page name.
  • Size any graphics for the image area on your page.
  • Use multimedia and interactivity (such as animation, video, actions, image maps, hot spots) to increase understanding and learning, avoid simply for “eye candy”.
  • Let the learner be in control of playing multimedia and audio using the Player Controls instead of auto-playing (narration audio is typically set to auto-play, but the learner can use the mute button if required).
Sufyan code start here