General Best Practices for Designing eLearning Pages

October 29, 2018
2 min read


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