User Experience Design für Techniker

GUI Design für elektronisches Gerät

Elektronik

Produktdesign

GUI Design

Detail von GUI design auf Display in elektronischem Gerät
KUNDEMSolutions
ORTIsrael
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSEITE

MSolutions hat ein innovatives Gerät entwickelt, das von Audio-Video Technikern benutzt wird, um die Leistung von Installationen zu testen. Das Gerät kann sehr viel, aber viele Features wurden wegen der schlechten User Experience nicht benutzt. Es gab mehrere Versuche das Design zu verbessern, aber sie sind alle fehlgeschlagen.

Das Unternehmen hat unsere UX Design Agentur damit beauftragt das Design neu zu gestalten. Das Ziel war es ein UX-UI Design zu erstellen, dass für einfache Bedienbarkeit steht.

UNSER BEITRAG

UX Design

UX Flow

Design für Prototyp

Konzeptdesign

Produktdesign

Interaktionsdesign

UI Design - Design System

Qualitätskontrolle

Techniker manipuliert Audio Video Mischpult

DAS TOUCHDISPLAY HINDERT DIE USABILITY

Techniker messen viele verschiedene Parameter und führen Funktionstests durch. Das Gerät kann viele komplexe Fehler entdecken und es funktioniert auch mit mehreren Monitoren, Bildschirmen und Signalquellen.

Leider hat das Gerät aber ein sehr limitiertes Display. Die Touchinteraktivität lässt zu wünschen übrig und der Bildschirm ist mit einer Auflösung von nur 480x320 Pixeln sehr klein.

Detailansicht von elektronischem Testgerät auf schwarzem Hintergrund
Elektronisches Testgerät auf schwarzem Hintergrund

SORGFALT IM PRODUKTDESIGN

Um die Usability des Gerätes tatsächlich zu verbessern, sind wir sehr methodisch und sorgfältig vorgegangen. In der Produktdesignphase haben wir die Anforderungen genau dokumentiert und Informationen von allen Akteuren gesammelt.

Wir haben die Daten über das Nutzerverhalten ausgewertet und gruppiert. So konnten wir Muster und Prioritäten erkennen. Das Ergebnis war ein detaillierter Plan, dem wir in der User Experience Design Phase folgen konnten, um eine durchdachte Benutzerführung entwickeln zu können.

Tabelle mit User Experience Design Anforderungen gruppiert auf Produktphasen

WARUM DAS VORIGE DESIGN MISSGLÜCKT IST

Das Display hat zwar technische Einschränkungen, aber das Unternehmen ist mit den vorigen Designversuchen aus anderen Gründen gescheitert. Wir haben ein detailliertes Usability Audit durchgeführt und haben dokumentiert was verbessert werden musste.

Das Designaudit hat gezeigt, dass das User Experience Konzept falsch war. Ursprünglich haben Entwickler ein Usability Designkonzept aufgestellt, das im Grunde genommen der Datenbank glich und nicht auf die Bedürfnisse der Nutzer eingegangen ist. Im zweiten Versuch das Design zu verbessert hat ein UI Designer einfach visuelle Details etwas aufgepeppt. Die grundlegenden Usability Probleme wurden damit aber nie gelöst. Die konzeptuellen UX Design Probleme kann man durch Ästhetik in einem User Interface Design nicht lösen.

Design der Entwickler
Fünf GUI Designs für elektronisches Testgerät
Design der vorigen Agentur
Verbessertes GUI Design für elektronisches Gerät
Auszug aus dem Design Audit
Detail aus Usability Audit mit 8 Beispielen von Design Fehlern

DAS KONZEPT DER USER EXPERIENCE

Das Konzept der User Experience, die wir vorgeschlagen haben entstammt aus der täglichen Arbeit der Techniker mit dem Gerät. Deshalb fühlen sich die User Flows natürlich an und die Benutzer müssen nicht viel überlegen. Jeder Schritt entspricht dem was die Benutzer als logisch empfinden.

In jeder Ansicht wird diese Leitlinie weitergeführt. Die klare visuelle Hierarchie unterstützt die allgemeine Logik der Flows. Das neue User Experience Design ist somit auf die Bedürfnisse der Techniker zugeschnitten und keine Kopie des Backends.

Fünf Wireframes die das User Experience Design Konzept für das Gerät darstellen
Beispiele von Wireframes

USER TESTS VERBESSERN DAS DESIGN

Die neue User Experience war ganz anders als die vorige Usability Paradigma. Wir haben zwar sehr genau gearbeitet und Eindrücke der Techniker in das Design integriert, wir wollten aber vor den nächsten Schritten noch eine Feedbackrunde der Techniker einfliessen lassen.

Wir haben einen Prototypen erstellt und ein User Testing organisiert. Wir konnten nützliches Feedback sammeln, selbst wenn das User Experience Konzept nicht stark geändert wurde. Insgesamt hat der Vorgang zwei Tage gedauert, inklusive den Designänderungen.

Mann nutzt elektronisches Gerät während einem Usability Test

GUI DESIGN ALS AUSDRUCK DER QUALITÄT

Das visuelle GUI Design war eine Gelegenheit, um zu zeigen, dass das Gerät Höchstleistung bietet. Minimalismus und seriöse Farben machen das Interface glaubwürdig. Es passt sehr gut zum Design des physischen Gerätes, das sich auch hochwertig anfühlt.

Bei dem GUI Design ging es aber auch um Barrierefreiheit und alle Designs wurden darauf getestet und optimiert. Die Entwickler haben alle visuellen Elemente in einem Design System bekommen.

GUI Design für 9 Ansichten die von professionellen Usern benutzt werden
Responsive GUI Design in Laptop Mockup auf schwarzem Hintergrund
Design-Elemente

RESPONSIVE GUI DESIGN IN SECHS WOCHEN

Wir haben das Design in sechs Wochen geliefert, vom Usability Audit am Anfang bis zur Lieferung der GUI Design Assets an das Softwareteam. Das Ergebnis ist ein User Interface, dass den Aufwand für Techniker um die Hälfte reduziert hat.

Nicht nur die Techniker müssen im neuen Design weniger interagieren, um die gleichen Ergebnisse zu erreichen. Auch der Entwicklungsaufwand hat sich drastisch reduziert. Das GUI Design ist responsive und die Techniker können das Gerät auch mit ihrem Laptop oder ihrem Smartphone steuern.

Das neue Design ändert die Wahrnehmung des Gerätes und es zeigt, dass es ein hochwertiges Produkt ist. Die Techniker brauchen auch weniger Training, um es zu benutzen, was es einfacher macht das Gerät zu verkaufen.

ERGEBNISSE

Komplettes Design in 6 Wochen geliefert

Komplette Dokumentation für Software Entwickler

Design ist komplett responsive

Das GUI ist zum Standard in der Industrie geworden