The Road to Moodle 4.0: Revealing a new course page structure!

Moodle 4.0 NewCoursePageStructure

We are excited to reveal new prototypes of the improved course page structure, a key deliverable on the road to Moodle 4.0, the user experience centrepiece that will transform Moodle LMS.  Working in close consultation with our community of students, teachers, administrators, developers, partners and the Moodle Users Association, the new course page accommodates the most common user flows and reshapes them to provide a more straightforward user experience and clean interface.

View courses at a glance

Based on a simple activity card structure, the new dedicated My Courses page allows users to view their courses and completion details at a glance.


Revealing the new dedicated course page in Moodle 4.0


The Course Index

Another key improvement in Moodle 4.0 will be the addition of a new Course Index on the course page, making it easier for both students and educators to find activities and resources.

The collapsible and expandable component will help learners understand the course structure in depth and keep their progression on track. It will also mean that they will need to scroll a lot less to navigate through the course, providing quick access to each section and activity!

Educators will find it particularly powerful as they can use it to drag and reposition activities (and even whole sections) within a course.

The new course index, on the left, with collapsible and expandable menu. Plus, the new secondary course menu which sits under the primary site navigation.


As revealed earlier, a new secondary course menu sits under the primary site navigation components and has now evolved to mirror the design and functionality of the new course page structure.


Refreshed Activity Icons

Moodle’s activity icons have been redesigned and standardised in a clean, colourful palette to help users develop a quick visual reference for particular activity types.

Redesigned activity icons


There are also further improvements that will make the course page easier and quicker to use.

  • When in the edit mode, educators can now insert new sections anywhere with only one click. This will mean that you will no longer have to wait for the page to reload or select how many sections you wish to add.
  • The interface used to move activities around is also being redesigned and will include simplified descriptions that are much easier to navigate and will also make finding the destination for your activity quicker.
  • Moodle’s Student activity completion released with Moodle 3.11 will be further improved by encapsulating comprehensive information about an activity and its completion criteria within an activity card.

The Student activity completion feature is further enhanced in Moodle 4.0


Ongoing commitment to accessibility

Moodle is WCAG 2.1 AA compliant and in line with our ongoing commitment to accessibility we are working closely with external accessibility consultants through every step of our design iterations to ensure Moodle 4.0’s authoring and evaluation tools are perceivable, operable, understandable and compatible. 

For more information on the Moodle 4.0, please join the Moodle UX community, sign up to our usability testing and review our Moodle 4.0 documentation. Moodle 4.0 is scheduled for release late 2021.


  • Reply ger tielemans

    August 16, 2021, 8:45 PM

    With the idea of the user in control of his own learning and the teacher monitoring and managing by exception, I love the outline tree of a Moodle section.

    I still hope that my old wish to have an extra activity comes available: to let a teacher combine
    in a kind of “super activity”:

    a resource and activity in one screen.
    (left-right and/or top/bottom)

    In a forum – for example – or with frames you can do this manually, but such activity would be more inviting for the teacher to design it that way… Also with accessibility in mind

    (There are now several tricks to open a resource in a kind of popup screen, but that is not robust enough)

  • Reply ger tielemans

    August 17, 2021, 7:02 PM

    improve navigation: When a student is in control of his own learning, he switches a lot between the course overview page and the level below that. For example, when you have a theme with tabs, it is very confusing for the student that he/she sees the traditional breadcrumb bar on top of his/her (opened) activity or resource: would be great to have – on global theme level – in the theme settings the check option “show the button ‘back to overview’ instead of the navigation bar”

Write a comment