MY ROLE
UI/UX Designer
TIMELINE
4 Weeks
SKILLS
Figma, UX Research, Prototyping
OUR TEAM
Diana Tran, Trisha Patel, Angela Fan, Stephanie Mauricio, Yanjun Jin
BACKGROUND
In my PSYCH 124B: Fundamentals of User Experience course at UCLA, my team and I undertook the redesign of the Transact Mobile Ordering App, which was initially fraught with navigation and usability challenges. Our redesign aimed to enhance the user experience for campus dining by making the app more intuitive and efficient.
We addressed several critical issues, including unclear order details, cumbersome navigation, and a lack of customization options. Choosing this project was a natural fit as it not only aligned with my academic pursuits but also directly impacted our daily lives as students. By improving a platform we regularly used, we had the unique chance to apply our UX knowledge practically and make a meaningful contribution to our campus community.
RESEARCH
User Interviews
We used a semi-structured interview approach to delve into users' experiences with the app. This method helped us gather in-depth insights about their challenges and preferences, pinpointing critical areas for enhancement. Our two-stage interview process started with hands-on interaction with the app, followed by a discussion session to explore their experiences. Here are the questions we posed:
PROBLEM
How can we make order details and customization options clearer to improve the user experience for university students using our app?
The app, predominantly used by university students, faced challenges with its complex navigation and unclear order details and customization options. Our project aimed to streamline these aspects to craft a more user-friendly mobile ordering experience.
User Persona
TO BE CONTINUED …
How important are customization options for users, and what options do they value most?
What specific features of the user interface contribute to an efficient and enjoyable ordering process?
What features and design elements contribute to a positive experience when exploring menus?
What features of real-time order tracking are most valued by users?
Jamie Rivera
Age: 20
Occupation: Full-time Student at UCLA, part-time worker at the UCLA store
Location: Los Angeles, California
Background:
Has a busy schedule filled with classes, study sessions, and club activities.
Likes to explore new places to eat with friends, often using mobile ordering for convenience.
Affinity Diagram
Unclear Flow/Misinformation:
Users reported a fear of ordering the wrong item by accident due to unclear flow and misleading messages.
Lack of Information
Users found it difficult to distinguish between food items due to unclear naming conventions and a lack of descriptive information.
LOW FIDELITY WIREFRAMES
Buttons/Visuals:
The interface was criticized for not being intuitive, with users noting that standardized visual components were missing.
Transparency with Order:
After customizing their order, users lacked proper feedback indicating that the customization was processed.