UIG2021 - Steffen Neumann (UID): TRUMPF Living Styleguide: Die Gestaltung eines Designsystems für Produktive Apps in der Fertigung

Ein Designstil für alle mobilen Apps von TRUMPF. Das war das Ziel unseres Projekts. Von der Analyse über Gestaltung und Prototyping bis zu User Tests – der Vortrag gibt Einblick in die nutzerzentrierte Gestaltung (UCD-Prozess) und die Entstehung und Anwendung eines Designsystems.

Neben einem HMI-System zur Maschinenbedienung bietet TRUMPF eine mobile App-Welt, die Kunden mit zusätzlichen Services unterstützt. Hier existierten bisher eine Vielzahl an Einzellösungen. Das soll sich mit einem Mobile Design-Styleguide ändern. Entstanden ist eine App übergreifend einheitliche Designwelt mit eigenständigem Look & Feel, aber eindeutiger TRUMPF-DNA.

Flexibilität erlauben, ohne den „blauen Faden“ zu verlieren – das ist das Motto des Design-Styleguides für die mobile App-Welt von TRUMPF. Egal ob Lokalisierungs-App oder digitaler Assistent für die Fertigung – der Design-Guide sorgt für den „blauen“ Faden bei der App-Entwicklung und macht die Marke TRUMPF jederzeit spürbar. Gleichzeitig lässt er genug Spielraum, um die Apps an die Anforderungen des jeweiligen Kontextes anzupassen.

Mit einer eigenständigen Designsprache grenzt sich die mobile App-Welt bewusst vom sehr funktionalen Design der Maschinensteuerungen ab. Gleichzeitig ist sie so gestaltet, dass sie auch im Kontext der Maschinensteuerung funktioniert und ein einheitliches Ökosystem erzeugt.

Die TRUMPF DNA greift die Farbwelt und zentrale Gestaltungselemente des Produktdesigns auf. So sorgt sie für ein perfektes Zusammenspiel zwischen digitaler und analoger Produktwelt.

Dank Konsistenz und Transparenz sorgt der Design-Styleguide für die mobile App-Welt von TRUMPF für eine einheitliche Markenwahrnehmung und intuitive Bedienung: Zentrale Gestaltungselemente wie das Menü sind App-übergreifend immer an der gleichen Stelle positioniert. Bedienabläufe sind konsistent gestaltet.

Die mobile App-Welt sorgt sowohl für die Nutzer als auch für die Entwickler für mehr Effizienz und Nachhaltigkeit: Dank des konsistenten Look & Feel finden sich Nutzer schnell in allen TRUMPF-Apps zurecht.
Die Designelemente der mobilen App-Welt sind in einem HTML-Styleguide auf Atomic-Design-Basis beschrieben und als HTML/CSS-Code verfügbar. Der Styleguide ist damit ein wichtiger, lebendiger Gestaltungsleitfaden, der als Nachschlagewerk fungiert. Statt Ressourcenraubender, aufwändiger Insellösungen können TRUMPF-Entwickler so Synergien nutzen und schnell und effizient App-Lösungen entwickeln.

Über Steffen Neumann: 

Steffen Neumann ist Lead User Experience bei der der User Interface Design GmbH (UID). Seit 2002 gestaltet er digitale Produkte für alle UID-Branchen.

Er ist Spezialist für die Konzeption und Entwicklung von markentypischen Designsprachen und Designsystemen für nachhaltige digitale Produkte und Services.

Über UID:

Als Pionier und bekanntester Dienstleister für User Experience gestaltet und entwickelt UID die Bestseller von morgen. Seit über 20 Jahren überzeugen Software-Lösungen made by UID Nutzer durch eine einfache Bedienung und ein außergewöhnliches Nutzungserlebnis. Ob einzelne User Interfaces, komplette Produktfamilien oder passgenaue Services – UID begleitet Kunden von der Idee bis zur Implementierung. So entstehen Produkte, die Nutzer begeistern und den Markterfolg unserer Kunden sichern.

UID ist ein Team von 100 Experten für Usability, User Experience Design und Software. Seit 1998 vertrauen Kunden auf die ausgezeichnete Qualität von UID. Das Ergebnis: über 4.000 Projekte in den Branchen Automotive, Consumer, Enterprise, Industry und Medical. UID ist in Ludwigsburg zuhause, aber auch an den Standorten in Berlin, Dortmund, Mannheim und München oder weltweit für Kunden da. Gemeinsam mit Kunden macht UID die Welt von morgen einfacher und ästhetischer! 

Tickets für die UIG-Tagung könnt Ihr hier buchen.