3. How to prepare and structure educational materials

When preparing educational materials for hybrid and online teaching, it is important to pay attention to clarity, readability, and accessibility of content. In an online environment, students often work independently and at different paces, so it is important to ensure that the materials are organised logically and in line with the course objectives. Instead of long text documents, it is more effective to use shorter units of content (so-called microcontent), which allow for easier acquisition of the material and better monitoring of one's own progress.

Materials should be adapted to different learning styles, so it is recommended to use a combination of textual, visual, and auditory content. Accessibility is also an important aspect — all materials should be available in formats that are compatible with different devices, including mobile, and designed according to the principles of digital accessibility. Interactive elements, such as review questions, tasks with automatic feedback, or multimedia simulations, further contribute to student engagement. Teaching content should be constructively aligned with learning outcomes.

Examples of activities

As an example of the first activity, the teacher can prepare teaching content in the form of short micro-lessons of 5 to 10 minutes, which are thematically linked and allow students to learn flexibly in smaller parts. Each module includes a textual summary, a graphic representation, and a short quiz to check understanding.

Another example involves adapting existing presentations into an interactive format using tools like H5P or Genially. This provides students with content that is informative but also encourages active participation through questions, tasks, and links to additional resources.

The following link is available in Croatian only. Participants may use free AI-powered translation tools to access the provided materials.

You can view the third example of a microlesson at the link.

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