Bootcamp Spot is made by Trilogy Education Services, LLC, used by Berkeley Extension. It’s an e-learning portal for students to view course content and participates in Bootcamp courses. I was a student at Berkeley Extension, my experience with the BCS software was that student pushed to digest a large amount of information in a short amount of time. Therefore I thought it would be beneficial to have an intuitive learning management tool that can play an essential role in student success.
This redesign is going to attempt to solve specifically for:
- Calendar organizations
- Information Architecture (IA) reorganizes the navigation
- Affective user interface for the home page and other sub-pages.
How do we overhaul the learning portal to decrease the time students spend finding and doing what they need?
My role focuses on UI design, Wireframes, Mockups, Prototyping, and User Testing / iteration in this project. I worked in a group, consisting of 3 people in total.
Sketch
InVision
Adobe XD
Three weeks.
Bootcamp Spot is e-learning platform used by UC Berkeley Extension. The software provides a portal for students to view course content and participate in bootcamp courses.
While completing the 24-week UX/UI program at UC Berkeley Extension, I completed a project to evaluate and redesign the user interface for Bootcamp Spot.
Findings: Students spend a very significant amount of time on the site navigating to the content they need, and hunting for the most commonly used features, such as checking attendance, viewing due dates and submitting homework.
This redesign focuses on:
- Calendar organization
- Information Architecture (IA) organizing the navigation
- Effective UI for the home page and other sub-pages.
How do we overhaul the learning portal to decrease the time students spend finding and doing what they need?
My role focuses on UI design, Wireframes, Mockups, Prototyping, and User Testing / iteration in this project. I worked in a group, consisting of 3 people in total.
Sketch
InVision
Adobe XD
Three weeks.
Bootcamp Spot has many features that are critical for running a course. Specific tabs are difficult to find with the current layout and navigation, requiring the user to drill into a number of sub-sections before locating the most basic functions of the portal. The redesign will optimize the information architecture, navigation, home page layout and calendar. In doing so, we can measure success by the reduction in the number of clicks the user must make overall to get to the most commonly used features or complete the most common tasks.
Additionally, the success criteria is as follows:
- Improved user interface, allows easier navigation and reduction of steps.
- New features enhance the experience and reduce frustration and time spent completing common tasks.
Bootcamp Spot is a learning management system for modern education — consolidating all the tools and resources students and educators need to manage their academic workloads — providing access to your class away from the classroom.
Below are screenshots of the existing Bootcamp Spot site pages before redesign. For each page, the UX/UI analysis of key areas for improvement are listed.
We completed website inventory audit and user card sorting to evaluate the final information architecture of the website and came up with the following:
We completed website inventory audit and user card sorting to evaluate the final information architecture of the website and came up with the following:
In this part of case study, I will focus on improving 4 most used BCS pages.
(Home: student dashboard/ Corse calendar page, Assignment page, Session page and Submit assignment page.)
Some new changes have been made, all of these pages are improved based on the user research process.
Students are successfully navigate through each feature in our wireframe and provide feedbacks.
Goal: Students are able to successfully navigate through each feature in our wireframe and provide feedback.
After the deep-dive research and wireframe sketches, we were able to resolve the the user frustrations and find the focal point for this student project.
For the high-fidelity mockup we will measure it base on the following criteria:
- Improved UI, allows easier navigation and reduction of steps.
- New features enhance the experience and reduce frustration and time spent completing common tasks.
This page integrates a few of the most commonly used elements. It combines them with calendar and student dashboard to maximize the efficiency. This allows the student to operate under time sensitive circumstances with their daily course material all in one place.
With the improvements to the information architecture, students can now easily check-in, request remote attendance, and browse all of their corse sessions easily in one page.
The new BCS Assignment page allows students to view their current grades, view all the assignments, view assignment details, read feedback and upload their assignments on one page. This new changes can keep student's on track with their intense bootcamp course.
Overall, the redesign of Bootcamp Spot align with the goals of the project. The feedback received in user acceptance testing have been positive, and the new features and updates to the navigation are well-received. To truly measure and compare the success of a redesign, we can leverage analytics, A/B testing and surveys to support KPIs such as: time to complete tasks, error rate on tasks, and net-promoter score.
Redesign is a new learning process
In this projected I learned how to throughly apply user research and each step of the design process. Additionally, working with and closely and communicating with my peers to exchange ideas has enhanced by experience as a product designer. I feel that my ability to put myself into the user's shoes (as an actual user of Bootcamp Spot) helped immensely with the project. In the future, I will try to become a user of the products I work on in order to apply the super power of empathy. Overall, in spite of the fact that I am a junior product designer, I feel I have gained a valuable insight into the importance of user empathy.
Thank you for taking the time to read through my first case study.
Don't forget to check out the Bootcamp Spot prototype!
