How visual guidance facilitates learning
initial situation
Digital learning resources are often visually rich. Text, graphics, animations, and highlights are juxtaposed and intended to provide guidance. In practice, however, they often have the opposite effect: learners do not know where to look, what is important, and in what order information should be processed.
Complex presentations in particular place a high simultaneous demand on working memory. Learners must combine information from different sources while simultaneously deciding what is relevant. This makes learning unnecessarily difficult.
Basic idea
This is precisely where Guide the Focus comes in. The approach is based on the assumption that visual design can actively influence learning processes or hinder them. Learning is more successful when attention is directed in a targeted manner: spatially, temporally, and in terms of content. Visual guidance does not mean simplification through omission alone, but through clear prioritization. Learners should be able to recognize at all times what is important now, where to look, and how information fits together.
Theoretical reference
The eLearning Tactic Guide the Focus is based primarily on findings from cognitive load theory, which describes learning as the processing of limited cognitive resources. Working memory can only process a limited amount of new information at any one time. If this capacity is exceeded, learning suffers—regardless of how well the content has been prepared.
A particularly relevant effect in this context is the split attention effect. It occurs when learners have to process and mentally integrate information from several sources that are separated in space or time. Typical examples are texts that are separate from graphics, or spoken explanations that are not synchronized with the visual presentation. The additional integration effort ties up cognitive resources that are then lacking for actual understanding.
Closely related to this is the redundancy effect. If identical or very similar information is presented in parallel—for example, as text , graphics , and spoken explanations—the cognitive load increases further without any additional learning gain. Redundancy is not harmful per se, but it inhibits learning if it does not fulfill a new function.
Research shows that targeted visual signals (signaling) can mitigate these effects. Highlighting, arrows, or gradual fade-ins reduce search processes, draw attention to relevant elements, and support the formation of coherent mental models. The key here is moderation: signals are only helpful if they are used selectively and functionally.
Recent work on visual attention in learning also emphasizes the importance of temporal control. Information should not only be spatially integrated, but also presented in a meaningful sequence. The order in which learners perceive things first, then, and last has a significant influence on which structures are built up in memory.
In summary, these findings show that learning benefits from visual guidance when design reduces the effort required for integration, avoids redundancy, and directs attention in a targeted manner—rather than distracting it.
When attention is limited, visual design must guide learners. Design thus becomes a didactic decision about what is seen and when.
Implementation in detail
The theory gives rise to clear design principles:
- Spatial integration: Text, graphics, and symbols that belong together are placed immediately next to each other.
- Timing: Information appears synchronously, not in parallel or staggered without reference.
- Visual highlighting: Colors, arrows, or frames highlight relevant elements in a targeted manner.
- Avoid redundancy: The same information is not explained or shown multiple times.
- Use movement strategically: Animations draw the eye, not attention away from the learning objective.
- Test visual sequence: Design follows a clear visual path—from most relevant to least relevant.
Visual guidance supports learning when it provides orientation rather than entertainment.
Practical example
In a digital course on data analysis, a graph is constructed step by step. Initially, only the central curve appears, accompanied by a brief explanation. Additional elements are displayed one after the other and visually highlighted. Learners do not have to search for or combine information, but can simply follow the visual guidance.
Implementation in Moodle
Moodle offers various options for visual focus:
- H5P content with step-by-step display
- Emphasis and markings in texts
- Targeted use of animations in videos
- Consistent layouts and clear sequences
It is crucial to consistently align design with learning objectives.
Challenges
Visual guidance requires restraint. Too many highlights lose their effect. Animations can be distracting if they are not used functionally. In addition, different screen sizes and end devices must be taken into account. Guide the Focus therefore requires careful testing: What do learners see first? What sticks? What distracts them?
Conclusion
Guide the Focus makes it clear that learning depends not only on content, but also on the way attention is directed. Digital learning offerings that take visual guidance seriously relieve the burden on working memory and create better conditions for understanding and sustainable learning.
Sweller, J. (2011). Cognitive load theory. In Psychology of learning and motivation (Vol. 55, pp. 37-76). Academic Press.
AI transparency notice: This text was created using generative AI based on extensive course notes. It has not yet been edited by human experts.
