SpotOn

Overview

SpotOn Restaurant is a cloud-based point-of-sale solution that enables businesses to streamline processes related to food ordering, tableside payments, customer retention and more. The online ordering functionality enables businesses to create custom menus, accept online requests and redirect the order to the kitchen on a centralized platform.

SpotOn

Overview

SpotOn Restaurant is a cloud-based point-of-sale solution that enables businesses to streamline processes related to food ordering, tableside payments, customer retention and more. The online ordering functionality enables businesses to create custom menus, accept online requests and redirect the order to the kitchen on a centralized platform.

SpotOn

Overview

SpotOn Restaurant is a cloud-based point-of-sale solution that enables businesses to streamline processes related to food ordering, tableside payments, customer retention and more. The online ordering functionality enables businesses to create custom menus, accept online requests and redirect the order to the kitchen on a centralized platform.

Old design
and our goal

Old design and our task

Old design and our task

The goal of this project is to improve the process of adding menu items to the check and optimizing the checkout procedure, while simultaneously improving accessibility for new users. To achieve this, we conducted interviews with waitstaff possessing diverse work backgrounds and experience with various POS systems throughout their careers.

Process

In our work, we employed the highly effective double diamond design technique, which allowed us to navigate through the complexities of the project in a systematic manner. This approach enabled us to move forward step by step, ensuring a comprehensive understanding of all elements involved. By utilizing the Object-Oriented UX (OOUX) methodology, we meticulously constructed an interface that prioritized the essential components and ensured a cohesive user experience. This approach minimized the risk of overlooking critical aspects while providing a solid foundation for designing a user interface that seamlessly aligned with user expectations and mental models.

Navigation

During the research we found out that the varying layout across different screens makes it difficult to navigate quickly and effectively. Moreover waitstaff have difficulties navigating between sections that are critical for them such as tables, menu, and open checks. And at some screens it hard to understand where are you located in the system.


To address these issues, we have implemented several improvements:

  • We made the navigation accessible at the top for easier movement between sections.

  • Additionally, we separated navigation from actions and highlighted 3 sections: tables, orders, and menu.

  • Also now it’s always visible which screen you’re on at the moment.

Menu & Modifiers

We have a new menu that stands out on the screen and allows for vertical scrolling, enabling establishments to load as many menu items as they need. During interviews, we learned that waitstaff first navigate to the menu category, which they remember by its color, and then select the dish.

Additionally, we made the decision to simplify the functionality of the modifier without reducing its capabilities. We achieved this by using an informative sequence, convenient navigation, and a user-friendly interface (UI).

We have a new menu that stands out on the screen and allows for vertical scrolling, enabling establishments to load as many menu items as they need. During interviews, we learned that waitstaff first navigate to the menu category, which they remember by its color, and then select the dish. Additionally, we made the decision to simplify the functionality of the modifier without reducing its capabilities. We achieved this by using an informative sequence, convenient navigation, and a user-friendly interface (UI).

Check

Our new receipt focuses on making it easy and convenient to view the settings of dishes. Because during the interview, we were told that it is not difficult to find a dish in the check, but its settings are not always clear like (what kind of meat roasting, extra bacon, etc.)

Orders & split
check by guests

Orders & split check by guests

First and foremost, we have relocated the check filtering feature to a more prominent position, aligning it with our modular system concept. Additionally, we have introduced order-related actions directly onto the screen, allowing for functionalities such as splitting checks by guest and applying discounts.

Also, we have introduced a dedicated screen that displays individual guest checks, accompanied by corresponding actions such as combining checks and printing all checks.

Payment process

To address the payment process, we found out that the arrangement of elements on the payment screen lacks clarity so it’s hard to understand which element relates to which actions. Also that payment screen contains a lot of actions unrelated to the payment process itself, which cause unnecessary complexity and distractions.


To improve user experience on the payment process, we removed actions that are unrelated to payment process from the screen. Also, we have restructured the layout in alignment with our system concept.