<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
User experience und Embedded GUI design

Interface Design für KFZ Geräte

Autoindustrie

Produktdesign

Embedded GUI Design

KFZ Gerärt mit Benutzeroberfläche, die das Messergebnis zeigt.
KUNDEBeissbarth Automotive
ORTMünchen, Deutschland
TEAMUX Designer, UI Designer, Interaction Designer, Projektmanager, Produktarchitekt

Autohersteller wie Mercedes, Daimler und BMW benutzen diese Geräte für die Fahrwerkvermessung. Die Marke steht für höchste Qualität und beispiellose Messpräzision. Die Geräte werden auch von KFZ Werkstätten im Premiumbereich und von Prüforganisationen benutzt.

Das Unternehmen kam zu unserer UX Design Agentur mit dem Ziel einen neuen Standard für User Experience Und Visual User Interface Design zu definieren. Die neuste Generation ihrer Messgeräte besteht aus deinem kleinen OEM Display, einem Tablettinterface und einem Interface für grosse Displays.

UNSER BEITRAG

UX Design

User Flows

User Research

Konzeptdesign

Interaktionsdesign

UI Design - Design System

Design für Prototyp

Qualitätskontrolle

MESSPRÄZISION IN ECHTZEIT

Das Ziel war es die technischen Besonderheiten der Messgeräte durch ein exzellentes Userinterface für KFZ Werkstätten zugänglich zu machen.

Die Geräte sind für Messpräzision bekannt, sollen aber auch einen schnellen Service gewährleisten. Die Benutzerfreundlichkeit des Systems ist entscheidend dafür wie lange der Vorgang pro Fahrzeug dauert. Zusätzlich reduziert ein intuitives Userinterface die Schulungskosten.

Embedded GUI Design auf Display auf Wand.
OEM Display mit embedded GUI auf montiertem Automotive Gerät.

USER INTERFACE IN 6 WOCHEN GELIEFERT

Die Designstrategie ist komplett auf die Herausforderungen des GUI der OEM Software abgestimmt. Zuvor wurde das Interface 3 Designrunden unterzogen die aber von Entwicklern geführt wurde.

Der Plan beruht auf unserer Erfahrung als UX Design Agentur. Aktivitäten verlaufen parallel, um unsere Lieferzeit zu verkürzen. User Research und Produktdesign führen zu UX Design und Prototyping. Visual Design folgt, bis Entwickler das Designsystem übernehmen.

Zeitplan für UX Design Projekt in Notion.

USER RESEARCH DECKT PAIN POINTS AUF

Inmitten der Pandemie haben wir User Research komplett digital in Deutschland durchgeführt. Wir haben zwei Methoden kombiniert: Kontext Interviews und halb-strukturierte Interviews.

Kontext Interviews informieren uns darüber wie Benutzer die Geräte Tag für Tag nutzen und decken Pain Points auf. Benutzer beschreiben ihren Alltag mit den Geräten so wie wenn sie einen Mitarbeiter Schulen.

Halb-strukturierte User Interviews geben uns einen authentischen Einblick in die Realität der KFZ Werkstätten. Sie beginnen mit einem Set von Fragen und entfalten sich dann ganz natürlich.

User Research mit KFZ Mechanikern.

KONSENS ENTSTEHT DURCH PRODUKT ENTWICKLUNG

In GUI Design müssen viele Perspektiven zusammenkommen: User Needs, technische Faktoren, Produktfeatures, Usability Standards, usw.

Ein hoher Standard für Projektmanagement ist wichtig um nicht aus den Fugen zu geraten und um alle über die Evolution des UX Designs zu informieren.

We used dynamic formats in Notion to encourage all stakeholders to participate in the design project. The documentaton provides a clear overview of how the product thinking evolves, the insights that underpin the user experience solutions and recommendations for implementation.

Anforderungen für User Experience Design Projekt für embedded GUI.

BENCHMARKING FÜR MARKTFÜHRENDES DESIGN

Das GUI das unsere UX Agentur entwickelt hat, ist nicht grundlos originell. Kreativität entsteht aus einem systematischen Vorgang, in dem wir Informationen aus vielen Quellen suchen und vergleichen um die richtigen UX Design Entscheidungen zu treffen.

Benchmarking ist eine wichtige Aktivität. Sie hat hauptsächlich dabei geholfen zu sehen was nicht funktioniert. Die fehlgeschlagenen Versuche der Konkurrenz haben uns gezeigt worauf wir uns konzentrieren sollen, um ein optimales Userinterface zu erstellen.

Sechs embedded GUI Design Beispiele für UX Design Benchmarking.

DAS ALTE GUI ALS AUSGANGSPUNKT

Das vorige embedded GUI Design kam nach 3 Iterationen zusammen die von Entwicklern geführt wurden. Es ist zwar minimalistisch aber es löst die Pain Points der Benutzer nicht.

Insgesamt fehlt ihm Klarheit und es hat keine visuelle Hierarchie. Einzelne Komponenten im Interface sind nicht aussagekräftig. Die Konsequenz ist, dass man als Benutzer das Handbuch lesen muss, oder dass man bei einer Schulung teilnehmen muss.

Beispiel der alten User Experience.

KLARHEIT + DETAIL = EIN NEUER STANDARD

Das neue embedded GUI Design bietet den KFZ Mechanikern einen ganz einfachen Vorgang. Benutzer können sich also auf ihren Job konzentrieren und auf ihre eigene Sicherheit achten.

Die klare visuelle Hierarchie macht das Interface minimalistisch. Aber wenn man genauer hinschaut, sieht man kleine Details die genau auf spezifische Pain Points abzielen, die Benutzer im echten Leben antreffen.

Prototyp für embedded GUI Design mit Fahrwerk und Messwerten.
Detail aus automotive User Interface Design.
UI Design hilft dem Benutzer bei der Positionierung des Fahrzeugs.
Messwerte werden im User Interface angezeigt.
Produktdesign für KFZ Gerät.
Design-Elemente

UX & UI DESIGN FOR AUTOMOTIVE EQUIPMENT

Der Zeitrahmen für das Designprojekt war sehr knapp. Aber wir haben als UX Agentur viel Erfahrung mit UX Design für OEM Software.

Die 3 Erfolgsfaktoren in diesem GUI Design Projekt waren: die enge Zusammenarbeit mit allen Stakeholdern, User Research als Basis für UX Design und ein iterativer Designvorgang geführt von Senior Designern.

Das Visual UI ist Ausdruck einer Designästhetik die in Funktionalität fundiert ist. Jede Komponente des GUIs ist ein Gemisch, aus dem technisch möglich ist und dem was Benutzern wirklich hilft.

Das Resultat ist ein embedded User Interface wofür man keine Schulungen machen kann und das das Brand des Geräteherstellers an der Marktspitze positioniert.

ERGEBNISSE

Marktführendes User Experience

UI Designsystem komplett dokumentiert für Entwickler

Neues User Interface benötigt keine Schulungen

GUI wird zum Verkaufsargument für premium Geräte