User Experience Design für Techniker

GUI Design für elektronisches Gerät

Elektronik

Produktdesign

GUI Design

Subtle white arrow pointing down
KUNDEMSolutions
ORTIsrael
TEAMUX Designer, UI Designer, Interaktionsdesigner, Projektleiter, Produktentwickler, Softwarearchitekt
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 schlechter User Experience nicht benutzt. Es gab mehrere Versuche das Design zu verbessern, aber sie sind 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 Qualität steht.


UNSER BEITRAG

UX Design

UX Flow

Design für Prototyp

Konzeptdesign

Produktdesign

Interaktionsdesign

UI Design - Design System

Qualitätskontrolle


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 bei nur 480x320 Pixeln sehr klein.

SORGFALT IM PRODUKTDESIGN

Um die Usability des Gerätes tatsächlich zu verbessern, sind sehr methodisch und sorgfältig vorgegangen. In der Produktdesignphase haben wir 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, ein Fundament für sinnvolle Arbeit in der User Experience Design Phase.

WARUM DAS VORIGE DESIGN MISSGLÜCKT IST

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

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 gleicht, und nicht auf die Bedürfnisse der Nutzer eingeht. Im zweiten Versuch das Design zu verbessert hat ein UI Designer einfach visuelle Details etwas aufgepeppt, die wichtigen Problem wurden aber nie gelöst. Ein grafisches User Interface Design kann nie angenehm aussehen, wenn die UX falsch ist.




Design der Entwickler




Design der vorigen Agentur




Auszug aus dem Design Audit

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 ein Ausdruck der Prioritäten der Techniker, nicht eine Kopie des Backend.




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 User in das Design integriert, aber wir wollten wenigstens eine Runde von Userfeedback sammeln. Insgesamt hat das zwei Tage gedauert, inklusive den Designänderungen.

Wir haben einen Prototypen erstellt und Termine für User Testing organisiert. Wir konnten nützliches Feedback sammeln, selbst wenn das User Experience Konzept nicht stark geändert wurde.

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 Accessibility und alle Designs wurden darauf getestet und optimiert. Die Entwickler haben alle visuellen Elemente in einem Design System bekommen.









KOMPLETTES RESPONSIVE GUI DESIGN IN 6 WOCHEN

Wir haben das Design in 6 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 auf die Hälfte reduziert.

Nicht nur Benutzer müssen im neuen Design weniger interagieren, um die gleichen Ergebnisse zu erreichen, aber diese Einfachheit hat auch den Entwicklungsaufwand reduziert. Das GUI Design ist responsive und Techniker das Gerät auch von ihrem Laptop oder Smartphone steuern.

Das neue Design ändert die Wahrnehmung des Gerätes und es zeigt, dass es ein hochwertiges Produkt ist. 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