Interactive modules

Site: Loomen za stručna usavršavanja
Course: Developing Digital Teaching Content
Book: Interactive modules
Printed by: Gost (anonimni korisnik)
Date: Tuesday, 28 July 2026, 8:16 AM

1. Interactive Modules in Digital Education

Interactive modules are an important component of digital learning materials because they transform passive learning into an active process. Their primary purpose is to engage students through participation, exploration, problem-solving, or collaboration. Such engagement leads to increased motivation, deeper understanding of the content, and higher student satisfaction (Laurillard, 2012; Mayer, 2014).

2. Levels of Interactivity

Interactivity can be represented through different levels of complexity:

 

3. Pedagogical Advantages of Interactive Modules

Embedding interactive elements brings numerous benefits:

  • increases learner engagement and reduces monotony in instruction;

  • enables personalised learning adapted to different learning styles;

  • provides immediate feedback, which facilitates error correction and knowledge consolidation (Mayer, 2014);

  • supports the development of higher-order thinking skills, such as analysis, evaluation, and creation.

 

4. Types of Tools for Creating Interactive Modules

As a reminder of previously discussed topics, here are examples of tools that enable the creation of interactive learning materials. These tools support different forms of interactivity aligned with pedagogical goals and various levels of learner engagement:

  • H5P – enables the creation of quizzes, interactive presentations, videos with embedded questions, and many other activities.

  • Genially – used for developing interactive infographics, virtual tours, or animated presentations.

  • ThingLink – allows the creation of interactive images or virtual spaces with hotspots revealing additional information.

  • BookWidgets – offers the creation of interactive tasks such as crosswords, tests, or digital worksheets.

  • Powtoon – a tool for making animated videos, often used to explain more complex concepts.

When selecting a tool, it is important to consider:

  • whether the tool supports the desired learning outcomes;

  • type of content and level of interactivity required — a simple transfer of information, or it involves active learner participation through quizzes, simulations, or collaborative activities;

  • accessibility of the content, ensuring that all learners, including those with diverse needs, can participate equally;

  • digital skills and experience of learners, so that the use of the tool is clear, intuitive, and aligned with their abilities.

5. Basic Accessibility Guidelines

It is essential that interactive modules are accessible to all users. The basic guidelines include:

  • using high-contrast colors to ensure readability;

  • adding descriptive alt text to images for users who rely on screen readers;

  • using simple and clear language;

  • avoiding overly fast animations or flashing content;

  • enabling keyboard navigation instead of relying solely on a mouse;

  • adding captions or transcripts to video materials (W3C, 2024).

 

6. Literature

Ahmed, A. M. (2025). Assessing the Effectiveness of E-Learning in Higher Education: A Meta-Analysis. Open European Journal of Social Science and Education, 1(1), 24–33.

Alajab Mohammed Alajab Ismail. (2024). Exploring the Levels of eLearning Interactivity: A Review of Research Literature. Journal of Ecohumanism, 3(7), 2997–3024.

Clark, R. C., & Mayer, R. E. (2016). E-Learning and the Science of Instruction (4th ed.). Wiley.

Dillenbourg, Pierre. (2000). Collaborative Learning: Cognitive and Computational Approaches. Computers & Education. 1. 10.1016/S0360-1315(00)00011-7.

Laurillard, D. (2012). Teaching as a Design Science: Building Pedagogical Patterns for Learning and Technology. Routledge.

Mayer, R. E. (2014). The Cambridge Handbook of Multimedia Learning. Cambridge University Press.

W3C. (2024). Web Content Accessibility Guidelines (WCAG) 2.2.

Accessibility

Background Colour Background Colour

Font Face Font Face

Font Size Font Size

1

Text Colour Text Colour

Font Kerning Font Kerning

Image Visibility Image Visibility

Letter Spacing Letter Spacing

0

Line Height Line Height

1.2

Link Highlight Link Highlight