⁉️ What is Unique Restaurant?
PROJECT OVERVIEW
Background
Unique restaurant is a fine restaurant in Tel-Aviv, Israel. The restaurant is most of the time full of clients and have a diverse type of food from around the world. The restaurant offers a top-level service, calm vibe and recommended by clients to families and couples.
PRODUCT & UI/UX DESIGNER
My role
Planning and designing from UX strategy to concept to testing with users. I was in charge in the whole product design process.
THE BEGINNING
Problem
Couples and families need to book a reservation to Unique restaurant quickly and smoothly customized. The clients and the restaurant are tired of book reservations by phone..
THE BEGINNING
Solution
Design an app for Unique restaurant which allows the user to easily book a customized reservation to the restaurant.
💫 Design process
🔍 Who is the user? What he wants?
💞 EMPATHIZE
Research findings
Swipe me! 👉
💞 EMPATHIZE
Some of the research questions...
-
How often do you visit restaurants?
-
Usually, how long in advance do you book a reservation in a restaurant?
-
What are the test you perform before booking a reservation in a restaurant?
-
Describe your seating preferences in a restaurant and why?
💞 EMPATHIZE
User persona
I created a user persona based on the research findings. I found out that most of the users are struggling with the current app and don't have much customized options which brings to reservation mistakes.
💞 EMPATHIZE
User story
Based on the persona I created a user story which focused me on the problem.
💞 EMPATHIZE
User journey map
I created a user journey map in order to understand the experience better from the user's perspective. This map represent the steps a user take to complete the task.
🧭 Navigating creative solutions
🎯 DEFINE
Problem statement
Avi is a busy lawyer and husband who needs to have some quality time with his wife once in a while because he's very busy at work and wants to seize every free minute he has with his wife in a good restaurant.
💡 IDEATE
Paper wireframes
Come up with ideas using paper wireframes makes it easier to find out new solutions and explore features in the desired app. Deliver it to digital wireframes would be suited to address user pain points. In home screen I prioritized a quick reservation booking process.
💡 IDEATE
Digital wireframes
I made sure that the creation of these digital wireframes were according to the findings and user’s pain points. These digital wireframes has changed more than once until the final product. The key was to let the user decide the best time for him, check availability and even choose his own seating preferences. This prototype is showing the process of booking a reservation to Unique restaurant. This flow can be used for a usability study with users.
🛠️ Shaping experiences through testing
🧪 TEST
Usability study overview
I conducted two rounds of unmoderated usability study. One for the low-fidelity prototype, so we can have a guide for the mockups. The second one was on the high-fidelity prototype and revealed what aspects of the mockups needed to improve.
Participants:
🙋♂️🙋♂️🙋♀️🙋♀️🙋♀️
21-38 years old
Methodologies:
-
Unmoderated usability study.
-
Users were asked to perform tasks on a low-fidelity prototype.
-
15 minutes per participants, in Israel, remote.
🧪 TEST
Study details
Tasks:
-
How long does it take a user to book a reservation at the restaurant using the app?
-
What can I learn from the steps the users has to take in order to complete book a reservation?
-
How easy is to find and read the restaurant’s menu?
🧪 TEST
Insights identification
-
Based on the theme that most users struggled to navigate the app easily and smoothly, an insight is users need to have a smooth navigation to all the pages of the prototype from anywhere.
-
Based on the theme that most users had difficulties with assigning date and time of the booking, an insight is users need to have the best way to toggle between date and time and to rewrite it if needed.
-
Based on the theme that most users get too confused with the information at many occasions, an insight is users should have the information they need prioritized and organized as well as the navigation.
🧪 TEST
Patterns identification
3/5 struggled to navigate the app easily and smoothly.
3/5 said that date and time should always be toggled in order to make changes when needed.
2/5 could not get to the home page and complete the task.
🎨 Crafting stories through design
📲 PROTOTYPE
High-fidelity prototype (UI & design system)
UI Design | Interaction Design | Visual Design | Design System | High-Fidelity Prototype
📲 PROTOTYPE
Visual & UI design
📲 PROTOTYPE
Prototype & design system
