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