Techniker-zentriereti Workflows uf ere 480 × 320 begränzte Benutzeroberflächi

Neui GUI-Standards für iigbetteti Testgrät setze

Elektronik

Produktdesign

GUI Design

KUNDEMSolutions
ORTIsrael
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSEITE

MSolutions baut professionelli Instrumente-Interfaces für Audio-Visual-Ingenieure, wo komplexi Installatione in Betrieb näh und Fehler sueched. Ihr Handmessgrät überprüeft d HDMI-Signal-Integrität, EDID-Date, dr HDCP-Status, d Uuflösig, d Bildwiederholrate und anderi Parameter in Multi-Monitor-Umgebige. Uf em Papier hät d Messgrät-GUI umfangrichi Diagnostik aabote. In dr Praxis händ Techniker vil Funktione gmeidet, will s bestehendi embedded GUI-Design während ziitkritischer Arbät schwirig z verstah gsi isch. Früehere Redesign-Versuech händ d grundlegende Usability-Problem nöd glöst.

Das Projekt isch Teil vo oiser fortlaufende Arbeit im Bereich Embedded Systems und professionelli Instrumentierig, wo evidence-based UX, Design für begränzti Hardware-Interfaces und Techniker-Workflows d Diagnostikgrät für Feldibedingige forme.

D Firma hät ois Embedded-Systems-UX-Team gfragt, die begränzti Hardware-Benutzeroberflächi in e präzisi technische Device-UX umzuwandle, wo Technikere erlaubt, schneller zu verlässliche Schlussfolgerige z cho, ohni d kognitivi Belastig im Feld z erhöhe.

Wir wendeten Dynamic Systems Design an, eine Methode, die Lösungen durch eingebettetes Experimentieren entwickelt, Spannungen zwischen lokaler Optimierung und Systemkohärenz auflöst und die Implementierung begleitet, bis Organisationen Eigenständigkeit erreichen.

UNSER BEITRAG

UX/UI und Usability Audit

Technician Workflow Mapping

Conceptual Model Design

Interaktionsdesign

Prototype Validation

Cross-Platform Architecture

Design System

Developer Handover

WARUM FRÜEHERE EMBEDDED-SYSTEMS-UX-VERSUECH GSCHEITERT SIND

Mir händ mit ere fokussierte Usability-Audit für Embedded-Gerät aagfange. D Überprüefig hät heuristischi Inspektion vo dr Benutzeroberflächi mit Walkthroughs vo echte AV-Diagnostik-Tasks kombiniert, wie si vo erfahrene Techniker und Ingenieure beschrieben worde sind. D Erkenntnis händ zeigt, dass früehere Designs d Bildschirme nach Backend-Module organisiert händ statt nach Techniker-Workflows. Funktione sind dert gsi, wo si im Code existiert händ, nöd dert, wo si im Arbetsablauf bruucht worde sind.

E spöteri Redesign hät sich uf Farbe und Icons konzentriert, aber d gliichi Grundstruktur biibehalte. Drum händ Techniker immer no müesse merke, welchi Modi welchi Diagnostik enthaltet, und si händ de Kontext verlore, wenn si zwüsche Signalchecks gwechselt händ. S Problem isch nöd dr visuelle Stil gsi, sondern s Fehle vo eme kohärente Engineering-Tools-UX-Modell, wo mit dr Feldpraxis überiinstimmt.

TECHNIKER-ZENTRIERTI WORKFLOWS UF EMENE 480 × 320 DISPLAY

S Grät lauft uf eme chline Embedded-Display mit 480 × 320 Pixel, mit begränztem Single-Touch und mässige Rechenressource. Touch-Ziil händ gross gnueg sii müesse für d Benutzig mit Händschueh. Text hät au uf Armlängi guet läsbar bliebe müesse. Drum hät d GUI vom Messgrät nöd chöne uf gestenbasierte Muster oder dichte Informations-Layouts setze.

Die Beschränkige händ konkreti Entscheidige vorgäh. Mir händ d Menütüüfi und d Aazahl vo Element pro Bildschirm begränzt, damit jede Ansicht e vollständigi Optione-Palette cha zeige, ohni d Schriftgrösse unter e angenehme Schwelli z senke. Mir händ uf Animatione und schwiere grafischi Effekte verzichtet, damit d Interaktion uf dr begränzte Hardware knackig blibt. Jede Bildschirm isch als chline, eigenständige Zustand gestaltet worde, wo Techniker innert Sekunde-Bruuchte verstoh chönd, während si gleichzeitig Kabel, Displays und Switcher im Auge behaltet.

ANFORDERIGE UND ABSTIMMIG RUND UM TECHNIKER-WORKFLOWS

Mir händ d Aaforderige zäme mit em MSolutions Product Owner, em leitende Firmware-Ingenieur und ere Gruppe vo erfahrene AV-Techniker erarbeitet, wo professionelli Messsoftware im Alltag nutze. Jede Gruppe hät anderi Prioritäte gha. Ingenieure händ volle Zuegriff uf Low-Level-Parameter welle. Techniker händ weniger Schritt und klareri Resultat-Bestätigung welle. S Produktmanagement hät e Struktur bruucht, wo zukünftig Funktione unterstütze cha, ohni no einisch e Redesign z bruuche.

Mir händ die Inputs mit tension-driven reasoning in e einheitlichi Strategie übersetzt. Für jede Bildschirmansicht vom professionelle Instrumentierungs-Interface händ mir e klaars Ziel definiert: welchi Entscheidig de Techniker in dem Moment söll treffe chönne. Bestehendi Funktione sind denn däne Ziele zuegordnet worde, und widersprüchlichi Prioritäte sind uf Strategie-Ebeni glöst worde statt ad hoc uf einzelne Screens. Das hät e stabile Basis für d Release-Planig und für d späteri Wiiterentwicklig vom Embedded-Device-UX-Design gschaffe.

Design der Entwickler
Design der vorigen Agentur
Auszug aus dem Design Audit

NEUS KONZEPTIONELLS MODELL FÜR AV-DIAGNOSTIK-WORKFLOWS

Dr konzeptionelle Durchbruch isch cho, indem mir s Grät als e Begleiter durch e standardisierte AV-Diagnostik-Gschicht gseh händ statt als e Sammlig vo Werkzüg. S neue Modell strukturiert d Messabfolg so, wie Techniker si in dr Praxis tatsächlich erläbed. E typischer Workflow fangt zum Bispil mit dr Überprüefig vo dr Verbindigsintegrität aa, geit wiiter mit dr EDID- und HDCP-Verifikation, denn zur Validierig vo Uuflösig und Farbruum uf jedem Display, und endet mit ere zämefassende Bestätigung, dass d Installation em definierti Profil entspricht.

I dr neue Embedded-GUI zeigt jede Zustand uf d nächscht logisch Aktion. Parameter tauche nume denn uf, wenn si für de aktuelle Diagnostikschritt bruucht werde. D visuell Hierarchie betont pro Bildschirm e einzigi technische Absicht und verschiebt sekundäri Informatione an vorhersehbar Positione. Für Techniker verhält sich s Grät jetzt wie e erfahrne Kollege, wo d richtige Prüefige i dr richtige Abfolg sichtbar macht, statt wie e Schublade voll einzelni Instrument.

Beispiele von Wireframes

PROTOTYP-VALIDIERIG MIT AV-TECHNIKER IM FELD

Mir händ s neue Modell in interaktiivi Prototypä übersetzt und mit AV-Techniker testet, wo regelmässig a Multi-Monitor-Konferenzräum und Video-Walls schaffe. D Sessions händ aufgabenbasierte Beobachtig mit churze Interviews kombiniert. D Techniker händ realistischi Szenarie müesse durefüehre, zum Bispil d Ursach für e falschi Uuflösig uf eme Display i ere Signalchätti finde, wo susch normal funktioniert.

D Rückmeldige händ sich uf Terminologie, d Gruppierig vo Signalparameter und d Abfolg konzentriert, in dr Resultat erschiine, wenn e Fehler entdeckt wird. Dr Kern-Workflow hät kei Änderig bruucht, aber vil Detail sind aapasst worde. Einigi Beschriftige sind überarbeitet worde, damit si dr Sprach entspreched, wo Techniker vor Ort bruuche. Einigi zwüscheliegendi Bestätigungszuständ sind vereinfacht worde, um Zögerige z vermeide. Nach dene Verfeinerige hät e Teilnehmende gseit, dass d Embedded-Oberflächi endlich dr Denkwiis entspreche, wo er oder si vor em Rack het. D ganz Test- und Iterationsschlaufe hät innerhalb vom sechswöchige Projektzytfenster zwei intensive Täg in Aaspruch gno.

CROSS-PLATTFORM-INTERFACE FÜR GRÄT, LAPTOP UND MOBIL

Sobald s Embedded-Interaktionsmodell stabil gsi isch, händ mir d technische Device-UX uf Laptop- und Mobile-Umgebige erweitert. D responsive Architektur behält d gliichi Abfolg vo Techniker-Workflows bi, nutzt aber d grösseri Bildschirme, um Zämehäng zwüsche Messige, historische Wärt und Referenzprofile klarer darzstelle.

Techniker chönd s Messgrät jetzt während Inbetriebnahmesessions vom Laptop us verbinde oder für schnelli Checks e mobile Oberfläche nutze. S Cross-Plattform-Interface-Design ermöglicht Fernbedienig in enge Ruum und e besseri Zäme-Arbeit zwüsche Kollege vor Ort und Kollege im zentrale Operations-Zentrum. Will s konzeptionelle Modell identisch isch, muess me kei separati Verhaltenswiise für jedi Plattform lerne.

ENTWICKLER-FERTIGS DESIGN-SYSTEM UND MESSBARI RESULTAT

D Arbät isch mit emene entwickler-fertige Design System abgschlosse worde, wo speziell für begränzti Hardware und responsive Interfaces zuegschnitte isch. Es definiert Komponente, ihre Zueständ, Layout-Regle für s 480 × 320 Embedded-Touchscreen-Interface und Interaktionsmuster für Fehlerbehandlig und Edge Cases. Die Präzision reduziert Implementierungs-Unsicherheite und hilft, d Codebasis übersichtlich z halte, wenn neui Diagnostik-Features dezue chömed.

Dr ganz Redesign, vo dr Usability-Audit bis zur finale Übergab, isch i sechs Wuche abgschlosse worde. Interne Task-Walkthroughs mit em Kunde händ zeigt, dass Techniker bi wichtige Workflows mit ungefäär halber so vill Interaktione zum gliiche Resultat cho sind wie vorher. Neui Benutzer händ s Messgrät-GUI nach ere churze, gfüehrte Iifüehrig bediene chönne, statt mehfachs Coaching z bruuche. Grossi Integrator-Kunde händ vo reibigslosere Rollouts berichtet, will weniger Lüüt mit dr Oberfläche Müeh gha händ.

D Organisation hät immaterielli Ressource gwunne: Urteilsvermöge drüber, was i professioneller AV-Diagnostik würkli wichtig isch, e gmeinsami Produktintuition, wie Mess-Interfaces Techniker-Entscheidige leite sölle, und e Denkfähigkeit, wo Teams erlaubt, Diagnostik-Features z erwiitere, ohni s Interaktionsmodell z fragmentiere. S System hält sini competitive position, indem es schnelli und präzisi Diagnosä unter anspruchsvolle Feldbedingige unterstützt, während Konkurrente, wo Feature-Exposure über Workflow-Klarheit stelle, Müeh händ, Techniker unter Ziitdruck i komplexe Installatione guet z bediene.

S Resultat isch e Embedded-Systems-UX, wo d Qualität vo dr MSolutions-Engineering sichtbar macht, und e professionells Instrumentierungs-Interface, wo für zukünftigi Releases vorbereitet isch.

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

Planst du ein Designprojekt?