MyUCLA Redesign Case Study

Problem Statement

Guided by user research, we would improve upon the preexisting MyUCLA platform to display a more intuitive organization of features on the site. In doing so, we hoped to alleviate the existing usability and discoverability issues within the platform.

At a Glance

MyUCLA is the main platform that UCLA students utilize to complete essential functions, such as enrolling in classes, paying bills, and checking degree requirements. Within a tight schedule of 6 weeks, a group of four team members and I conducted user research to identify pain points in the existing platform and used the data to create a high-fidelity mockup of a redesign that addresses the weaknesses uncovered by our research.

My Role
Lead UX Researcher
Team
Emily Chee
William Stonehouse
Katherine Carino
Grace Song
Timeline
6 Weeks
(Nov. - Dec., 2020)
Methods & Tools
Focus group, process analysis, semi-structured interviews, closed card sorting, desirability testing, concept feedback sessions, Mural, Figma, Zoom
Context

UCLA has many different resources that students can access at any given time, including class resources, financial and billing information, and housing resources. To make this plethora of information accessible to students, UCLA houses these resources on one platform called MyUCLA. Yet, despite the convenience of a one-stop-shop of functions, MyUCLA has fundamental discoverability and usability issues that prevent students from utilizing the platform to its full potential. Useful features that are needed in students’ day-to-day life are arranged in a disorganized manner and are incredibly difficult to find.

Target Users: UCLA Undergraduate Students

Given that this was a class project that required using our peers as participants, our group chose a subject topic that was relevant to all of our classmates. Therefore, our target users are UCLA undergraduate students because all undergraduates use MyUCLA on a near-daily basis.

User Needs Research
Contextual inquiry graphic: Shows a magnifying glass looking at a person

Contextual Inquiry

Goals
Method Justification
Method Details
  1. Students were recruited during the enrollment period at UCLA and were asked to enroll in a class while sharing their screen with us.
  2. As they were enrolling in their class, we carefully watched their body language and behaviors and asked questions.
  3. Notes were taken throughout the process and responses to questions were recorded.
Interview graphic: Shows two overlapping dialogue boxes

Semi Structured Interviews

Goals
Method Justification
Method Details
User Personas

Utilizing the data gathered from our user needs research, we created two personas that were used to inform our subsequent research and designs.

User persona 1User Persona 2
Design Concepts

Using the personas and the user needs that were drawn from our preliminary research, we created 5 design concepts that we would assess in our subsequent research.

5 design concepts
Concept Evaluation
Focus group graphic: shows three people with dialogue bubbles above them

Task Based Focus Group

Goals
Method Justification
Method Details
  1. Recall as many features within MyUCLA as possible and write them down
  2. Look through each of the concepts that are presented and identify features from each concept that you like and features that you don’t like
  3. Utilize the ‘My Features’ tab to design your own ideal menu of features
Card Sorting activity graphic: Three sticky notes side-by-side

Closed Card Sorting Activity

Goals
Method Details
  1. The participant would log into Miro where there would be digital sticky notes that had the names of each feature on MyUCLA.
  2. Category names would be given to the participants, and they would be asked to sort the features into the categories that they see fit.
Key insights drawn from research

After conducting extensive research, we found many areas for improvement to the existing MyUCLA platform, but 3 prominent modifications stood out as top priorities to be implemented within the final prototype of MyUCLA.

1. Search Bar

​Based upon how often users utilized third-party sources, such as Google, to find specific features on MyUCLA, we found it necessary to implement a search bar within the final prototype to ensure that users could easily find any element within the platform. In doing so, we could make the platform more accessible to users.

Screenshot of the redesign with the search bar highlighted
2.   Personalized Homepage

​Many users expressed interest in a personalized profile on MyUCLA that would give individuals quick access to frequently-used features, degree audit reports, and financial information without having to search through numerous tabs on the site. Likewise, an added ‘recommended’ section allows users to further explore opportunities within their major.

Screenshot of the redesign with the personalized section highlighted
3.   Organized Tabs

​We found that people liked the placement of the tabs to be on the left side of the screen as it was both aesthetically pleasing and intuitively placed. More importantly, because of the implementation of the search bar, each tab should only include frequently-used features that are relevant to each category, while moving the lesser-used features into a separate location, to reduce the clutter in each of the tabs.

Screenshot of the redesign with the tabs highlighted
Final Prototype
6 Images of the final redesign prototype that was created
Key Takeaways

The challenges presented throughout this project helped me grow a great deal as a researcher. Here are some key lessons that I learned:

Check Out My Other Projects:

Fiserv Case Study. Goal: Integrate cryptocurrency alongside individuals’ traditional banking services
Greenshift Case study. Goal: Assist industrial design students in choosing more sustainable materials within their projects
Veritone Internship. Goal: Facilitate the transcription of court cases in navy courtrooms
Back to the Top of the Page Button
© 2022 All rights reserved by Joseph Gaggiano