Easy ordering for every diet
A restaurant without any human employees, but with a new robot arm wants to prepare healthy meals, quickly and on demand.
Although a robot cook is fascinating, it is not supposed to be the center of attention.
We were tasked to design an ordering app that enables users to explore, configure and pick up their lunch.
The Team
- 3 Designers
- 1 CEO (Client)
- 1 PO (Client)
- 1 Developer (Client)
My Role
- Market Research
- Internal Research
- Usability Testing
- Wireframing
- Prototyping
- Workshop Facilitation
Used Tools
- Figma
- Lots of PostIt's
Duration
1 Month
Problem
Finding a restaurant can take quite some time and discussion with the lunch group. The user wants something that is quick and healthy but also suits their flexitarian diet as well as the diverse set of diets within their group of coworkers.
Goal
Create an ordering experience that highlights the flexibility of the restaurants dishes.
Challenge
Complete and hand over all screens needed for the tablet app within 1 month so their internal team can start developing it.
The Process
Market research
... to learn about how other ordering apps in restaurants looks like and what steps are included in the experience and what kind of patterns are common to users.
Conduct a Design Sprint
... to get to a testable prototype as quick as possible so that we have time for at least 1 iteration within the given time. This 1 week process includes workshops to understand the field and problem space, decide on KPI’s, ideate solutions, create a testable prototype and test it with potential users.
Build the final design
... with improvements we learned about within the user tests and document all decisions and screens so that they can be handed over to their internal development team completely.
Design Sprint Day 1
Design Sprint Day 2
User Interviews
We wanted to achieve...
Quick overview
The menu is not small and meant to evolve over time. It was important to focus on being able to navigate through the options and find the right meal quickly.
Transparency
To help users with having an eye on their specific health needs, we made sure to present all important nutritions for the meal as well as it’s ingredients in a easy to discover and scan-able way.
Flexibility
Diets are plenty and fluent, as are tastes. Users have the option to design a meal from scratch but can also just change up any aspect of an existing meal to accelerate the process.
Thought through
Users need to be informed about when their meal is ready without any human calling them out or collecting buzzers.
So we decided on ...
Make it feel human
To make the interaction with the restaurant still welcoming without any human present, we used a conversational tone of voice in the interface.
Filter don’t search
We decided to include a filter on the first view to punch in any dietary preferences quickly. The filter was designed to be a sentence the users need to completed to make it feel as if you are talking to a waiter taking your order. The most popular tags where always accessible while more specific ones were hidden behind a “more” button.
Using color and icons deliberately
To make the dishes and ingredients easy to scan, we used colors to communicate important dietary information like vegetarian friendly, vegan friendly or spicy.
Easy identification
The user was asked to punch in their initials that would be used to “call them out” via a screen as soon as their order was ready. To prevent confusion for when people have the same initials, we also assigned them an emoji that was shown with their initials on the screen. This also put a smile on their faces when learning which emoji they got.
Meal Overview
Single Meal
Edit Meal
Nutrition List
Fun Fact
This was developed in a design sprint. The workshops where held in a very tiny room, mid summer which made everyone sweat but the interface was validated and ready for development within 2 weeks.