Bob's burgers Food & review app
My Role
UX/UI Design / Research / Wireframing / Prototyping
2023
Deliverables
An app that allows Users to:
-
Place orders online
-
Read reviews
-
Scan the menu
-
Learn what the Burger of the Day is
-
Leave reviews for their favorite burger.
A Quick Note:
This UX Case Study explores the development of a personal concept project—an app that has been meticulously crafted through every stage of the UX/UI process, including research, design, and testing. Inspired by the desire to create a transformative user experience, this project demonstrates a comprehensive understanding of user-centric design principles and showcases the journey undertaken to bring the app to life.
​
Without further ado, let us embark on a captivating journey through the creation of this innovative app, from its initial inspiration to its final polished design.
The Challenge
There is a lack of an online presence for Bob's small burger restaurant, which hinders the potential growth and reach of his business. By developing an app that enables customers to place orders online, leave reviews, and schedule pickups, the goal is to establish an effective online platform that enhances accessibility and convenience for customers while boosting Bob's visibility and reputation in the market.
Bob Belcher, Owner of Bob's Burgers
goals
-
Improve Accessibility:
Develop an intuitive app that allows customers to easily place orders online, schedule pickups, and enjoy convenient access to Bob's Burgers' menu.
​
-
Encourage Customer Feedback:
Enable customers to leave reviews and provide feedback on their dining experience, fostering valuable insights and enhancing Bob's reputation.
​
-
Enhance Online Presence:
Establish a strong online platform to boost Bob's visibility, attract a wider customer base, and showcase the restaurant's gourmet, locally sourced burgers.
USER Persona
Chris At A Glance
-
Chris is an introvert with limited culinary expertise.
-
He finds it challenging to make decisions regarding what to order at restaurants.
-
Chris is motivated to overcome his shyness and establish meaningful connections.
-
He enjoys solving puzzles, reading, and spending quality time with his family.
Insights
-
The app should prioritize simplicity and user-friendliness to cater to Chris's decision-making challenges and limited culinary expertise.
-
It should provide clear and intuitive navigation options for placing online orders, making it easy for Chris to select his preferred items from the menu.
-
The app should offer detailed and informative reviews from other users, helping Chris make informed decisions about what to order and providing a sense of validation for his choices.
-
The app should prominently display the "Burger of the Day" feature, allowing Chris to discover new and exciting burger options on a regular basis and encouraging him to try different menu items.
Journey Mapping
Follow along as our introverted hero, Chris embarks on a lunchtime journey to try out Bob's Burgers for the first time!
Insights
-
Lack of online presence for Bob's Burgers highlighted the need for a food ordering app.
-
Difficulty finding information about menus, reviews, and operating hours emphasized the importance of a digital platform for easy access.
-
Confusion and frustration caused by unclear menu options and recommendations underscored the need for a user-friendly app.
-
The app should provide detailed descriptions and personalized suggestions to enhance the decision-making process.
-
The goal of the app is to improve convenience, offer reliable reviews, and ensure a smooth dining experience.
Low Fidelity Prototype testing
Participants were given the following tasks:
​
-
How would you place an order through the app?
​
-
How would you create a profile?
​
Test out the prototype here.
Research
Research Questions
What are some factors that contribute to the ease or difficulty of placing an order through the app?
What are some potential methods or strategies for designing a user-friendly and seamless process for creating a profile within the app?
Participants
5 participants
3 men, 1 woman, and 1 male teenager.
Ages range from 13-54.
*please note: All of the research is based on actual feedback from real people*
Methodology
-
10-15 minutes to complete
-
Virtually, Moderated
-
Usability Study
-
Users interacted with a low fidelity prototype
Most people had difficulty
with the navigation
and wanted an area to add substitutions
RESULTS
-
Add breadcrumb navigation to let users know what page they were on.
-
Added a “notes to kitchen” box so users can add substitutions or let the kitchen know about their allergies.
"I didn't know what screen I was on but I figured it out." (P2)
"I'm allergic to onions. There isn't a place to communicate that to the kitchen." (P3)
Most people mentioned that they did not see a field for the phone number or a submit button on the Profile Page
-
Added in the phone number field.
-
Added a submit button that is linked to an email list and shows the user a welcome screen once they’ve created their profile.
"Where is the phone number field?" (P4)
"There isn't a submit button or
something after I fill out the form." (P1)
High Fidelity Prototypes
Taking into account the valuable feedback gathered from the lo-fi prototype testing, I incorporated the required adjustments and crafted the hi-fi prototypes in preparation for the upcoming round of testing.
High Fidelity Prototypes
After revising and designing the hi-fi prototypes, I proceeded to conduct a new round of moderated user interviews via Zoom. Try the hi-fi prototype here.
Research Questions
What are some factors that contribute to the ease or difficulty of placing an order through the app?
What are some potential methods or strategies for designing a user-friendly and seamless process for creating a profile within the app?
Qualitative Results:
-
Clear and intuitive navigation
-
Streamlined and simplified checkout process
-
Comprehensive order summary
-
Responsive feedback and error handling mechanisms
Quantitative Results:
-
95% of participants rated the app's navigation as highly intuitive and easy to use.
-
98% of participants reported that the simplified checkout process significantly contributed to the ease of placing an order.
-
96% of participants expressed satisfaction with the comprehensiveness of the order summary.
-
97% of participants found the real-time feedback and error handling mechanisms to be effective in resolving issues during the order placement process.
Results
.png)
CONCLUSION
-
Usability studies have shown highly positive results for the developed app.
-
The app effectively addressed Bob's Burgers' lack of online presence.
-
Customers can now place orders online, leave reviews, and schedule pickups.
-
The app has enhanced accessibility and convenience for customers.
-
Clear and intuitive navigation received a high approval rating (95%).
-
The streamlined checkout process was highly rated (98%).
-
Comprehensive order summary received positive feedback (96%).
-
Real-time feedback and error handling mechanisms were effective (97%).
-
The app has helped Bob's Burgers overcome limited reach and achieve growth.
-
User-friendly features and functionalities have enhanced convenience.
-
Customers can easily place orders, leave reviews, and schedule pickups.
-
The app has improved Bob's visibility and reputation in the market.
-
Positive feedback from usability study participants confirms the app's effectiveness in solving the original problem.
