Visual indicators of learning progress

Progress through activities is visually indicated by changing the images or animations based on the activity’s status – available, next, unavailable, completed, or active (rollover status). This visual feedback not only enriches the interface but also helps learners track their progress and understand their next steps.

We have created several demo courses in the Level Maps format that you can explore.

Demo page

In this example, the activity status is visualized by the house construction. The grayed-out base plate stands for “not yet available”. If it becomes colored and receives a pin, it can be edited. If the learning path is to be linear, the “next” status provides a visual indication of what needs to be processed next. When the activity is completed, the house is finished.

Full list of features

	Basic	Pro
Playful course entryfeatured Create a dynamic and interactive entry point for courses, leveraging a carousel of custom level thumbnails.
Carousel of section thumbnails A carousel showcases each section of the course as a distinct level, represented by custom thumbnails.	✔	✔
Set custom background image Set the stage with a custom background image that frames the carousel.	✔	✔
Locked status indication For courses or sections that are not immediately available to the learner, a clear lock symbol is displayed.	✔	✔
Displaying sections as an interactive canvasfeatured Create a custom learning world by merging visual storytelling with interactive learning environments.
Custom background images for sections Set the stage for each course section with a unique background image, transforming it into an interactive canvas.	✔	✔
Optimized learning experience with adjustable settings Tailor the exploration experience with customizable settings.	✔	✔
Visual indication of section state Enhance navigation with visual cues that indicate the status of each section – unavailable, available, or completed.	✔	✔
Free navigation on the canvas Ensure a seamless and accessible learning experience across devices.	✔	✔
Visualize activities as interactive elementsfeatured By bringing a creative and visual dimension to course activities, it offers a unique learning experience that is as effective as it is engaging.
Bring activities to life with images or gifs Activities within a course can now be represented through engaging images or GIF animations.	✔	✔
Flexible placement on the canvas Each visual element representing an activity can be placed anywhere on the course's interactive canvas.	✔	✔
Guided or explorative learning paths Educators have the freedom to design courses that either guide learners along a predefined path or allow for explorative learning.	✔	✔
Visual indicators of learning progress Progress through activities is visually indicated by changing the images or animations based on the activity's status – available, next, unavailable, completed, or active.	✔	✔
Support for all activity types All activity types can be visually represented and made part of the learning adventure	✔	✔
Enhanced engagement through gamification Implementing gamification concepts by incorporating visual elements and hidden "Easter eggs".	✔	✔
Optimized user view An optimized user view caters to a streamlined learning journey, reducing cognitive overload and promoting better engagement with the content.
Customizable course index visibility This functionality allows you to control the visibility of the course index, offering flexibility to adapt the course layout based on your specific needs and preferences.	✔	✔
Activities in popups Enhance the user experience by enabling activities to open in modal popups instead of redirecting to new pages.	✔	✔
Set global standards This feature empowers administrators to efficiently manage and customize their eLearning platforms.
Default course format settings Administrators can establish default settings for course formats, ensuring uniformity across the platform.	✔	✔
Fallback images Customize your eLearning environment by uploading individual fallback images that will be displayed by default in course sections and activities.	✔	✔
Maximum file sizes Define the maximum file size for uploads, applying this standard across courses and activities.	✔	✔