What Effective eLearning Design Looks Like

C.R.A.P Web Design

June 22, 2022

This week I'll be looking into what it takes to create an effective eLearning experience via the use of C.R.A.P. graphic design principles. As example eLearning courses, I will be evaluating the following three courses created in Articulate Rise:

What is C.R.A.P?

Unlike the name suggests, these are a set of visual design principles to aid in creating effective web design, and ultimately better eLearning. The acronym stands for Contrast, Repetition, Alignment, and Proximity. When used correctly, they create a professional, fluid look and feel to eLearning, and can make content easier to read, digest, and remember. 

Below are my observations of how each course incorporated these principles:

C.R.A.P. Asset W4

Flow of Content

The courses each took their own spin on how they sequenced their content and conveyed their information:

Food allergy awareness: the developers of this content sequenced the learning in three different sections [minus the summary section], and all three were evenly split into two subsections. This gives a good balanced feel to the content and makes it feel as though each section is equally important. I really liked the pre-assessment, and the fade-in of information as you scroll down the page. It acts as a guide that smooths out the flow of the information.

Design learning objectives: this content was very text-heavy, but several of the images dispersed throughout the learning were relevant and helped create memorable visuals to tie to the information. Some did not, however, and could have been left out. 

Creating Social Change: the fade-in of new information as you scroll the page is fluid and conveys a professional feel to the course. Information is split up evenly between text blocks, images, collapsible information, and bulleted lists. 

Pacing and Assessment

The courses also were a little different from one another in their approach to pacing and assessing learners along the way:

Food allergy awareness: Learners were encouraged to follow the sequence of the course by being prompted to click “next” at the bottom of each page. There was a pre-assessment at the beginning of the course, and a knowledge check at the end. Assessment questions were a mix of multiple choice, true/false, and matching. Despite the intentional order of the content, you can skip through information if you were to want to, so the content is self-paced.

Design Learning Objectives: Learners were encouraged to follow the sequence of the course by being prompted to click “next” or “continue” at the bottom of each page. This course had low-stakes knowledge checks spread throughout, which served as useful summaries of the information. These questions were multiple choice and provided immediate feedback.

Creating Social Change: Learners are prompted to click on the next lesson at the end of each page. The content in this course is also self-paced, and there are plenty of drop-down blocks of information for an autonomous learning experience. 

Learner Engagement

Learner engagement is also an important aspect of effective eLearning and promotes better transfer of knowledge (Clark & Mayer, 2016). Below I leave my comments on a few different aspects of engagement I see [or do not see] in the evaluated courses, but there are many more strategies for promoting learner engagement so please do not think the courses are limited to these that I present. I discuss engagement strategies because I believe that paired with graphic design methods, they make a big impact on the perceived quality of eLearning. To read more about how quality may affect credibility in instructional design, please read my thoughts about it here

Engagement Asset 4

Final Thoughts

There were unique strategies to each learning that I would like to take away from this evaluation and potentially use in my own courses. The Food Allergy Awareness course did an excellent job at pacing information and allotting similar amounts of information to each section, creating a good balance of weight between content, which is something I can learn from. The Design Learning Objectives course spread knowledge checks throughout the learning to keep up engagement and understanding, which is something else I will be keeping in mind, especially for content that may be quite dense. Finally, the Creating Social Change course used the collapsible groups strategically to create proximity of information and allow for self-guided learning of each selection. I thought it was used very well as an organizer and it helped with reducing cognitive load, as there was really a surplus of information to be explored.

References

Andriotis, N. (2018, December 10). What is microlearning: A complete guide for beginners. eLearning Industry. https://elearningindustry.com/what-is-microlearning-benefits-best-practices

Admin. (2020, January 23). 6 essential graphic design principles to guide your elearning course design. Shift. https://www.shiftelearning.com/blog/graphic-design-essentials-to-build-good-lookin-elearning

 

Clark, R. C., & Mayer, R. E. (2016) E-Learning and the science of instruction: Proven guidelines for consumers and designers of multimedia learning. John Wiley & Sons, Incorporated.

 

CommLab India Bloggers. (2017, December 11). 5 essential engagement techniques for effective instructional design. CommLab India Rapid eLearning Solutions. https://blog.commlabindia.com/elearning-design/engagement-techniques-for-effective-instructional-design

 

C.R.A.P. Principles of Graphic Design. (n.d.) Retrieved June 20, 2022, from https://saylordotorg.github.io/text_business-information-systems-design-an-app-for-that/s07-01-c-r-a-p-principles-of-graphic-.html

 

Olah, Z. (2022, June 5). Engagement and motivation: A journey through space and time. eLearning Industry. https://elearningindustry.com/engagement-and-motivation-a-journey-through-space-and-time

 

Whybrow, L. (2015, May 21). Using C.R.A.P. web design for elearning. eLearning Industry. https://elearningindustry.com/using-crap-web-design-for-elearning