...
The original sidebar experience (pictured below) offered learners the ability to view and navigate between the sections and subsectionsof a course in the left-sidebar navigation of the in-course experience.
In addition to the sidebar navigation, learners saw breadcrumbs at the top of every in-course experience page that listed the section name, subsection name (if applicable), and unit name (if applicable) above a horizontal navigation bar. The horizontal navigation bar displayed each component in the unit with an icon indicating the type of component content flanked by Previous and Next buttons on either side. Learners could click on any component icon to navigate to that component or use the previous Previous and next Next buttons to navigate from one component to the next or previous component in the course.
...
With the left-sidebar navigation removed, the current out-of-the-box navigation experience relies entirely on the horizontal navigation experience described above. The top of each in-course experience page included breadcrumbs. Below that, a horizontal navigation bar made up of clickable component icons, previous and next buttons on the horizontal navigation bar and at the bottom of each in-course experience page. The breadcrumbs now currently include a Course breadcrumb as the left-most breadcrumb, which when clicked brings users to the Course Outline page showing a course description and outline.
...
Allow users to easily navigate non-linearly and orient themselves in the course
Remove breadcrumbs from in-course experience pages
Left-sidebar allows user to drill from section to subsection and from subsection to the unit
Allow users to easily see the progress they’ve made in the course
Can be hidden or shown by user action
Must play well with right-sidebar functions (Approaches (by Raccoon Gang and Pearson) for this already exist elsewhere, and may be a good reference to look at when building this out)
The in-course experience page content remains the primary function of the page, and the dual sidebars are designed in such a way to minimize distraction from course content
Learner must be able to collapse the left-sidebar navigation and easily expand it from its collapsed state
Learner must be able to collapse the right-sidebar function and easily expand it from its collapsed state
...
One use case to consider when creating a design is the real use case of subsections having dozens to hundreds of units in the one subsection, what does the sidebar navigation look like in this case?
Another use case is to consider what is how very long section, subsection, or unit names look like behave in the sidebar navigation?
...
In Scope | Out of Scope |
|---|---|
|
|
...