14_Instructor Bio Detail success banner@2x.png

cal registrar app

INCREASING STUDENT ENROLLMENT WITH THE CAL REGISTRAR APP

INSTRUCTOR & COURSE VISIBILITY AT UC BERKELEY

 

The Vision

My team aimed to create a new design that would allow instructors to easily modify their course pages, allowing them to include attention-grabbing content like photos, links, and videos. We also wanted to create an instructor bio section that highlighted each instructor's individual professional background and interests.

THE PROBLEM

The current UC Berkeley platform for course selection is not meeting the needs of instructors because it does not allow for any customization of the course pages. Course descriptions are automatically generated from an API, and there is no instructor bio section. This prevents instructors from showcasing unique personal and professional information about themselves and their courses, which may attract more students to enroll. 

 
Web-Showcase-Project-Presentation.png
 

DeSign goals by principle

Predictability

The final design will allow instructors to access their pages easily, with an intuitive sense of where to start and how the page should look when finished.

 

Perceivability

Knowing that the instructors are busy and only visit this site at the beginning of each semester, the page designs need to be simple and lead the instructors through the act of filling each page out.

Learnability

Keeping the Instructor Bio page similar to the layout of the Class Page editor will make it easy for the instructor who needs to fill out multiple pages. Having clear breadcrumbs for navigation and feedback elements will also help guide the way.

Consistency

With a nod to designs of profiles on social media pages, the pages allow the user to upload a custom image, add URL links and to enter custom text into available fields. Each field will have an edit symbol and the CTAs will clearly indicate the actions to take.

Feedback

The design will show a clear navigation breadcrumb icon to allow users to note where they are in the website. Each page name in the breadcrumb is a link to the page, so one can click it and travel, if they desire. 


 

The PERSONA

The primary user group for the Cal Registrar App is the UC Berkeley instructor. We identified the following goals for our primary user:

  • Establishing an academic reputation.
  • Increasing popularity and visibility of classes among the student population.
  • Needing a central hub to store class files, class syllabus and additional information about the class and instructor.

With these in mind, we conceived of our persona, Fred Barnes.

Persona- Fred Barnes@3x.png
 

INFORMATION ARCHITECTURE + TASK FLOWS

Next, we broke down each page and action a user would need to take to navigate editing their bio and class pages.

Instructor Bio Task Flow.png
Class Page .png

USER TESTING WITH INSTRUCTORS

Our research was conducted with three individuals with post-secondary academic careers. All three of our users successfully completed all 5 scenarios under 30-mins.

PLUSES AND DELTAS

+ "It was clear and easy to use, it wasn't a difficult to use site at all."

+ "You'd be able to add anything you wanted to add through the URLs. It seems like the current design is pretty flexible."

△ Feedback banners to show when the page is in a preview vs. published state

△ Giving the education and  biography sections discrete headings.

 

 

THE FINAL PRODUCT