Creating a Learning Path interface that doesn’t overwhelm

  • Custom user interface
  • LearnDash
  • Content library

A navigational nightmare
The Problem

In the process of refreshing our client’s user dashboard to show users more important data first, we realized that the dashboard was not the ideal place to show users every Learning Path available to them, so we needed to create a new, focused interface for that purpose.

A screenshot of the learning paths in the old dashboard layout on the Philipp Elmer membership site
This dashboard served the site well when there was less content, with courses appearing in multiple categories.

A focused Learning Path interface
The Solution

To better organize Learning Paths, we created an overview page to list each path with a more descriptive title, a description and a thumbnail, as well as a progress bar reflecting the user’s progress through each item in the path. User access is restricted by testing whether the user is enrolled in every course in the path.

For more detail, the user can click through to the Learning Path archive, which is simply a layout applied to the LearnDash course category taxonomy, making data entry as easy as assigning courses to a category.

The single path view also includes a progress area that prompts the user to work on the next-up course to encourage them to progress through the content linearly.

A screenshot of the new learning paths layout on the Philipp Elmer membership site
Each Learning Path on the listing page includes a thumbnail and a description to improve context, and has a progress bar that tracks the user’s progress through all of the courses.
A screenshot of the new individual learning path layout on the Philipp Elmer membership site
Navigating the new grid is much easier than finding content in a slider. The top card suggests the next-up content to the user to encourage them to progress linearly.
Talk to us today
If you’re ready to build a scalable, fully-featured LMS or simply need support to bring your current platform to the next level, Tangible has the right people for the job. Every site is unique, so give us a call to find out how we can help.
Contact our LMS experts

More Case Studies…

Course webinars & events in LearnDash

  • Blended & Hybrid Learning
  • Custom user interface
  • LearnDash
Screenshot that shows the results of course pppointments

Easing teachers into remote learning during the pandemic

  • Blended & Hybrid Learning
  • Goal setting & tracking
  • Adaptive & personalized learning
Screenshot of a student dashboard

How a DC school district took their curriculum online

  • LearnDash
  • Rostering & classroom management
  • Custom user interface
Screenshot that shows the class progress data

How a non-profit scaled its LearnDash LMS to 300k+ users

  • LearnDash
  • Administrative reporting
  • Custom integrations
  • Data import/export
How a non-profit scaled its LearnDash LMS to 200k+ users

LearnDash blended self-paced & appointment-based courses

  • Blended & Hybrid Learning
  • WooCommerce
  • LearnDash
Screenshot that shows the results of course pppointments

LMS progress bar that shows completion across all enrolled courses

  • Content library
  • Custom user interface
  • LearnDash
Screen shot showing LMS progress bar

Making Uncanny Groups work in a K-12 setting

  • Administrative reporting
  • LearnDash
Screenshot showing group management

Modelling LearnDash groups after real-life classrooms

  • E-commerce
  • LearnDash
  • Rostering & classroom management
  • Registration & onboarding
Screenshot showing a list of enrolled users with their first name, last name, email, and status, as well as the number of seats remaining out of the total number of seats.

One student dashboard for everything

  • Custom user interface
  • LearnDash
An image showing lms gamification dashboard

Turning LMS content into a live group presentation at the click of a button

  • Gamification
  • Blended & Hybrid Learning
  • Goal setting & tracking
Group presentation of a lesson