My first portfolio project is Design a mobile ordering app for a local BBQ restaurant allowing users to order food, pay for the order and get it delivered.
User research: summary
I conducted interviews and created empathy maps for the users I’m designing for. Primary group seems to include young adults and working adults who lead active lives, have busy schedules, and don’t have time to cook every day.
Before the research, my assumption was that the major problem with food ordering is miscommunication between the user and the staff. Research confirmed that assumption. Another problem revealed is that a lot of users would like to be able to customize their orders to fit their family size or life style better.
User research: pain points
Persona
Problem statement:
Nick T. is a busy working adult who needs to have an easy way to chose and order healthy food options because he tries to watch his weight and live a healthy lifestyle.
User journey map
Creating Nick’s user journey map revealed that users would greatly benefit from using a mobile ordering app.
Paper wireframes
I sketched a few variants of each screen and analyzed the results. In the example shown, I sketched 5 variants of the Home screen and chose to prioritize easy ordering from Today’s Specials and easy access to all menus from the Home screen.
The stars are marking the most effective elements that were later included in the refined version of the Home screen sketch.
Digital wireframes
Easy navigation is one of the primary user pain points identified by the user research. I included access to all menus including Today’s Specials menu in the Home Screen design.
Based on user research, one of the user pain points was inability to make healthy choices while ordering. I addressed that in the Customization Screen design.
Low-fidelity prototype (Figma)
This low-fidelity prototype was created to test core app tasks with users such as browsing menus, customizing menu items, creating and changing of a Profile information and completing checkout. Click to view BBQ restaurant mobile ordering app low-fidelity prototype
Usability study: findings
Unmoderated usability study showed:
Mockups
First usability study showed that users wanted to be able to delete, add, and customize items in the basket before the checkout.
Second usability study revealed users’ frustration with the size and the text of Call to Action buttons as well as the density and business of the restaurant menu screens.
High-fidelity prototype (Figma)
Click to view BBQ restaurant mobile ordering app high-fidelity prototype