...
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 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 (One approach Approaches (by Raccoon Gang and Pearson) for this already exists 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 the 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
...
UI for:
The restored left-sidebar navigation and how the it appears when expanded and collapsed
How the in-course experience page should appear and behave once this sidebar has been implemented, so that the user is able to view course content easily, while also being able to know both sidebars exists, what they are for, and access them when neededaccess or collapse either sidebar
Implementation of left-sidebar navigation and right-sidebar compatibility
...
In Scope | Out of Scope |
|---|---|
|
|
...
After this initial release, usability tests will be conducted in the future to better understand the best user experience for viewing and navigating between course components. DistractionBecause the in-course experience page will have both a left- and right-sidebar, distraction-free mode is another feature that may be beneficial after the two sidebars have been added to the in-course experience pagesmay be explored to introduce an easy way for learners to focus on course content when sidebar functions aren’t immediately needed while also allowing learners to easily access sidebar functions when they are needed.