Ein Design System für alle Fälle

Einheitliche Bedienung trotz unterschiedlicher Maschinen

Kleine Bedienungsfehler, große Folgen

Stellen Sie sich vor, Sie müssten Ihr Betriebssystem immer wieder ändern, um Ihre Arbeit zu erledigen. Die Bedienung fühlt sich ungewohnt an und Sie lösen versehentlich Aktionen aus, die Sie gar nicht beabsichtigt haben. Stellen Sie sich nun vor, dass selbst kleine Fehler wie diese zu Ausfallzeiten führen können. Genau das wollte die GEA Food Solutions Germany GmbH reduzieren oder ganz vermeiden. Die Produktionslinie für die Endverarbeitung von Lebensmitteln besteht aus einer Vielzahl komplexer Maschinen, von denen einige sehr unterschiedliche Arbeitsprozesse erfordern. Im schlimmsten Fall kann dies zu Bedienungsfehlern führen, die Lebensmittelverschwendung oder Produktionsausfälle zur Folge haben – ein kostspieliges und ethisch problematisches Problem, das GEA von Centigrade gelöst haben wollte.

Client:

GEA Food Solutions Germany GmbH

Nahrungsmittel

Services:

UX Design

UI Design

Prototyping

Die Lösung

Gemeinsam mit GEA, dem renommierten Hersteller von Spezialmaschinen, haben wir ein Design- und Konstruktionssystem entwickelt, das ein einheitliches und intuitives Bedienkonzept über Maschinengrenzen hinweg ermöglicht.

Viele Maschinen, viele Standorte – ein Designsystem

Ein Designsystem ist eine Sammlung wiederverwendbarer Komponenten, die klaren Standards folgen. Es dient als Referenz, um verschiedenen Teams, wie Designern und Entwicklern, zu helfen, eine größere Konsistenz beim Gestalten und Erstellen digitaler Produkte zu erreichen. Um das gemeinsam entwickelte Benutzerkonzept so benutzerfreundlich wie möglich zu gestalten, haben wir eine Musterbibliothek für die GEA-Benutzeroberfläche entwickelt – GAID: GEA Aligned Interface Design.

Viele Maschinen, viele Standorte – ein Designsystem

Ein Designsystem ist eine Sammlung wiederverwendbarer Komponenten, die klaren Standards folgen. Es dient als Referenz, um verschiedenen Teams, wie Designern und Entwicklern, zu helfen, eine größere Konsistenz beim Gestalten und Erstellen digitaler Produkte zu erreichen. Um das gemeinsam entwickelte Benutzerkonzept so benutzerfreundlich wie möglich zu gestalten, haben wir eine Musterbibliothek für die GEA-Benutzeroberfläche entwickelt – GAID: GEA Aligned Interface Design.

Am Anfang war... User Research

Wie jedes erfolgreiche Projekt basierte auch dieses auf sorgfältigen und frühzeitigen Nutzerrecherchen. Im Fall von GEA hat uns dieser Schritt besonders viel Spaß gemacht, da er uns faszinierende Einblicke in die Welt der Lebensmittelproduktion verschaffte: Von Maschinen, die Lutscher in schwindelerregender Geschwindigkeit herstellen, bis hin zu überdimensionalen Töpfen, in denen die Zutaten noch von Hand gewürzt werden.

Wir kamen schon früh zu einer wichtigen Erkenntnis:

Digitalisierung ja! Aber nur dort, wo es Sinn macht.

Die Arbeitsumgebung in der Lebensmittelindustrie ist stark manuell geprägt. Trotz Automatisierung sind fast immer menschliche Arbeitskräfte beteiligt. Eine übereilte Digitalisierung um der Digitalisierung willen wäre kontraproduktiv. Einfach ausgedrückt: Wenn man keine freie Hand hat, kann man kein Tablet oder Smartphone bedienen. Vor diesem Hintergrund haben wir das Design System entwickelt.

Konsistenz durch Patterns

Die definierten Patterns sind in verschiedene Elemente unterteilt, die von kleinen generischen Elementen wie Schaltflächen bis hin zu kompletten Bildschirmbeispielen reichen. Farben, Schriftarten und Abstände sind genau definiert und bilden die Grundlage aller Patterns. Darüber hinaus steht ein umfassender Icon-Katalog zur Verfügung, um die Suche nach geeigneten Symbolen zu erleichtern. Wenn GEA neue Software entwickelt, kann diese dank der Pattern-Bibliothek nahtlos in die bestehende Maschinenwelt integriert werden. GAID gewährleistet Konsistenz sowohl im visuellen Design als auch in der Funktionalität, selbst über verschiedene Maschinen und Standorte hinweg.

No items found.

Die Zeitleiste revolutioniert die Schichtübergabe

Eine besonders bemerkenswerte Funktion, die im Rahmen dieses Prozesses entwickelt wurde, verdient besondere Aufmerksamkeit: die Zeitleiste. Die Zeitleiste ist ein detaillierter Bericht in Form einer interaktiven Zeitachse, der Informationen über die Ereignisse der vergangenen Schichten darstellt, um die Schichtübergabe zwischen zwei Bedienern effizienter zu gestalten.

GAID auf der Interpack 2023

Auf Basis des gemeinsam entwickelten Designsystems konnte GEA ein einheitliches UX-Design für alle Maschinen und Standorte implementieren, das nun entsprechend den neuesten Anforderungen und Erkenntnissen weiterentwickelt wird. Die neuesten Produkte, die die Benutzeroberflächen zum Leben erwecken, wurden auf der Interpack 2023 vorgestellt!

No items found.

Technologien

GEA Food Solutions Germany GmbH

Die Zusammenarbeit mit Centigrade war gleichermaßen effizient wie inspirierend. In ihrer Liebe zum Detail behielten sie stets das große Ganze im Blick und unsere Nutzer*innen im Fokus. Dank der Unterstützung von Centigrade konnten wir als Unternehmen den nächsten großen Schritt gehen und auf Basis ihrer Konzepte unsere eigene IP entwickeln und ausbauen. Auf unserem Weg, Kundennutzen auch mittels UX in den Mittelpunkt zu setzen, können wir uns keinen besseren Partner vorstellen.

Nelson da Costa Moreira
Group Leader Digitalization Strategy & Software Development

Kunden, die uns vertrauen

Alles beginnt mit einem guten Gespräch.

Lassen Sie uns daher gemeinsam über Möglichkeiten für Ihre digitale Produktentwicklung sprechen. Wir sind gespannt auf Ihre Anfrage.

Thomas Immich

Managing Director · Head of Digital Solutions