Helping kitchens get more done

Company
Kitchen United
Participation
Lead Designer, Experience Designer, Visual Designer, Design System

Overview

Kitchen United MIX is the future of takeout & delivery, the first “Multi-Restaurant Ordering” to-go experience in the US. It’s the only destination that allows foodie fans who love variety to order meals from 10+ restaurants, all on the same bill.

All orders consumers place from a website, kiosk and mobile app, come to a Kitchen Display for cooks to prep. However, there were negative feedback in regards the accessibility and overall look and feel of this product. The redesign aimed to modernize and bring Kitchen United's branding to the forefront. The new kitchen display was built on top of their tech stack with certain improvements in the code, including the logic of order alerts.

The old version

The old kitchen display had several usability issues. I joined a remote machine that allowed me experience the product in order to suggest improvements.

Old version of the KDS

Problems identified

The product team identified three primary problems with the product:

  1. Cluttered — Orders don't scroll within the tiles, that means that orders are divided into as many tiles as needed to display all the items.
  2. Lack of accessibility — Speed is everything in this industry and this KDS didn't take into account basic accessibility standards such as placement of main buttons to considerate size of kitchen members, typography treatment and overall readibility of information.
  3. Dated — People unanimously agreed that this KDS looked visually dated and out of touch compared with other KDS solutions.

How might we make a KDS that is accessible and looks modern?

Goals

We converted our key problems into opportunities to solve for during the redesign. In a nutshell, I needed to:

  • Elevate the overall interface for usability and user experience: hierarchy, button sizes, placement for elements to help users gather relevant information without much effort.
  • Improve the interface for better touch interactions, making sure interaction elements are focused on specific areas and not spread across the whole screen.
  • Improve visibility for products and orders and legibility for all the texts and information.

Iterations

The new KDS went through many iterations before we had a shippable design candidate.

First we were exploring how the brand colors impacted the look and feel.

We also explored a treatment for alerts in which cooks could take action on delayed orders not only by sound but also with a visual clue. Additionally, we explored how one could scroll within one tile.

Wireframe for the final design.

New KDS Design

This is the design that was shipped across all brands partnered with Kitchen United.

Cluttered → Relevant information with less effort

  • You see 10 tiles per page and the ones that need attention get the first positions.
  • Orders you need to pay attention to are always in the first positions so you know what to do all the time.
  • The visibility for products and orders and legibility for all texts and extra information was improved by less colors (only alerts have a different color), CTA is more clear and the print action is clearly secondary even though is next to it.

Lack of accessibility → Suitable for everybody

  • Filters are placed at the bottom of the screen for short members of the kitchen to be able to reach them as well as the pagination.
  • Cooks can now scroll within tiles which won't make the screen to be filled with as many tiles as one order may need.
  • Touch interactions were improved by adding more size to CTAs and make it very clear which is the action you need to take and in what time.