Heading

Mettler Toledo vereinfacht mit der neuen HMI für die Waage die Arbeit an Frischetheken

Design System
UX Konzept
UI Design

Das Ziel

Metter Toledo ist Weltmarktführer für Präzisionswaagen. Ihre Produkte bieten nicht nur umfangreichen Funktionen, sondern auch eine ausgezeichnete Software, die sich durch hohe Usability auszeichnet. Wir von interfacewerk durften Mettler-Toledo beim HMI (Human-Machine-Interface) Design unterstützen und unsere langjährige Erfahrung im UX Design einbringen. Denn Mettler Toledo erkannte schon früh: Gute Software ist heute ein klares Qualitätsmerkmal, das immer mehr in den Vordergrund rückt. Die neueste Technologie verdient ein Design, das nicht nur gut aussieht, sondern Nutzende überzeugt, mit dem Gerät zu arbeiten.

Der Prozess

Für unsere HMI Designer:innen galt es im ersten Schritt Use Cases herauszufinden. Der zweite Schritt bestand darin, die einfachsten und intuitivsten Workflows zu gestalten, um die Use Cases abzubilden. Ein weiterer wichtiger Punkt war, ein durchgängiges Design System zu etablieren. Diese bildet die Grundlage aller weiteren Iterationen und wird bei Mettler Toledo genutzt, um schnell und in Einklang mit dem Design der Applikation, neue Features zu entwickeln.

Die Deliverables

UI Design
Design System

Pain Points und Use Cases entdecken

Verschiedene Nutzergruppen identifizieren

Die Besonderheit und gleichzeitig größte Herausforderung waren der überaus umfangreiche Funktionsschatz der Applikation. Man muss sich vorstellen, dass die Waagen auf der ganzen Welt in ganz unterschiedlichen Läden mit ihren ganz eigenen speziellen Anforderungen verwendet werden. Das Produkt ist durch das moderne und offene System zu einem hohen Maß flexibel und konfigurierbar, da es viele Use Cases abbilden muss. Diese Use Cases galt es herauszufinden und die besten, einfachsten und intuitiven Workflows herauszufinden.

Da wir einen individuellen und auf jeden Kunden zugeschnittenen UX Prozess aufsetzen, war die erste Herausforderung, die Nutzernden der Waage an der Frischetheke zu verstehen und ihre Pain Points sowie Bedürfnisse festzuhalten.

Outcome Phase 1

Use Cases identifiziert, Workflows festgehalten, Nutzerbedürfnisse erfasst.

Lösungen entwickeln und Pain Points abbilden

Eine enge Zusammenarbeit zwischen unseren Designer:innen, der Entwicklerseite des Kunden und dem Produktmanagement bildete die Grundlage des Projekts. Unsere Designer:innen definierten Personas, um ihren Anforderungen an die Software gerecht zu werden. In einem iterativen Prozess, mit vielen Feedback-Schleifen, wurden die Workflows abgebildet. So wurde das Design nicht nur ansprechend und schön anzusehen, sondern UX-geleitet.

Nutzende empowern

Im Prototyping-Prozess haben unsere Designer:innen Features entwickelt, die das Muskelgedächtnis der Nutzenden aktivieren, damit diese schneller und intuitiver arbeiten können. Durch intuitive Workflows bauen Nutzende Vertrauen in die Software auf und fühlen sich sicher und von der Software optimal unterstützt. Unsere UX Designer:innen haben Stellen in der Software entdeckt, die bis dato Unsicherheiten bei Nutzenden hervorgerufen haben.

UI Design

Durch optimierte Workflows haben wir diese durch intuitiv gestaltet. Nutzende werden jetzt außerdem befähigt, selbstständig Probleme zu lösen und bekommen Unterstützung durch interaktive Elemente. Das Design spiegelt auch den Markenkern des Produkts wider: Es ist plakativ, frisch, funktionsreich und leicht anpassbar.

Ein neuer Look-and-Feel

Wir kreierten einen Look, der plakativ, cool und authentisch ist und die positive User Experience unterstützt.

Denn ein positiver und freundlicher erster Eindruck des Produkts ist Grundlage für das Vertrauen, das der Nutzer in das Produkt entwickeln soll. Die Waagen sollen den Nutzern nicht nur ermöglichen, einen Job auszuführen, sondern auch einen gewissen Wohlfühlfaktor bieten.

Outcome Phase 2

Prototypische Lösungen getestet, mehrere Feedback-Schleifen einfließen lassen, Workflows optimiert, Design angepasst.

Erhöhte Interaktionsgeschwindigkeit und ein durchgängiges Design

Wir legten besonderen Wert auf die Maximierung der Interaktionsgeschwindigkeit, um in hektischen Frischetheken-Arbeitssituationen eine nahtlose Nutzererfahrung zu schaffen. Zusätzlich etablierten wir ein durchgängiges Design-System, das für Einheitlichkeit und Nutzerfreundlichkeit sorgte, unabhängig von Anwendung oder Gerätetyp.

Abgesehen von einer intuitiven Nutzeroberfläche, verliehen unsere Designer:innen der Oberfläche das richtige Look-and-Feel abgestimmt auf die CI und das UI.

Finale UI Design Impressionen

No items found.

„Die Verschmelzung von nutzerzentriertem Design und agiler Entwicklung sind der Schlüssel zu guten Produkten. Aktuell arbeiten wir auch weiter zusammen an neuen Features für die Waage, die Nutzer:innen noch mehr helfen den Arbeitsalltag schnell und einfach zu bewältigen.“