SNACKPASS
UX Design and Research on a Mobile Food App
The original design of the Snackpass app not only presented a convoluted user interface, leading to user dissatisfaction and a restricted exploration of its offerings but also lacked the functionality of enabling users to personalize their orders according to their dietary preferences and restrictions. The absence of this feature, coupled with the lack of tailored recommendations, has resulted in a subpar user experience, inhibiting user engagement, while also impeding the app's potential for continuous expansion and relevance within the competitive food ordering market.
Problem
Design Process
Previous Experience
Empathize
User Research
Survey (ask)
Created to delve into user perspectives on mobile food apps, with a specific focus on Snackpass.
“
Snackpass can be improved by allowing users to more easily find and discover new restaurants. Personal restaurant recommendations would be helpful when selecting a location to order from, and enhanced menu navigation and the ability for better order customizations based on dietary preferences would also be more efficient.
Fly on the wall (look)
Observe users without interfering or persuading their actions for the purpose of discovering:
Pathways taken when ordering
Confusion when navigating
What features users did or did not use
Bugs or errors in the interface
Historical Analysis (learn)
Evaluate what seems to generally work well for mobile food app and what does not and to find patterns
Summary of Research
Users found Snackpass to be confusing, overwhelming, and lacking personalization.
Navigation, was a primary source of frustration due to the ineffective organization of restaurants and categories. The absence of filtering or sorting options and limited customization features also contributed to user dissatisfaction. Many users expressed concerns about the overwhelming layout and choices, making browsing inefficient. The lack of personalized recommendations further hindered the user experience.
The research identified key user goals, including a desire for a quick and convenient ordering process with improved interface navigation and organization of restaurants. Users also expressed a need for more personalized features, such as dynamic recommendations based on preferences and past orders. Efficient restaurant discovery through the use of recommendations, deals, and popular/trending suggestions, was highlighted as another user goal.
User Persona and Journey Map
Redesign Flow
Crazy 8 Sketches
Sketches On Usability Goals
Content should reflect user preferences
Information should be presented in a clear and organized manner
Users should be able to easily interact with the interface
Sketches of Main Pages
Home Page
Restaurant Page
Search and Categories Page
LoFi Wireframe Sketches
The Hi-Fidelity Design
Getting Started
Landing page upon opening Snackpass
Login and Sign Up
Returning users → login
New users → sign up
Discover New Restaurants
Home page where users can browse various restaurants/cafes
Discover and Customize New Products
Restaurant organized by various categories
Users can customize order according to dietary restrictions and preferences.
Checkout and Confirmation
Select pick up or delivery order.
Review/edit items a final time before placing order
Confirmation page with order tracking or continue shopping
Interact with Friends
Send gifts/points to friends
Can use points to receive free gifts from businesses
Hatch and Customize Chicks
After enough points are exchanged between friends, a chick hatches
Friends can raise/dress them up together
Past Orders and Profile Pages
Review and reorder of past orders
Further customization to payment methods, privacy and security measures, and other various account changes
From my first full UX project, I learned how much intentionality is required when creating solutions. They should be based on research and tests that were conducted
Takeaway