Project Overview:
The problem: Tina’s Taco Truck currently does not have a functioning app that allows customers to skip the line and order tacos.
The goal: Construct an efficient app for Tina’s Taco Truck that makes the ordering process seamless and user friendly.
The product: The Tina’s Tacos app helps customers order from the delicious taco truck within a matter of minutes and allows users to track their order for an easy pick-up process
Project duration: July 2024
My role: Team Lead, Visuals, Interaction
Responsibilities: User research, Wireframing, Prototyping, Usability testing
I interviewed local college students and people that worked near the taco truck to gather their pain points when it comes to food ordering apps and what they would like to see in the taco truck food app.
Meet The User
Competitive Analysis
Before constructing the ideal app for Tina's Tacos, I wanted to scope the competative landscape. Though the app I will be designing is particularly for Tina's Tacos and will be useful to only the customers of Tina's Tacos, having the optimal app that can be comparable to its competitors can help or hurt the business and its popularity.
Birria-landia
Great use of pictures to depict product
Linked to an external food ordering platform, DoorDash
Tacombi
Great theme and unique branding
Ordering screen is sectioned well according to their product offerings
TacoBell
Extensive Menu but easy to use
Shows wait time for pick-up orders
Sweetgreen
Price and calories of meal easily depicted
Easy to customize an order and gives an accurate time when meal will be ready
User Journey Map
Goal: Use an app that will allow Reena to quickly and seamlessly order tacos from the taco truck
I wanted a really simple design that gets right to the point. The app should assist the user to make decisions and strive for efficiency. Ultimately the selected homepage seemed to be the best idea that captures all those qualities.
Users had noted that there was no option to cancel their order in case they might want to retract their order. Based on the feedback, a cancel button was inserted with a ten second countdown.
Another feedback mentioned by users was how there was no clear indication of how to create an account on the app, as such a button was added to clearly indicate the area for account creation.
Accessibility considerations
The app features highly contrasting colors so that any user needing vision assistance can easily navigate through the app. Colors like black, white and pink were perfectly chosen as per the client’s marketing guidelines as well as accessibility considerations.
By using typographic hierarchy, the app’s menu and ordering process is easier to navigate. Names of items are clearly larger than its descriptions which allows for easier reading. Furthermore, this format allows assistive read-aloud technology to function better.
Alternative options to access different screens and the duration and motion of the app’s design indicate the app’s inclusivity. There are multiple ways to access a screen and the time limit of motions have been constructed to make sure the app is including all types of users.
https://www.figma.com/proto/SWwVNDQYknOEJZVtcFy9jc/Tina's-Tacos-App?node-id=163-1120&t=2VPVvAD0huYSKKkb-1&scaling=scale-down&content-scaling=fixed&page-id=163%3A742&starting-point-node-id=163%3A1120&show-proto-sidebar=1
Takeaways
Impact
Peers have appreciated the easy to use design and the clarity of the app’s features. They also enjoyed how the app includes options to invite contacts to track the order process along with the user, no matter what platform. The typography and color scheme was also a notable feature that people enjoyed.
What I learned
I learned how much though it takes to develop a food ordering app. Ordering in person tends to be more seamless and as such crafting the app in such a way was a challenging but enjoyable process. Also the use of negative space is highly underrated and extremely useful. White space is definately not boring but rather extremely purposeful.