_edited.jpg)
Hungry Sandwiches'
Food Ordering and Pick up App
Hungry Sandwiches’ is a Sandwich shop which serves multiple types of sandwiches and sides. It is based on Urban-Suburban based store. Hungry Sandwiches' target audience is majorly individuals with less time for cooking. Their secondary target market is people who like to try different flavors and are interested in quality over quantity.
Project duration:
December 2021 to March 2022
The Problem:
Busy restaurant have lack of time management to prepare food for customers. Customers have to wait long time for getting their food. Customer were frustrating as they have to wait in long line.
The Goal:
To Create an app that allows users to see how much is the wait time and user can pick up their food without waiting in line.
My Role
UX designer designing an app for Hungry Sandwiches from Fast order to Fast pick up.
Responsibilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Understanding the user
User research: Summary
To get a better understanding of the consumers I'm creating for and their requirements, I conducted interviews and built empathy maps. Working adults who don't have time to wait in line were identified as a main user category through research.
The user group stated that they were having difficulty waiting in line, but they also mentioned that they were all dealing with additional concerns, such as how long it takes to place an order and so on. They also said that with their busy schedules, going to the restaurant and placing an order was difficult, and it was disrupting their timetable.
User research: Pain Points
Time
User feels lengthy and time consuming process for ordering their food.
User Flow
User flow of an application is very complicated and confusing.
Personalized Experience
Other food ordering application have lack of personalized experience.
Persona: Laila Anderson
Laila is working mother of 2 children and do not have time to wait in long lines. She needs an option to get her food without waiting in line.
User Journey Map
Mapping Laila’s user journey revealed how helpful it would be for
users to have access to a dedicated Hungry Sandwiches app.
Starting The Design
Paper wireframes
Taking the time to sketch out iterations of each app screen on paper guaranteed that the parts that made it to the digital wireframes were well-suited to addressing customer pain points. To assist consumers save time on the home screen, I focused a quick, smooth ordering process and pick up.
Digital wireframes
As the first design phase progressed, I made it a point to base screen designs on user feedback and discoveries.
In addition to equipping the app to interact with assistive technologies, easy navigation was a crucial user need to meet in the designs.
Usability study: Parameters
Study type:
Unmoderated usability study
Location:
Hamilton, ON Canada
Participants:
8 participants
Length:
7-10 minutes
Usability study: Findings
I carried out two rounds of usability testing. The results of the initial study were used to steer the design process from wireframes to mockups. A high-fidelity prototype was employed in the second research to indicate which areas of the mockups needed to be improved.
Round 1
Finding
User wants to see Deals page more attractive.
Finding
User wants to save payment option
Finding
User wants to see how much is waiting time at front page.
Round 2
Finding
They did not seem to see waiting time at front page properly.
Finding
User find tracking their order page confusing.
Mockups
Based on the insights from the usability study, I made changes to improve the site’s Navigation. I changed Some text buttons to Icons, I changed “copy” and “print” with new icons.
Mockups: Original screen size
High-Fidelity Prototype
The final high-fidelity prototype had smoother user flows for ordering sandwich and for faster pick up. This design also includes option for sandwiches and other deals for the week.
View Hungry Sandwiches
.png)
Accessibility Considerations
Users with vision impairments were given access by adding alt text to photos for screen readers.
Used icons to help make
navigation easier.
Used voice command
For the search option for someone who is not able to type.
Going Forward
Takeaways
Impact:
This app makes user feels like Hungry Sandwiches are considering user’s needs..
One quote from peer feedback:
“ This app is considering real life issues and solving it. This app will save a lot of time and energy of the users.
What I Learned:
During the development of the Hungry Sandwiches app, I discovered that the first concepts are merely the beginning of the process. Each iteration of the app's designs was informed by usability research and peer feedback.
