THE PROBLEM

Various scattered resources makes schedule planning disjointed and decentralized, hindering efficient planning for students.

Students leverage a variety of tools to craft viable schedules. While Scheduler's MVP offers basic functionality, how can we enrich its core capabilities to streamline and consolidate the course planning journey, ultimately minimizing jobs outsourced to external platforms?

Goal: A unified course planning experience at your fingertips 🪄

CONTEXT

Berkeleytime’s newest feature, Scheduler, allows students to build out a potential course schedule, with classes directly imported from the catalog. This integrates smoothly with our other features, which allow users to check class grade distributions and enrollment numbers, creating a seamless experience for academic planning.

REFLECTION

Working on a feature part of a larger product taught me the importance of seeing a design from a zoomed-out product lens. Sometimes as designers, we can get really into the nitty-gritty of a specific feature and forget to consider the context of our design.

The bigger picture!

Being particularly attached to an exploration ended up hindering me more than helping me. After developer feedback, I was able to step back, understand why the design wasn't a good solution, move on, and ultimately remember I'm designing for users, not for my own tastes.

Kill your darlings.

IDEATION

Based on our research, our PM consolidated and pointed us in a concrete direction for specific goals to accomplish: allowing schedule comparison and offering customizable blocks.

Due to team size constraints, my primary focus was custom blocks, though we conducted weekly crit to ensure all designers were synced on other moving parts. In addition, since we had an existing design system and the designers have a strong sense of product with a quick turnaround time, our iterations usually start around mid-fidelity.

OUR SOLUTION

Plan your schedule in one place with ease!

Once we finalized how users could access a custom block, we needed a way for users to input information and customize the block to their needs. We decided on a modal, as it provided the most flexibility for customization options while retaining space on the main page.

Although offering a description option was helpful, it would interfere with block layout on the scheduler page. Instead, we felt that having a unit indicator was more important, especially since students utilize units as a measure of time and work load. Additionally, we eliminated the color option; we decided to assign the block a random color from a preselected palette to ensure color accessibility and reduce user decision-making.

1

Schedules undergo multiple iterations

Users seldom finalize their schedules immediately; they create versions that evolve based on potential classes, times, and days, as well as backup schedules to swiftly adapt if unable to secure their first-choice.

Implementing easy schedule visualization and comparison can minimize tab switching and streamline decision-making.

2

There’s more to scheduling than just classes

Extracurricular activities consume a significant portion of time. Incorporating other commitments into a scheduling tool ensures users can access a comprehensive and accurate schedule in a centralized location.

Offering an option to integrate other time-based activities enhances flexibility and customization for all types of schedules.

RESEARCH

With a goal in mind, we conducted research in order to identify helpful core features for centralizing the planning experience.

01 Competitive Analysis

Exploring current course planning tools and their roles in the planning journey.

02 User Interviews

Conducting 8 student interviews of various majors, years,
& departments to understand preferences and pain points.

INTERACTION DESIGN IDEATION

Identifying optimal entry points for adding a custom block, and how users can customize it.

❌ DROPDOWN OPTION

Low visibility; students type class names directly instead of scrolling

❌ ADDING CUSTOM SECTION

Adds unnecessary complexity and takes up prime real estate

✅ CUSTOM BUTTON

High visibility, maintains a simple UI, and fits into existing design system

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

Spring 2023 Scheduler

Choose a class...

Scheduled Units: 19

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

BIOENG 140L

Synthetic Biology Laboratory

31/35 enrolled • 4 units

SOCIOL 117

Sport as a Social Institution

177/175 enrolled • 4 units

fall 2024, alt

fall 2023

alt

final

final final v2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

A,RESEC 202

CUSTOM

A,RESEC 212

A,RESEC 219B

A,RESEC 239

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

Scheduled Units: 19

Courses

Custom

CHINESE 100XB

Advanced Chinese for Native Speakers

17/22 enrolled • 4 units

INTRO TO FIGMA DECAL

Wed 6 - 8pm

Dwinelle 245 • 2 units

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

Choose a class...

SCHEDULE 1, SCHEDULE 2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

SCHEDULE 1

SCHEDULE 2

create new schedule

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

Spring 2023 Scheduler

Search a class

Add custom

Scheduled Units: 19

CHINESE 100XB

Advanced Chinese for Native Speakers

17/22 enrolled • 4 units

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

BIOENG 140L

Synthetic Biology Laboratory

31/35 enrolled • 4 units

SOCIOL 117

Sport as a Social Institution

177/175 enrolled • 4 units

fall 2024, alt

fall 2023

alt

final

final final v2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

A GOOD START, BUT...

Having dropdowns and buttons look the same visually might be confusing, even with a different icon.

ALIGNING IT WITH OUR DESIGN SYSTEM

Making the button smaller and placing it on the same line

ensures visibility while communicating to users it solves a different job.

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

Spring 2023 Scheduler

Search a class

Add custom

Scheduled Units: 19

CHINESE 100XB

Advanced Chinese for Native Speakers

17/22 enrolled • 4 units

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

BIOENG 140L

Synthetic Biology Laboratory

31/35 enrolled • 4 units

SOCIOL 117

Sport as a Social Institution

177/175 enrolled • 4 units

fall 2024, alt

fall 2023

alt

final

final final v2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

fall 2024, alt

fall 2023

alt

final

final final v2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

Spring 2023 Scheduler

Choose a class

Custom

CHINESE 100XB

Advanced Chinese for Native Speakers

17/22 enrolled • 4 units

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

BIOENG 140L

Synthetic Biology Laboratory

31/35 enrolled • 4 units

SOCIOL 117

Sport as a Social Institution

177/175 enrolled • 4 units

DATA C100

Principles and Techniques of Data Science

1100/1100 enrolled • 4 units

After conducting usability testing, we decided on a CTA and grouped it together where users can add a class, since both involved user-initiated functionality. Once we finalized this, we polished it up to look consistent with the rest of our UI.

“The custom button is most visible and accessible... I don't have to look around the page or wonder what the feature is for when it's located right under the add class function. Because they're grouped together I can infer that this button is for adding a custom block”

👀 VISUAL REFERENCE

Users use color to quickly identify custom blocks among classes

📌 QUICK SELECTION MODAL

Draws attention and makes it easy for the user to quickly customize

🔎 INTUITIVE DAY + TIME SELECTIONS

UI similar to Google Calendar, which students are familiar with

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

fall 2024, alt

fall 2023

alt

final

final final v2

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

fall 2024, alt

fall 2023

alt

final

final final v2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

Spring 2023 Scheduler

Choose a class

Custom

CHINESE 100XB

Advanced Chinese for Native Speakers

17/22 enrolled • 4 units

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

BIOENG 140L

Synthetic Biology Laboratory

31/35 enrolled • 4 units

SOCIOL 117

Sport as a Social Institution

177/175 enrolled • 4 units

DATA C100

Principles and Techniques of Data Science

1100/1100 enrolled • 4 units

Name

Location

Description

Su

M

Tu

W

F

Th

Sa

8:00 AM

9:00 AM

🗓️ ADDING TO ALTERNATE SCHEDULES

Having an option to apply a block to multiple schedules makes the process of creating alternatives much more efficient.

➕ UNIT COUNTER

Draws attention and makes it easy for the user to quickly customize

Cleaning it up visually!

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

fall 2024, alt

fall 2023

alt

final

final final v2

Catalog

Berkeleytime

Grades

Enrollment

Scheduler

About

Your Account

fall 2024, alt

fall 2023

alt

final

final final v2

Chinese 100XB

Social Sciences 145, 11 AM - 12 PM

Spring 2023 Scheduler

Choose a class

Custom

CHINESE 100XB

Advanced Chinese for Native Speakers

17/22 enrolled • 4 units

COGSCI 180

Mind, Brain, and Identity

154/155 enrolled • 3 units

BIOENG 140L

Synthetic Biology Laboratory

31/35 enrolled • 4 units

SOCIOL 117

Sport as a Social Institution

177/175 enrolled • 4 units

DATA C100

Principles and Techniques of Data Science

1100/1100 enrolled • 4 units

CUSTOM BLOCK

DAY AND TIME

S

M

T

W

Th

F

Sa

8:00 PM - 9:00 PM

APPLY TO

SCHEDULE 1

SCHEDULE 2

SCHEDULE 3

UNITS

0

CUSTOM BLOCK

DAY AND TIME

S

M

T

W

Th

F

Sa

8:00 PM - 9:00 PM

APPLY TO

SCHEDULE 1

SCHEDULE 2

SCHEDULE 3

UNITS

0

CUSTOM BLOCK

DAY AND TIME

S

M

T

W

Th

F

Sa

8:00 PM - 9:00 PM

APPLY TO

SCHEDULE 1

SCHEDULE 2

SCHEDULE 3

VISUAL DESIGN IDEATION

Crafting a custom block that visually aligns with existing class blocks.

This didn’t go through too many iterations, as the design team had previously redesigned class blocks-- our work on building a design system made this much more efficient. We maintained the design consistency and reorganized the information to be descriptive and relevant.

CUSTOM BLOCK

MWF, 8:00 AM - 9:00 AM

schedule 1 4 units

CUSTOM BLOCK

MWF, 8:00 AM - 9:00 AM

schedule 1 4 units

CUSTOM BLOCK — COLLAPSED STATE

CUSTOM BLOCK — HOVER STATE

CUSTOM BLOCK — HIDDEN STATE

CUSTOM BLOCK — EXPANDED STATE

CUSTOM BLOCK

MWF, 8:00 AM - 9:00 AM

schedule 1 4 units

After designing this, we decided to revisit the modal and scrap it, as an expanded state allowed the user to edit the block and followed a similar experience as selecting class discussions. Scroll down to see our final solution!

8am

9am

10am

11am

12pm

1pm

2pm

3pm

4pm

5pm

6pm

7pm

Monday

Tuesday

Wednesday

Thursday

Friday

COMPSCI 61B Lecture

Wheeler 150, 1:00 PM - 1:59 PM

COMPSCI 61B Lecture

Wheeler 150, 1:00 PM - 1:59 PM

COMPSCI 61B Lecture

Wheeler 150, 1:00 PM - 1:59 PM

NUSCTX 10 Discussion

Wheeler 30, 1:00 PM - 1:59 PM

NWMEDIA C262 Lecture

Cory 241, 11:00 AM - 12:30 PM

NUSCTX 10 Lecture

Wheeler 150, 5:00 PM - 5:59 PM

NUSCTX 10 Lecture

Wheeler 150, 5:00 PM - 5:59 PM

MATH 1A Lecture

Li Ka Shing 245, 4:00 PM - 5:30 PM

MATH 1A Lecture

Li Ka Shing 245, 4:00 PM - 5:30 PM

MATH 1A Lecture

Li Ka Shing 245, 4:00 PM - 5:30 PM

CHEM 104A Lecture

Stanley 106, 8:00 AM - 9:29 AM

CHEM 104A Lecture

Stanley 106, 8:00 AM - 9:29 AM

My Schedule

20 units

Choose a class

Custom

MATH 1A

Single Variable Calculus

200/400 open · 4 units

CHEM 104A

Advanced Inorganic Chemistry

200/600 open · 5 units

NUSCTX 10

Intro to Nutritional Science

200/600 open · 3 units

COMPSCI 61B

Data Structures

200/400 open · 4 units

NWMEDIA C262

Tangible User Interfaces

200/600 open · 4 units

Export to Calendar

MATH 1A Discussion

Dwinelle 145, 8:00 AM - 8:59 AM

MATH 1A Discussion

Dwinelle 145, 8:00 AM - 8:59 AM

MATH 1A Discussion

Dwinelle 145, 8:00 AM - 8:59 AM

Spring 2023

Berkeleytime Design Team dinner

with Michelle, Carissa, & Joanne!

LINKEDIN

EMAIL

RESUME

CV

DON'T BE SHY — LET'S TALK

Berkeleytime — Scheduler

Berkeleytime reimagines the student course planning experience to be seamless, integrated, and centralized across all disciplines. Made by students, for students.

TIMELINE

Spring 2023

6 weeks

TEAM

1 Product Manager

4 Designers

4 Developers

SKILLS

Interaction Design

Prototyping

Visual systems