Canvas - Course Pacing

Redesigning Course Pacing to support large-scale rolling enrollment courses

Role
Senior Designer

Team
1 Product
1 Designer
6 Engineers

Responsibility
Design, Research

Before the development of “Course Pacing,” instructors had to manually input due dates for assignments for each individual student in a rolling enrollment course. This was an extremely inefficient way of managing a course. Just imagine the amount of clicks required to set customized due dates for a course with over 100+ students. Instructors simply do not have the time to meticulously click away in Canvas. The problem becomes even more significant when students require due date extensions due to various circumstances.

A significant obstacle to releasing this feature was the lack of options to customize paces for both sections and individual students. Teachers have consistently told us that without these customization options, the feature is essentially useless to them.

Before

Supports Course's Pace

After

Supports Course's Pace

Supports Section's Pace

Supports Student's Pace

THE ISSUES

The old design has a few flaws:

  • The old Course Pacing does not support individual students and sections, which is essential for teachers to configure paces tailored to each student’s learning needs.

  • The user interface does not support a large number of students and sections. Using a dropdown menu for selecting a large number of students and sections is not efficient.

  • There is a very low usage of Course Pacing, and we want to increase its usage.

The feature is essentially useless to me unless I can set paces for my students individually.

The old design utilizes a dropdown menu for navigating between sections and students. It works with a small number of students, but becomes impractical with 25+ students.

We considered various options but ultimately decided on one due to time and technical constraints. This design addressed the scalability issue we initially aimed to solve and also improved a few other aspects:

Improvements:

  • We added a H1 header to provide clear orientation for the user, which was lacking in the previous design.

  • A short description was included under the header to remind users of the page’s purpose.

  • We increased the prominence of the “stats” and “Default Pace” components.

  • Sections and a students tab were included to address the navigation issue for large courses.

  • Clicking into any section or student item will open a fullscreen modal for instructors to set paces for the chosen section or student.

We conducted moderated user tests and surveys to validate our approach. Additionally, I reviewed the design with our in-house accessibility engineers to address screen reader and keyboard highlights issues.
The engineering team then broke down the work across multiple sprints. Throughout development, I was actively engaged in answering usability questions, addressing accessibility concerns, and offering alternative solutions whenever issues arose.

In the redesign, we added some extra features. These include the ability to set blackout dates, so that tasks will be skipped and assignments will not be due within a specific date range. We also added the ability to view and reset pending changes.

TAKEAWAYS

The instructors were excited about the change because they could now set custom pacing for their students. After we introduced the redesigned Course Pacing in Beta, there was a 5% lift in adoption.Here are some learnings:

  • It was challenging to determine the main driver of the increased usage – whether it was the redesign or the added features.

  • We did not establish a clear measure of success. We simply considered more paces created as sufficient for success.

  • Due to lack of documentation, it was difficult to understand some of the design decisions made by the previous designer. It was easier to communicate with the engineers who built the first version.

  • I was unsatisfied with the process of adjusting durations for individual items. I found it to be inefficient. There was significant resistance to redesigning that interaction/UX.


See Course Pacing Protoype in action