MSolutions bygger professionella instrumenteringsgränssnitt för audio visual-ingenjörer som driftsätter och felsöker komplexa installationer. Deras handhållna mätinstrument verifierar HDMI-signalens integritet, EDID-data, HDCP-status, upplösning, uppdateringsfrekvens och andra parametrar i multi monitor-miljöer. På pappret erbjöd enhetens GUI omfattande diagnostik. I praktiken undvek tekniker många funktioner eftersom den befintliga embedded GUI-designen var svår att följa under tidskritiskt arbete. Tidigare redesignförsök hade inte löst de grundläggande användbarhetsproblemen.
Detta projekt är en del av vårt fortsatta arbete med embedded systems och professionell instrumentering, där evidensbaserad UX, design av gränssnitt för begränsad hårdvara och teknikerarbetsflöden formar diagnostisk utrustning för fältförhållanden.
Företaget bad vårt embedded systems UX-team att omvandla detta begränsade hårdvarugränssnitt till en precis teknisk device-UX som gör det möjligt för tekniker att dra tillförlitliga slutsatser snabbare, utan att öka den kognitiva belastningen i fält.
Vi använde Dynamic Systems Design, en metod som låter lösningar växa genom inbyggd experimentering, löser spänningar mellan lokal optimering och systemkoherens, och stöttar implementeringen tills organisationer blir självständiga.
Granskning av användbarhet
Technician Workflow Mapping
Conceptual Model Design
Interaktionsdesign
Prototype Validation
Cross-Platform Architecture
System för utformning
Developer Handover
Vi började med en fokuserad användbarhetsaudit för inbyggda enheter. Granskningen kombinerade heuristisk inspektion av gränssnittet med walkthroughs av verkliga AV-diagnostikuppgifter beskrivna av erfarna tekniker och ingenjörer. Resultaten visade att tidigare designer organiserade skärmarna efter backend-moduler snarare än teknikerarbetsflöden. Funktioner låg där de fanns i koden, inte där de behövdes i arbetssekvensen.
En senare redesign fokuserade på färger och ikoner men behöll samma underliggande struktur. Som resultat behövde teknikerna fortfarande komma ihåg vilket läge som innehöll vilken diagnostik, och de kunde tappa kontexten när de växlade mellan signaltester. Problemet var inte den visuella stilen, utan avsaknaden av en sammanhängande UX-modell för engineering-verktyg anpassad till fältpraxis.
Enheten körs på en liten inbyggd skärm på 480 × 320 pixlar med begränsad single-touch och blygsamma processresurser. Tryckytorna behövde vara tillräckligt stora för användning med handskar. Texten måste vara läsbar på armlängds avstånd. Därför kunde mätinstrumentets GUI inte bygga på gestbaserade mönster eller täta informationslayouter.
Dessa begränsningar styrde konkreta beslut. Vi begränsade menydjupet och antalet objekt per skärm så att varje vy kunde visa ett komplett uppsättning val utan att minska teckenstorleken under en bekväm nivå. Vi undvek animationer och tunga grafiska effekter för att hålla interaktionen snabb på den begränsade hårdvaran. Varje skärm utformades som ett litet, självständigt tillstånd som tekniker kunde tolka på bråkdelar av en sekund, samtidigt som de höll uppsikt över kablar, skärmar och switchar.
Vi samlade in kraven tillsammans med MSolutions product owner, den ledande firmware-ingenjören och en grupp erfarna AV-tekniker som använder professionell mätprogramvara i det dagliga arbetet. Varje grupp hade olika prioriteringar. Ingenjörerna ville ha full åtkomst till low level-parametrar. Teknikerna ville ha färre steg och tydligare bekräftelse av resultat. Produktledningen behövde en struktur som kunde stödja framtida funktioner utan ännu en redesign.
Vi översatte dessa insikter till en samlad strategi genom tension-driven reasoning. För varje skärm i det professionella instrumenteringsgränssnittet definierade vi ett tydligt utfall: vilket beslut teknikern ska kunna fatta i det ögonblicket. Befintliga funktioner omfördelades sedan till dessa utfall, och motstridiga prioriteringar löstes på strategisk nivå i stället för genom ad hoc-beslut på enskilda skärmar. Detta skapade en stabil grund för releaseplanering och för senare utvidgning av embedded device UX-designen.
Det konceptuella genombrottet kom genom att behandla enheten som en guide genom en standardiserad AV-diagnostisk berättelse, snarare än som en samling verktyg. Den nya modellen strukturerar mätsekvensen så som tekniker faktiskt upplever den i praktiken. Ett typiskt arbetsflöde börjar till exempel med kontroller av länkintegritet, fortsätter med EDID- och HDCP-verifiering, går vidare till validering av upplösning och färgrymd på varje skärm och avslutas med en samlad bekräftelse på att installationen uppfyller den definierade profilen.
I den nya inbyggda GUI:n pekar varje tillstånd mot nästa logiska åtgärd. Parametrar visas endast när de behövs för det aktuella diagnostiska steget. Den visuella hierarkin betonar en teknisk intention per skärm och placerar sekundär information på förutsägbara positioner. För tekniker beter sig enheten nu som en erfaren kollega som lyfter fram rätt kontroller i rätt ordning, snarare än som en låda full av separata instrument.
Vi översatte den nya modellen till interaktiva prototyper och testade dem med AV-tekniker som regelbundet arbetar med multi monitor-konferensrum och videoväggar. Sessionerna kombinerade uppgiftsbaserad observation med korta intervjuer. Teknikerna ombads genomföra realistiska scenarier, till exempel att identifiera orsaken till fel upplösning på en skärm i en signalkedja som i övrigt fungerar korrekt.
Feedbacken fokuserade på terminologi, gruppering av signalparametrar och i vilken ordning resultaten bör visas när ett fel upptäcks. Kärnarbetsflödet behövde inte ändras, men många detaljer justerades. Vissa etiketter reviderades för att matcha det språk som tekniker använder på plats. Några mellanliggande bekräftelsetillstånd förenklades för att undvika tvekan. Efter dessa justeringar noterade en deltagare att det inbyggda gränssnittet äntligen motsvarade det sätt de redan tänker på när de står framför ett rack. Hela test- och iterationscykeln tog två intensiva dagar inom projektets sex veckor långa tidsram.
När den inbyggda interaktionsmodellen var stabil utökade vi den tekniska device-UX:en till laptop- och mobilmiljöer. Den responsiva arkitekturen bevarar samma ordning på teknikerarbetsflödena, samtidigt som de större ytorna används för att tydligare visa samband mellan mätningar, historiska värden och referensprofiler.
Tekniker kan nu ansluta till mätinstrumentet från en laptop under driftsättningssessioner eller använda ett mobilt gränssnitt för snabba kontroller. Cross-plattform-gränssnittsdesignen möjliggör fjärrstyrning i trånga utrymmen och bättre samarbete mellan kollegor på plats och kollegor på ett centralt operationscenter. Eftersom den konceptuella modellen är identisk behöver man inte lära sig separata beteenden för varje plattform.
Arbetet avslutades med ett utvecklarklart Design System anpassat för begränsad hårdvara och responsiva gränssnitt. Det definierar komponenter, deras tillstånd, layoutregler för det inbyggda 480 × 320-pekskärmsgränssnittet samt interaktionsmönster för felhantering och edge cases. Denna nivå av precision minskar osäkerhet i implementeringen och hjälper till att hålla kodbasen hanterbar när nya diagnostikfunktioner läggs till.
Hela redesignen, från användbarhetsaudit till slutlig överlämning, genomfördes på sex veckor. Interna task-walkthroughs med kunden visade att tekniker kunde nå samma slutsatser med ungefär hälften så många interaktioner i viktiga arbetsflöden. Nya användare kunde hantera mätinstrumentets GUI efter en kort guidad introduktion i stället för att behöva upprepad coaching. Stora integratorkunder rapporterade smidigare utrullningar eftersom färre personer hade problem med gränssnittet.
Organisationen fick immateriella resurser: omdöme om vad som är viktigt inom professionell AV-diagnostik, en gemensam produktintuition om hur mätgränssnitt bör vägleda teknikernas beslut, samt en resonemangsförmåga som gör det möjligt för team att utöka diagnostikfunktioner utan att fragmentera interaktionsmodellen. Systemet behåller sin competitive position genom att stödja snabb och exakt diagnostik i krävande fältförhållanden, medan konkurrenter som prioriterar feature-exponering framför tydliga arbetsflöden har svårt att betjäna tekniker som arbetar under tidspress i komplexa installationer.
Resultatet är en embedded systems UX som synliggör kvaliteten i MSolutions ingenjörsarbete, samt ett professionellt instrumenteringsgränssnitt förberett för framtida releaser.
Slutdesign levererad på 6 veckor
Fullständig dokumentation för utvecklare
Designen är helt responsiv
Det grafiska gränssnittet har blivit en referens i branschen.