Restaurants grapple with inefficiencies in processing orders, resulting in service delays and customer dissatisfaction. Moreover, diners often face challenges in identifying menu options that align with their diverse dietary needs, leading to a subpar dining experience and reduced satisfaction levels. Our goal is to provide restaurants all over the world with a quick, efficient and easy product that they could benefit from practically and financially.

Our UX project revolves around crafting an inventive interactive menu designed to suit a variety of restaurants. This groundbreaking application allows users to customize chef’s recipes, share their culinary innovations, and seamlessly place orders and make payments within the platform. The initiative aims to tackle prevalent issues prevalent in the restaurant industry: prolonged order processing, customer discomfort stemming from dietary restrictions, and the quest for a more efficient and enjoyable dining experience.

User Research:

Engaging five diverse participants, including 2 males, 2 females, and 1 non-binary individual, aged between 20 and 50, one of whom faced hand deficiency, an unmoderated usability study was conducted. Participants navigated through the product, completing tasks and answering a questionnaire. Insights derived from their experiences highlighted pain points requiring attention and improvement.

We identified two different user personas:

Jeremy Taylor, a small restaurant owner who needs to implement a new system for an easier and faster order placement because he has more customers than those who he could satisfy on his own.
Linda Abreu, a young student who loves to travel who needs an easier way to communicate her dietary restrictions while at a restaurant because the language barrier prevents her from enjoying the food.

The project started from digital wireframes:

These wireframes derive from the paper ones and show the various sections and icons of the product designed in order for it to be clear and easy to use. This low-fi prototype is the skeleton upon which the next steps will be built.

The wireframes later evolved into mockups:

After the usability studies conducted the changes necessary to make the product work without difficulties and to make it more enjoyable to users were implemented. The sections are clearer and the process is more intuitive and fast, as well as the icons being more visible and easy to find.

Findings & Pain Points:

Through meticulous user research involving diverse participants, critical pain points in navigation, feature accessibility, and user engagement were identified. The insights from these findings propelled the team to implement targeted solutions, enhancing the platform's usability and enriching user interactions.

  1. Visibility of “i” Icon: Users encountered challenges locating the “i” icon to access ingredient details within recipes, necessitating enhanced visibility for improved accessibility.
  2. Navigation - “Home” Icon: Absence of a dedicated “Home” icon caused difficulties in returning to the Homepage post-task completion, necessitating its implementation for improved navigation.
  3. Process Clarity: Users expressed confusion regarding task completion steps, emphasizing the need for clearer cues and intuitive pathways.
  4. Feature Usefulness: Opinions on the “Add Your Recipe” feature varied; further enhancements and clarifications were needed to optimize its utility for all users.
Solutions Implemented:
  1. Bigger "i" icon: Increased the size of the "i" icon and changed its colour for improved visibility and in order not to confuse users.
  2. "Home" icon: Introduced a dedicated "Home" icon to facilitate user navigation.
  3. Process clarity: Enhanced cues and streamlined navigation pathways for clarity.
  4. Usefulness: Introduced discussion threads under user-shared recipes for social engagement and community building.

Before and after usability studies:
  • The whole appearance of the interface changed thanks to little modifications to the buttons, the colours and the sections displayed.
  • The "i" icon was made bigger and in a brighter colour in order to be more visible.
  • The "Home" icon was implemented to ensure smoother navigation throughout the interface.

  • A new, fundamental section was implemented: after sharing a recipe on the app, users can start a thread of discussion about it, share ideas and different options, slowly building a culinary community.

Key Takeaways:

The development journey of Bibi's interactive menu has been a testament to the power of user-centric design and iterative refinement. This innovative platform was envisioned to transform the conventional dining experience by empowering users to personalize, share, and explore recipes seamlessly.

Moreover, this project served as a learning ground emphasizing the pivotal role of addressing even the most remote pain points to ensure universal accessibility. The significance of user feedback became apparent, guiding the evolution of the product and facilitating its enhancement based on diverse perspectives.

Bibi's aims to be a game-changer, not just for restaurant owners seeking efficient and enriched services, but also for users aspiring for culinary inspiration, language-specific options, and clarity regarding dietary preferences. This innovative menu concept intends to deliver a hassle-free, personalized, and engaging dining experience.