QR code menu solution for the restaurants
Tools Used: Sketch, Framer
The new normal has introduced several new challenges. Contaminated physical objects are believed to act as a medium in spreading the COVID-19 virus from one person to another when sharing. The physical menu in a restaurant or bar is ubiquitous and an essential item. The challenge is to provide an alternative to the physical menu and reduce the spread of the virus.
“If you use paper menus, discard them after each customer use” – National Restaurant Association
The single-use and disposable menu is the widely used alternate solution to the shared menu but at the same time, it has its own disadvantages as well.
Disadvantages of using a shared paper menu:
Changes are hard
The solution should cover the following use cases :
Image source: Unsplash
“I like the idea of viewing the menu on my mobile but scrolling vertically and horizontally to find my favorite dessert is horrible“
The number of participants: 8 participants.
Interviewed 8 people who visited restaurants during the pandemic to understand the current challenges and the pain points on food ordering.
Top challenges with ordering food:
Using a reusable menu.
Talking with a mask to the waiter.
Large PDF menus on the restaurant mobile website.
Hard to find the items on the mobile screen.
While placing orders, it is hard to swipe/scroll to find the name of the selected food item on a PDF menu.
“Not just during the pandemic, even before this situation, I don't like the reusable menu while having food “
Key Finding :
Customers are ready to try an alternative to the paper menu.
Viewing the desktop version of the menu on a mobile browser is a big “NO”
Finding food items on a PDF menu is challenging.
Existing real paper menu analysis
The paper menu designs were analyzed to understand the pain points and things that work.
Findings of the restaurant menu analysis
Menu items have to be grouped by categories
Description/Main ingredients of items are needed for customization.
Sample restaurant menus used for analysis
Easy to navigate and read
Considered multiple solutions like the mobile website and digital scanned menu. Based on the design requirements and research, finalized the solution of customers viewing the menu on their mobile phones by scanning a QR code.
Use Cases Covered Using a QR Menu
Check menu when waiting for a table - Required use-case
Order by looking at the menu sitting inside the restaurant - Required use-case
Check menu from home - New
Check menu outside the restaurant or bar - New
Restaurant owner view
Both the customer and restaurant owner journey was captured during the analysis phase. The customer journey was iterated towards a solution as part of this project.
Multiple design iterations were made and tweaks were made to the design.
Top things modified as part of the iterations:
The prototype was created using Sketch.
The interactive prototype was created using Framer.
The interactive prototype was shown to 5 participants and given the same set of tasks.
80% of the participants visited the restaurant at least once during the pandemic.
20% of the participants did not visit the restaurant during the pandemic.
Following items are planned for the next phase :
Option to toggle between menu with images.