mittagstisch-teaser

Mittagstisch

Das firmeninterne Bestellsystem wurde für einen deutschen Hersteller von Unterhaltungselektronik und Informationstechnologie konzipiert und gestaltet. Das Unternehmen bietet 250 Mitarbeitern die Möglichkeit, in der hauseigenen Kantine sowie einem Restaurant ein kostengünstiges Mittagessen zu bestellen. Der Bestellprozess wurde digitalisiert und stark vereinfacht.

Aufgaben: UX & UI Design

Kunde: mittelständisches Unternehmen

Jahr: 2019

mittagstisch-screen

Konzeption

01 Problem

Der Essensplan variiert wöchentlich und wird vom Küchenpersonal zusammengestellt. Alle Bestellungen müssen täglich rechtzeitig erfasst werden, damit das Küchenpersonal ausreichend Zeit hat, alle Gerichte zu kochen und kein Essen weggeworfen wird. Hierbei sind die Vorlieben jedes Mitarbeiters zu berücksichtigen und für Kollegen außer Haus oder Gäste (z.B. Geschäftspartner) muss ebenfalls bestellt werden können.

Anforderungen:

  1. Digitalisierung vom gesamten Bestellprozess.
  2. Die Basis ist ein bestehendes internes Bestellsystem.
  3. Informationen über Gerichte und Preise werden vom Küchenpersonal gepflegt.
  4. Automatisierte Berechnung der Essenskosten in der monatlichen Gehaltsabrechnung.

02 Zielgruppe

Eine rudimentäre Version des Bestellsystems existierte bereits vor Beginn meiner Arbeit. Ich wollte auf den technischen Voraussetzungen dieses Systems aufbauen und befragte Mitarbeiter nach den Vor- und Nachteilen des Systems, um ein besseres Verständnis der Problematik zu erhalten.

Ich erhielt detaillierte Meinungen von Mitarbeitern, die über den Bestellprozess sprachen und bereits konkrete Vorstellung für eine Optimierung nannten. Der Fokus des Küchenpersonals lag auf der einfachen Aktualisierung und Pflege des Wochenplans. Die Backend-Entwickler erläuterten die technischen Möglichkeiten der firmeninternen Infrastruktur.

Wichtigste Erkenntnisse aus Interviews:

  1. Vergleichbarkeit: Bessere Übersicht über das Essensangebot der Kantine und des Restaurants.
  2. Persönlich: Mitarbeiter legen viel Wert auf personalisierte Bestellungen.
  3. Mitarbeiterbestellungen: Nutzer möchten für Kollegen bestellen, die sich außer Haus befinden.
  4. Geschäftsessen: Anlegen von Gruppenbestellungen mit mehreren Mitarbeitern und Gästen sowie eine gesonderte Abrechnung der Kosten.
  5. Flexibilität: Mitarbeiter möchten ihre Bestellung jederzeit ändern können, um auf Planänderungen in der Mittagspause (aus privaten oder beruflichen Gründen) zu reagieren.

03 User Flow

Aus den Erkenntnissen der User Interviews entstand die Informationsarchitektur. Wichtige Funktionen wurden eingegrenzt, definiert und inklusive aller notwendigen Informationen in einer Sitemap organisiert. Hierbei konnte ich gleichzeitig eine vorläufige Navigation des Systems herausarbeiten.

mittagstisch-userflow

04 Wireframes

Der User Flow ist die Basis für die Wireframes. Das Layout wurde ausschließlich für Computer entwickelt. Eine mobile Version ist zu diesem Zeitpunkt nicht geplant, da Nutzer aus technischen Gründen nur im firmeninternen System bestellen können und damit vor Ort an ihrem Arbeitsplatz sein müssen.

mittagstisch-wireframes

Gestaltung

05 Farbpalette

Die bestehenden Farben des Restaurants und der Kantine wurden ins neue Erscheinungsbild integriert. Zusätzlich wählte ich eine neutrale Farbe, die vielseitig eingesetzt werden kann und einen deutlichen, aber zugleich harmonischen Kontrast zu den beiden bestehenden Farben bildet. Weiterhin ist eine eindeutig visuelle Abgrenzung zu anderen internen Systemen des Unternehmens essenziell. Diese Forderung wurde durch den Dark Mode und das damit verbundene dunkle Farbschema umgesetzt.

#FF9800

#82A94C

#3E71FF

#3F434A

#707070

06 Typografie

Headline

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Fjalla One Regular

Noto Sans Regular

07 Screendesign

Die ausgiebig getesteten Wireframes wurden durch die neu definierten Farben und Schriften erweitert und zusätzliche Inhalte eingepflegt. Die anschließende Verlinkung aller Screendesigns schaffte einen High-Fidelity Prototype, der für weitere User Tests zum Einsatz kam.

Wireframe Screendesign

Ergebnis

08 Lösung

Jeder Mitarbeiter erhält nach dem Login einen umfassenden Wochenplan, über den er alle verfügbaren Gerichte, Beilagen, Sonderwünsche und Essenszeiten auswählen kann. Der Nutzer sieht hierbei zuerst die aktuelle Tagesauswahl, die die Menüs der Kantine und des Restaurants gleichwertig nebeneinander präsentiert.

Hauptfunktionen:

  1. Wochenplan mit Direktauswahl und Bestellmöglichkeit, sowie flexiblen Änderungsmöglichkeiten der Bestellung
  2. Tagesaktueller Vergleich der Menüs von Kantine und Restaurant
  3. Mitarbeiterbestellung für Kollegen und Gäste
  4. Bestellung von Geschäftsessen für große Personengruppen
  5. Ausdrucken eines Ausweises für die Kantine
  6. Übersicht der vergangenen Bestellungen und Anpassung von persönlichen Daten.

Funktionen

Wochenplan

Der Wochenplan ist die Startseite des Bestellsystems und bietet aktuelle Informationen über Gerichte, Beilagen, Sonderwünsche und Zeiten. Hier kann der Mitarbeiter seine Essensbestellung bis zu fünf Tage im Voraus abgeben und diese ggf. ändern oder stornieren. Von dem Wochenplan gelangt der Nutzer zu den Einstellungen, Mitarbeiterbestellungen und Optionen für ein Geschäftsessen.

mittagstisch-wochenplan
mittagstisch-mittarbeiterbestellung

Mitarbeiterbestellung

Diese Funktion ermöglicht Mitarbeitern für Kollegen, die sich außer Haus befinden oder für Gäste, die keinen eigenen Account besitzen (z.B. Praktikanten), eine Essensbestellung vorzunehmen. Die Trennung von Name und Angaben zum Grund der Bestellung erleichtert die Zuordnung und Abrechnung.

Geschäftsessen

Befindet sich eine größere Gruppe von Geschäftspartner vor Ort und wird für ein Geschäftsessen eingeladen, kann die Bestellung über diese Funktion abgebildet werden. Es können mehrere Personen unter einer Bestellung mit Angabe eines Grundes zusammengefasst und abgerechnet werden.

mittagstisch-geschäftsessen

Einstellungen

Der Nutzer kann in den Einstellungen seine persönlichen Daten ändern, seinen Ausweis für das Scanner-System in der Kantine ausdrucken, seine Bestellungen in einem frei wählbaren Zeitraum einsehen und Feedback an das IT-Team oder Küchenpersonal senden.

mittagstisch-einstellung1
mittagstisch-einstellung2
mittagstisch-einstellung3
mittagstisch-einstellung4
Scroll to Top