eLearning course pages should be designed for optimal online delivery and learning experience.
Following are some general tips for designing your eLearning pages:
- Structure your page content clearly (people often scan quickly through a page, reading headers and the first few words of a paragraph or list).
- Put the important information up top and 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 reasons 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. You can do this before you upload to Claro or use the Image Editor. See Optimal image file size for more information.
- Use multimedia (such as animation and video) and interactivity (Actions, Image Maps, Hotspots) to increase understanding and learning, not 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).