A restaurant service designed for the dining regulations during corona time. The user-friendly flow guides customers to scan QR code, fill their info for contact tracing, and view the digital menu on smart phone.
* This project was designed on April 2020, when COVID just broke out.
Challenge & Research
Background
New dining experience during pandemic
Corona pandemic is changing our daily life tremendously. To keep the pandemic under control, a new set of guidelines is issued to call for a widespread change in behavior and business practices of restaurants.
This includes the regulation requiring restaurants to collect the contact details of their guests to help the authorities to issue warnings in case of Covid-19 infections. This project is to propose a solution for a restaurant base on the perspective of UX design.
Conventional solutions
The most common practice is to have a physical paper form for the customers to fill out with a pen. This is a quick and economical method that doesn’t need much time and money in terms of preparation.
But it has a consequence of poor efficiency -once contact tracing is necessary, there would be a lot of manual work of organizing the data and passing it to the authority. Also, it would be hard to prevent unauthorized persons from access to personal data. Especially those restaurants asking all customers to fill their contact info on the same piece of paper. What’s worse is, the pen and paper could potentially be a carrier of virus.
Digital solutions
There are also digital solutions, asking customers to scan QR-code with smartphones, and fill in the contact info form on a digital interface.
- Printed paper is considered potential carriers of virus.
- Environmental friendly.
- Collected data can be encrypted to avoid unauthorized access.
This will be done by a smartphone QR-code scanning, getting led to the website, and filling the form online.
Project Goal
Digital solution to track contacting
Curry On restaurant decided to go on the digital solution of collecting the contact info instead of the conventional pen-and-paper method for these reasons:
- Printed paper is considered potential carriers of virus.
- Environmental friendly.
- Collected data can be encrypted to avoid unauthorized access.
This will be done by a smartphone QR-code scanning, getting led to the website, and filling the form online.
Ideation
Digital contact form + digital menu
After analyzing the new restaurant experience during the pandemic, we decided to include the digital menu in the journey that guests could read the menu on smartphones after filling out the contact form. Because reusable menu can be hardly sanitized that it become a potential flaw in hygiene. Further more, including menu not only simplify the process, but also provide the motivation of using the online form.
Mapping the Experience
Journey map
Wrapping Up
Design goals framing
Keep simple
Simplify the process, provide only the necessary information, and avoid lengthy form.
Privacy matters
Inform customers that their data is securely protected and will be deleted in 21 days.
Digitalize the menu
Provide a mobile-friendly menu as a motivation for customers to fill out the form.
Strategic Framework
Process
From sitting down to ordering
Wireframing
Translating the experience to screens
Interface Design Strategy
Full page scroll website
To make sure the interface stay simple and informative, we would like to display one important message at a time. This would be done with a full-page scroll website, which imitates the user experience of using app.
We would offer two ways of going to the next screen, either scroll of click the “next” button.
Visual Strategy
In accordance with brand identity
Following the brand identity of the restaurant, yellow block and bold black line are used throughout the interface.
Solution
Access Point
Scan QR code
The QR code would be display on a tent card on all the tables that customers could see it once they sit down. By scanning the QR code, they would be brought to the website where they can fill the form and read the menu. The site will not be listed on the restaurant’s website, and only accessible via scanning.
On-Boarding
Guiding & explaining
Customers will be welcomed by two animated onboarding screens which provides them with the information of what to do.
As the security of user data is an important factor in the design, we have an independent screen telling user that their privacy will be well protected to reduce their unwillingness of providing their information.
Main Page
Contact form
Next, customers would be led to the contact form section, where they could fill out their contact details. The visited time is generated automatically to reduce the tasks of users, but can also be changed if needed.
Main Page
Menu
After submitting, customers would then be redirected to the menu, and order from the waiter/waitress as usual.
Prototype
