Memorial Union — A UX Case Study

Design Interactive
13 min readJun 13, 2023

--

Introduction

The Memorial Union (MU) is a central hub of student life at UC Davis that aims to connect students to campus and enrich their experience by providing a space for students to study, snack and socialize. In the span of 6 weeks, our team followed a human-centered design process to create an application that highlights what the MU has to offer and makes relevant information more accessible for students.

Awarded Most Customer Centric UX

Meet the Team

Team Roles

Problem Statement

Despite the fact that the Memorial Union (MU) is a central location within UC Davis offering a wide variety of services, including the Coffee House (CoHo), food booths, study rooms, and a game room, a significant number of students remain unaware of the full range of amenities available to them at the MU.

How might we create a centralized platform to highlight what the MU has to offer and make relevant information more accessible for students?

Project Timeline

Total Project Duration: 6 Weeks

Research

Memorial Union Website

We began research by conducting a literature review of the Memorial Union website to gain a deeper understanding of what the MU offers and what its goals are. These two quotes from the website nicely capture the goals of the MU:

“As a central hub of student life, the UC Davis Memorial Union hosts a range of services and programs that help students connect to campus and enrich their experience.”

“a variety of resources and spaces that allow students to study, snack and socialize

We also organized all of the services into 8 different categories (study, snack, socialize, amenities, student needs, services, student organization, and shopping) to better visualize the different categories. This became useful when deciding which category of services to highlight on our app.

Survey

To gain a broad understanding of how students interact with the Memorial Union, we conducted a survey that garnered 66 responses. Nearly all of our responders were UC Davis students, which became the target audience of our app. We had a diverse pool of respondents with students ranging from all academic standings.

Survey Respondent Demographics

We learned from our data that…

74% of students visit the Memorial Union at least 2x a week

This shows that the MU is a highly utilized space on campus, thus there is a great need for an app that helps students make the most out of their experience at the MU.

68% of students were either confident or very confident that they knew the full array of services offered to them at the MU

This was quite surprising to us considering the wide array of services offered at the MU.

Bar chart showing reasons for visiting the MU

Most Used Services:

  1. Coffee House (57.6%)
  2. The Market (40.9%)
  3. The Pantry (21.2%) and study rooms (21.2%)

Services Students Want to Learn Most About:

  1. MU Events (34.8%) and Center for Student Involvement (34.8%)
  2. Aggie Reuse Store (30.3%)
  3. Study rooms (27.3%)

From this data, we learned that students mainly use the MU for food and sometimes to study or to visit some of the popular basic needs services such as The Pantry, a student-run organization that provides food and other basic essentials to UC Davis students and staff. Students want to learn most about social events and basic needs services. Here, we faced our first challenge. We needed to decide whether to focus on highlighting popular services or bring awareness to lesser known services.

Interviews

To gain a deeper understanding of how a range of students interact with the MU, we conducted 17 interviews. Here are some key insights we learned from our interviews:

“It’s very hard to find a spot at the MU, I give up most of the time.”

Students have a hard time finding a spot at the MU.

“They ran out of Rice Krispies and I had to get something else. It would be nice to know what they had available at the CoHo that day.”

Students want to know what is available at the Coffee House, our on-campus coffee shop, because items are often sold out or the menu changes.

“I am not interested in learning more about the different services because I only use them when I run into issues.”

Though students mentioned in the survey that they would be interested in learning more about different basic needs services, they elaborated in the interviews that they would like to have access to that information but it is not a priority for them. This is because they only utilize these services when they need them. Thus, we decided to place the emphasis of our app on highlighting popular services rather than helping students learn more about lesser known services since they did not seem interested.

Synthesis

Gathering Insights

After conducting user research, we gathered our user research insights and categorized them through affinity mapping with the goal of finding the most common user pain points to address and prioritize.

In addition, we created an empathy map with the goal of identifying what our target users would say, do, think, and feel in different types of situations when visiting the Memorial Union.

From this, we discovered that students mainly visit the Memorial Union to study, eat, socialize, or utilize the several student resources offered at the Memorial Union.

Affinity Map
Empathy Map

Pain Points

We were able to identify the following pain points:

  • Users’ MU experience is negatively affected by lack of seating availability.
  • Users waste time at the Coffee House due to lack of information about wait times and menu availability.
  • Despite users’ confidence about common MU services, they remain unaware of the full range of MU services (including MU social events and study rooms).

Ideation

Low-Fidelity Wireframes

To address the pain points we identified earlier, we sketched out potential solutions.

Our solutions include…

  • Bar charts to indicate how busy an area is
  • Navigation bar with 5 main pages:
  1. A Map page to provide a map of the MU that highlights its services and amenities
  2. A Study page to bring attention to available study spots and show seating availability for studying in general areas
  3. A Food page to provide easy access to wait time information with updated menu item stock availability at the Coffee House
  4. A Social page to share essential information about upcoming social events held at the MU
  5. A Services page to share essential information about MU services
Low-Fidelity Sketches

Mid-Fidelity Prototyping

As we transitioned to mid-fidelity, we sought to implement the solutions we sketched out in low-fidelity.

Study

To showcase study spots in the MU, we implemented a horizontal scroll layout with card components for easy readability. We included information about seating availability and hours on each card component in addition to buttons that indicated the booking status of each room.

An important thing to note is that we designed our first version of mid-fidelity wireframes under the impression that any student could book a study room with their choice of seat layout. We later discovered that only leaders of a student organization can book a study room which led to a pivot in user flow for user testing. To be more specific, we got rid of the user flow for booking and only made use of our study home screen and calendar screen during user testing.

Study Mid-Fidelity Wireframes

Food

Our Food tab implements a vertical scroll layout with card components showcasing important information like hours and wait times for each restaurant in the Memorial Union. Each card takes you to a dedicated page for the restaurant that allows users to filter a live menu of the restaurant’s selection by type, recommendations, and availability.

Additional information like a complete list of a restaurant’s hours, their phone number, as well as a popular times chart, can be found by tapping the right pointing arrow at the header of the page.

Food Mid-Fidelity Wireframes

Social

The Social page is dedicated to all social activities at the MU such as events and games. We added a carousel for a quick view of upcoming MU events and added a “See More” button for users to view these events in a calendar view that was influenced by Google Calendar and Apple Calendar for the design and user flow. When a user clicks on a date, an hourly view of the selected date is displayed as a popup. When they click on an event, the popup switches to a detailed popup of that event. There, they are able to learn more about the event and add the event to their personal calendar if they choose to do so.

The Social page also allows users to explore the Games Area, a recreational center with activities such as billiards, bowling, and gaming. They can view a popular times chart to avoid long wait times and click on a card component to learn more about different games.

Social Mid-Fidelity Wireframes

Services

With the Services tab, we played around with different styles and layouts to find the best way to showcase the range of services at the MU and what each service does. We strived to include information such as hours and a description of each service.

Services Mid-Fidelity Wireframes

Usability Testing and High-Fidelity

Following our mid-phase evaluation, we sought for feedback on our design and prototype by conducting usability tests.

We conducted a series of 7 usability tests specifically targeting current UC Davis students. These tests encompassed four distinct sets of tasks: Study, Food, Social, and Services.

These tests provided valuable insights into the pain points and strengths of our design and prototype. Through these tests, we found 3 main pain points.

Usability Testing Insights

Usability Testing Findings and High Fidelity Prototyping

Study: Study Rooms

During the usability tests focused on the Study page, we identified a problem where users were mistakenly led to believe that they could book study rooms through the app. To address this, we implemented a helper tab that explicitly states that the rooms are only bookable for student organizations. This solution aims to prevent confusion and ensure that users have accurate expectations regarding the availability of study rooms.

Study — Before & After User Testing

Food: Checking Wait Times

During the usability tests focused on the Food page, we discovered that users were unaware of the popular times page when checking wait times for food. To address this, we added helper text to guide users to the popular times page and clarified that the app does not currently support ordering. These changes aim to improve user understanding and streamline the process of checking wait times for food.

Food — Before & After User Testing

Social: Event Listing

During the usability tests focused on Social page, we discovered that users wanted a more comprehensive view of all the events rather than just a calendar view. To address this, we implemented a list view along with a search bar, allowing users to quickly and efficiently browse through all the events at a glance. This solution aims to improve user experience and provide a convenient way for students to explore and engage with the various events happening at the MU.

Social — Before & After User Testing

Design System

Design System

One of the main issues we encountered in the prototyping phase was deciding on a design system. On one hand, most of the facilities and resources that are found at the MU fall under the jurisdiction of our school’s student government — ASUCD. On the other hand, the MU resides at the heart of the UC Davis campus. At the end of the day, we decided that the app would most likely follow UC Davis’ design guidelines if this app were to be commissioned by UC Davis. We thus proceeded with our school’s design system with the goal of UC Davis students associating our app with the school.

Final Prototype

Map

The Map tab allows users to see a full map of the MU that highlights all of the services and amenities that the MU has to offer. Users are able to filter the map through 4 tags: Study, Food, Social, and Services. They can also click on a specific landmark on the map to find out more about it and be redirected to the main tab corresponding with that landmark.

Map High-Fidelity Wireframes
Map Final Prototype

Study

The Study tab is designed to showcase all MU study spots, which include general seating in open public areas in addition to study rooms. Users can not only filter through these study spots by floor or occupancy but also find information about hours, seating availability, and study room availability all on one screen. They can also click into a study room to learn more about study room rules as well as the study room’s availability status during specific times. Besides study rooms, users can learn more about a certain study spot such as how busy it is and where it is located in the MU with the option to be redirected to the Map page.

Study High-Fidelity Wireframes
Study Final Prototype

Food

The Food tab features a complete list of all the food spots available at the MU with a live filterable menu that shows what items are currently in stock and the popular times of each restaurant so that students can plan their visit to the MU accordingly.

Food High-Fidelity Wireframes
Food Final Prototype

Social

The Social tab is a centralized hub for all social activities such as MU events and games at the Games Area, a recreational center with activities such as billiards, bowling, and gaming. Users can view MU events in a Calendar and List view. They can click a card component to learn more about an event and add it to their personal calendar should they choose to do so. Also on the Social tab is a section dedicated to the Games Area. Here users can click on a card component to learn information such as prices and estimated wait times for the different games.

Social High-Fidelity Wireframes
Social Final Prototype

Services

Our final Services tab is dedicated to students who want to explore and delve deeper into the numerous services provided by the MU. From The Pantry ensuring no student goes hungry to Aggie Compass guiding students towards wellness and success, UC Davis’ Memorial Union has a range of services tailored to meet student needs. This is just some of the countless other services waiting to be discovered through our app, with each service designed to enhance the student experience at UC Davis.

Services High-Fidelity Wireframes
Services Final Prototype

Challenges

When designing this app for UC Davis’ Memorial Union, we came across challenges such as:

  • Difficulty with UX Copy and UX Writing to inform users about app features where we struggled to clearly showcase study room rules and the menu stock availability feature
  • Providing context for users to easily navigate through the app while avoiding cognitive overload
  • Creating an interactive map of the MU without sacrificing UI

Next Steps

1. Conduct more user research on faculty and visitors.

Since our respondents are nearly all students, we are missing data on staff and visitors, which are some of the demographics that also utilize the MU. Thus, if we had more time, we would like to learn more about how they interact with the MU and expand the scope of the app to accommodate them and their needs.

2. Create a more dynamic map that tracks your location upon entering the MU

Currently, our map only tells users where services are located. However, if we expanded the scope of our app to include visitors, we would implement a dynamic map that provides directions from your current location. This will be especially helpful for visitors, freshmen, and transfer students who may not be familiar with the layout of the MU.

3. Give users the ability to order ahead in the CoHo through the app

During our user research, students shared that they wanted the ability to order ahead at the CoHo to skip the long lines. Due to our time constraint, however, we were unable to implement this feature into our final prototype. We would therefore like to expand our app to include this useful feature if given the opportunity.

Final Presentations

We presented our final prototype to a panel of industry judges from Google, Spotify, and Netflix in addition to our peers at the Design Interactive Presentation Day on June 1, 2023. It was really fulfilling to finally showcase the product our team spent six weeks creating! We were awarded with Most Customer Centric UX for our design.

The team on Final Presentation Day!

--

--