Berkeleytime Scheduler

Streamlining course planning and scheduling, enabling users to select from 11,000+ courses with ease.

Responsibilities
As a product designer at Berkeleytime↗, I worked in a cross-functional team to pitch, design, and ship Berkeleytime Scheduler. I also validated feature functionality and design system expansions with the front-end engineering team. Features I focused on primarily were editing schedule drafts, as well as course addition user flow.

Role
Product Designer

Duration
6 months

Team
4 Designers
4 Engineers
1 Product Manager

CONTEXT

Berkeleytime is a course-discovery platform for UC Berkeley students.

It allows students to look up courses from previous semesters, view current enrollment trends, and examine past grade distributions.

PROBLEM

Class scheduling was convoluted because there was a lack of easy-to-use and centralized schedule planning tools.

A user survey of 100 participants revealed high interest in a scheduling tool offered by Berkeleytime, as a way to minimize the cognitive load students had to deal with when scheduling next semester’s classes.

“More schedule planning support, anything to prevent me from having to open three different tabs.”

— Student Survey Participant

SOLUTION

Berkeleytime Scheduler simplifies course scheduling by providing a more flexible experience.

View and select from 11,000+ classes in a single page.

View and pick from all possible sections for a class, using either the dropdown class lists on the left or the calendar blocks on the right. Hovering over a specific discussion timeslot will change it from semi-opaque to fully opaque.

Keep all your courses and schedules in a single place.

Students can bookmark potential classes to quickly refer to them later. They can later view saved classes in their Berkeleytime profile, and then add these classes to schedule drafts.

Find and resolve schedule conflicts in just a few clicks.

Schedule overlapping classes, temporarily or permanently, without irritating error messages. To delete a timeslot, click on the calendar block to access the delete option, or unselect it in the list view.

Select and generate a new draft, with no hassle.

View and pick from all possible sections for a class, using either the dropdown class lists on the left or the calendar blocks on the right. Hovering over a specific discussion timeslot will change it from semi-opaque to fully opaque.

DIGGING DEEPER INTO THE PROBLEM

A scheduling tool already existed: CalCentral. Unfortunately, most students found it confusing and difficult to use.

Generally, students would use Berkeleytime to browse courses to take, and then go CalCentral to start planning out their schedules. What we found was that this crucial step in the course enrollment process was often a hassle for students because CalCentral had a confusing user flow and layout.

CALCENTRAL PAIN POINTS

CalCentral’s scheduling process was confusing and inflexible.

Based on user research and and an internal UX audit, I identified the main painpoints of current scheduling via CalCentral:

  • Class shopping cart is text-heavy without additional visual aids

  • Must keep mental track of info on multiple pages to compare different timetables

  • Course conflicts are difficult to resolve

OPPORTUNITY

Improve the UX of course schedule creation and planning, while also increasing user retention on Berkeleytime.

When pitching Berkeleytime Scheduler to the rest of the team, I also stressed that this was a feature that had been requested for a while, and could potentially boost user retention on Berkeleytime.

DESIGN HIGHLIGHTS

Grouped course sections for better visibility and organization.

Course sections used to be displayed in no particular order. Grouping them together reduced the time spent identifying all required sections to enroll in, and more effective schedule visualization.

Enabled additions and deletions of courses to or from schedule drafts.

This significantly increased the flexibility of the schedule building experience.

Made course conflict notifications less intrusive, but still noticeable.

This enabled that the conflicts were still easy to identify and resolve, without alarming the user with a major UI change that they found irritating.

IMPACT

Launched Scheduler MVP for 26,000+ users; 22,000+ schedules created so far.

After supporting front-end and back-end engineering as we aligned on design specifications, it was exciting to see Scheduler ship.

Provided a more intuitive course planning experience than CalCentral (official schedule enrollment site).

“[Scheduler] has been hugely successful, and many users say they prefer it to the CalCentral enrollment planner.”

— Current Berkeleytime Product Manager

REFLECTIONS AND TAKEAWAYS

Clarity and patience are pre-requisites when aligning with non-design stakeholders.

As a designer, I knew all the new changes to wireframes and features like the back of my hand—so it was easy to forget that the engineers weren’t going to start on the same page as me. Patiently answering their questions and walking them step-by-step through user flows helped the engineers co-design Scheduler, kept me up-to-date with what would be feasible, and helped me re-examine and polish past design decisions.

I learned that real-life design projects are considerably less linear than class projects.

I’d taken a lot of design classes, so I was familiar with the standard design cycle processes. However, I sometimes deviated from what I had been taught as I took on this project. In time, I began to realize that real-life design projects are messy and non-linear, and that critical reasoning conquers formula when it comes to solving real-life problems.