mLearn Side Navigation & Course Sitemap

Instructors and students were using up a lot of time navigating through a course to get to a spot within the course during review and presentations. We found that instructors were used to module numbering (Chapter) or Table of Contents (Course Sitemap) formatting. So, we created a side menu containing module numbering and footer link to table content page.

Side Nav - Hierarchical Navigation

First step was to map out how the course structure will show in the side menu.

UI Designs

Second step was to make the user had clear visual understanding where they were in the side navigation and easy method to find a lesson, activity, or page. (When a user opens the side navigation the page, they are on shows near the top.)

To view side nav prototype.





The table of content is listed by page number and only chapters, lessons and activities show, like a sitemap.




Visual Designs