Cognitive load in e-learning: what it is and how to apply it to course design

You design an e-learning module, include all the relevant information, add narration, images, and a few animations — and yet the learner retains nothing. The problem is not the content: it is how the design presents it. Cognitive load in e-learning is the mental effort the employee’s brain invests while learning. If the course design manages it poorly, learning fails even when the content is impeccable.

For L&D teams and instructional designers, understanding this concept is not academic theory — it is the difference between a course that works and one that gets completed but changes no behaviors. According to research from the University of New South Wales (John Sweller, 1988 and subsequent revisions), instructional design is the single most determining factor in learning effectiveness when content is complex. This article is your practical guide to applying it.

What is cognitive load? Origins and theoretical background

Cognitive Load Theory (CLT) was formulated by educational psychologist John Sweller in 1988. His starting question was deceptively simple: why do certain instructional material designs produce efficient learning while others do not, even when the content is identical? He found the answer in a fundamental characteristic of our cognitive architecture: working memory has limited capacity.

George Miller (1956) had already demonstrated that human working memory can handle approximately 7 elements of information simultaneously (±2). Alan Baddeley refined this model by showing that working memory has separate channels for verbal and visual information, laying the groundwork for cognitively informed multimodal design. Sweller used these findings to explain why poor instructional design can saturate that memory and block learning.

In the context of corporate e-learning, this has direct implications: an onboarding module with dense text, narration that repeats word-for-word what is written on screen, and decorative animations can saturate the employee’s working memory before they have processed the first key concept.

If you want to explore the broader context of training employees’ cognitive skills — beyond content design — read our article on cognitive training in companies.

The 3 types of cognitive load in e-learning

The theory distinguishes three types of cognitive load. Understanding them is essential because the instructional designer can only act directly on one of them — yet all three determine the final outcome of learning.

The goal of instructional design according to CLT is clear in its logic: minimize extraneous load, manage intrinsic load, and maximize the space available for germane load. Every design decision — what to include, how to structure it, what to remove — must be evaluated through this lens.

Mayer’s multimedia design principles applied to e-learning

Richard Mayer developed the Cognitive Theory of Multimedia Learning (CTML) building directly on Sweller’s CLT. His principles are the practical translation of the theory into the design of materials with text, image, and audio. Mastering them is the most powerful tool an instructional designer has for reducing extraneous load.

Here are the five core principles for e-learning course design:

1. Multimedia principle

People learn better from words and images combined than from words alone. This does not mean “always add images” — it means the image must work with the text to explain something it could not explain on its own. An infographic showing the flow of an onboarding process is more effective than a paragraph describing it. A decorative image or generic stock photo contributes nothing and does generate extraneous load.

2. Contiguity principle

Explanatory text and the image it refers to should appear spatially close on screen (spatial contiguity) and at the same time (temporal contiguity). When a diagram appears on one screen and its explanation on the next, the learner has to keep the image in working memory while reading the text that explains it — doubling cognitive effort without any learning benefit. In course screen design, this translates to a simple rule: labels go inside the diagram, not in a separate legend.

3. Signaling principle

Including visual cues that guide attention toward the most relevant elements improves learning. Strategic bold text, arrows pointing to the key element of a diagram, a box highlighting the main conclusion of a screen — these signals reduce the extraneous load of navigation because the learner does not have to decide what is important before processing it. A common mistake is underlining or bolding too many elements, which nullifies the signaling effect and creates visual noise.

4. Redundancy principle

Adding the same content in two simultaneous formats — for example, audio narration plus on-screen text saying the same thing — does not improve learning: it impedes it. The learner processes both channels in parallel and has to reconcile them, consuming working memory without adding any additional learning. The correct practice is to choose: either narration + image, or text + image, but not narration + redundant on-screen text. This principle is one of the most frequently violated in corporate e-learning, especially when courses are produced from PowerPoint presentations with a lot of text.

5. Segmentation principle

Presenting content in small segments and letting the learner control the pace reduces the cognitive overload caused by receiving too much information simultaneously. In e-learning, this translates to short modules with a single learning objective each, active pauses between segments, and a clear progress indicator. Microlearning is the most direct expression of this principle applied to corporate training program design.

Designing screens that respect cognitive load: ✅ what to do and ❌ what to avoid

Theory is useful, but the real impact lies in concrete design decisions. This table translates the principles above into actionable choices for each screen of your course:

How to apply the theory in practice: corporate module example

Imagine a 20-screen compliance onboarding module. This is a common real-world L&D scenario: legally required content, high intrinsic load (technical terminology), and the temptation to include the full text of the regulation in the course.

Version with cognitive overload (typical design)

• Screen 1: 400-word block of regulatory text + narrator reading it in full
• Screen 2: Process diagram with 12 steps and small labels in a side legend
• Screen 3: 8-minute unsegmented video + background music throughout the module
• Transition animations between every screen with no pedagogical function

Outcome: the employee completes the module but retains none of the key concepts. In follow-up assessments, correct-answer rates on content questions are low.

Version that manages cognitive load

• Screen 1: A single idea (the main regulatory objective) with an illustrative image contiguous to the brief text
• Screen 2: The same diagram, with labels directly on each step and progressive disclosure (one step visible at a time)
• The 8-minute video split into 4 two-minute segments, each with an intermediate reflection question
• No background music during narration; no decorative animations

Outcome: reducing extraneous load frees up working memory for germane load. The employee does not just complete the module — they build applicable knowledge schemas.

Tools like isEazy Author integrate these principles into the design workflow: templates with predefined visual hierarchy, microlearning content blocks that impose a natural density limit per screen, and structural separation between text and audio channels. The result is that the instructional designer applies CLT almost without thinking about it, because the tool guides the design toward good practices by default.

Microlearning as a cognitive load management strategy

Segmentation — one of Mayer’s principles — has an expression at the level of the training program itself: microlearning. The idea is straightforward: instead of a 60-minute module that accumulates cognitive load throughout the session, a program of 5–8 minute pills with a single objective each distributes load over time and allows the brain to consolidate what has been learned between sessions.

This strategy connects with the concept of chunking studied by Herbert Simon (Nobel Prize in Economics, 1978): experts organize knowledge into meaningful units (chunks), which reduces the load on working memory because each chunk is processed as a single unit rather than as several independent elements. Well-designed microlearning enables the learner to build those chunks progressively.

In the corporate e-learning context, this translates into training programs that distribute content in short pills — accessible at the moment of need, not just in scheduled sessions — which also improves immediate practical application. You can explore this approach further in our article on what microlearning is and how to apply it.

Common mistakes that cause cognitive overload (and how to avoid them)

Knowing the principles is necessary. But in practice, cognitive load errors tend to arise from decisions that seem reasonable at the time of production. These are the most frequent ones in corporate L&D teams:

• Narration that duplicates the text: the temptation to include all the text on screen and ask the narrator to read it is enormous, especially when the course is built from an existing presentation. The result is pure redundancy — two channels saying the same thing, neither adding more than if the other were alone.
• Screens with multiple objectives: “In this screen we explain what the regulation is, who applies it, when it came into force, and what the penalties are.” Four ideas on one screen is four times the intrinsic load with no increase in cognitive capacity.
• Animations with no didactic purpose: transitions, elements that “fly” onto the screen, or animated cursors teach nothing and consume attention. Every visual element without a pedagogical function is pure extraneous load.
• Absence of signaling: a body text in a uniform format, with no bold, no visual hierarchy, no elements guiding the eye toward what matters, forces the learner to decide what is relevant before processing it. That decision consumes working memory.
• Long, unsegmented modules: a 45- or 60-minute module without intermediate checkpoints accumulates cognitive load continuously. Working memory capacity deteriorates progressively, and learning in the final sections is significantly less effective than in the first.

To go deeper on structuring instructional design that avoids these errors, see our articles on teaching methods in e-learning, attention span in e-learning courses, and types of learning resources in e-learning.

Cognitive load and e-learning tools: what to ask of your authoring tool

The instructional designer does not work alone — they work with an authoring tool. And the authoring tool can make it much easier (or harder) to apply cognitive load management principles. Here are the features to look for:

• Templates with predefined visual hierarchy: a good authoring tool should not easily allow you to put 500 words on a single screen. Templates with predefined structure guide the designer toward best practices by default.
• Structural separation between channels: if the narration field is independent of the on-screen text field, and the tool makes it easy to use one or the other (but not both with the same content), the redundancy error is reduced by design.
• Microlearning content blocks: components that impose a natural density limit per screen — one image, a short text, one key data point — support the segmentation principle without the designer having to think about it every time.
• Interactive elements for germane load: branching scenarios, reflection questions, decision simulations. These elements do not reduce load — they direct it toward where it should go: the germane load that builds applicable knowledge schemas.

If you are defining the criteria for choosing or evaluating your authoring tool, you can review our guide on how to create an online course, explore the learning resources in e-learning a good platform should facilitate, or go directly to isEazy Author to see these principles in action. If your team is also looking for ready-made content, isEazy Skills offers a catalog of courses designed following these exact principles. Or request a demo to see how the tool handles cognitive load by design.

Conclusion: design for the brain, not the screen

Managing cognitive load means designing courses that help learners focus on what really matters. Reducing screen density, avoiding redundant information, highlighting key concepts, and breaking content into manageable sections makes information easier to understand and helps learners make better use of the limited capacity of working memory.

With isEazy Author, L&D teams can quickly create visual, interactive, and well-structured courses. In addition, isEazy Skills lets you complement your own content with ready-to-use courses on digital skills and power skills. Request a demo and discover how to create clearer and more effective e-learning experiences.