MSolutions bygger profesjonelle instrumenteringsgrensesnitt for audio visual-ingeniører som setter i drift og feilsøker komplekse installasjoner. Deres håndholdte måleenhet verifiserer HDMI-signalets integritet, EDID-data, HDCP-status, oppløsning, oppdateringsfrekvens og andre parametere i multi monitor-miljøer. På papiret tilbød måleenhetens GUI omfattende diagnostikk. I praksis unngikk teknikerne mange funksjoner fordi det eksisterende embedded GUI-designet var vanskelig å følge under tidskritisk arbeid. Tidligere redesignforsøk hadde ikke løst de grunnleggende usability-problemene.
Dette prosjektet er en del av vårt pågående arbeid med embedded systems og profesjonell instrumentering, der evidensbasert UX, design av grensesnitt for begrenset maskinvare og tekniker-workflows former diagnostisk utstyr for bruk i felt.
Selskapet ba vårt embedded systems UX-team om å gjøre dette begrensede maskinvaregrensesnittet om til en presis teknisk device-UX som gjør det mulig for teknikere å komme raskere frem til pålitelige konklusjoner, uten å øke den kognitive belastningen i felt.
Vi brukte Dynamic Systems Design, en metode som utvikler løsninger gjennom innebygd eksperimentering, løser spenninger mellom lokal optimalisering og systemkoherens, og følger implementeringen til organisasjoner blir selvstendige.
Brukbarhetsrevisjon
Technician Workflow Mapping
Conceptual Model Design
Interaksjonsdesign
Prototype Validation
Cross-Platform Architecture
Design System
Developer Handover
Vi startet med en målrettet usability-audit for embedded-enheter. Gjennomgangen kombinerte heuristisk inspeksjon av grensesnittet med walkthroughs av reelle AV-diagnostikkoppgaver beskrevet av erfarne teknikere og ingeniører. Funnene viste at tidligere design hadde organisert skjermene etter backend-moduler i stedet for tekniker-workflows. Funksjoner lå der de eksisterte i koden, ikke der de var nødvendige i arbeidssekvensen.
Et senere redesign fokuserte på farger og ikoner, men beholdt den samme underliggende strukturen. Som et resultat måtte teknikerne fortsatt huske hvilken modus som inneholdt hvilke diagnoser, og de kunne miste konteksten når de byttet mellom signaltester. Problemet var ikke den visuelle stilen, men mangelen på en sammenhengende UX-modell for engineering-verktøy tilpasset praksis i felt.
Enheten kjører på en liten embedded-skjerm på 480 × 320 piksler med begrenset single-touch og beskjedne prosesseringsressurser. Touch-targets måtte være store nok for bruk med hansker. Tekst måtte være lesbar på armlengdes avstand. Derfor kunne måleenhetens GUI ikke baseres på geststyrte mønstre eller tette informasjonsoppsett.
Disse begrensningene formet konkrete beslutninger. Vi begrenset menyens dybde og antall elementer per skjerm, slik at hver visning kunne vise et komplett sett med valg uten å redusere skriftstørrelsen under et komfortabelt nivå. Vi unngikk animasjoner og tunge grafiske effekter for å holde interaksjonen rask og presis på den begrensede maskinvaren. Hver skjerm ble designet som en liten, selvstendig tilstand som teknikere kunne tolke på brøkdelen av et sekund, samtidig som de fulgte med på kabler, skjermer og switchere.
Vi samlet kravene sammen med MSolutions sin product owner, den ledende firmware-ingeniøren og en gruppe erfarne AV-teknikere som bruker profesjonell måleprogramvare i det daglige arbeidet. Hver gruppe hadde ulike prioriteringer. Ingeniørene ønsket full tilgang til low level-parametere. Teknikerne ønsket færre steg og tydeligere bekreftelse av resultater. Produktledelsen trengte en struktur som kunne støtte fremtidige funksjoner uten enda et redesign.
Vi oversatte disse innspillene til én samlet strategi gjennom tension-driven reasoning. For hver skjerm i det profesjonelle instrumenteringsgrensesnittet definerte vi et tydelig utfall: hvilken beslutning teknikeren skal kunne ta i det øyeblikket. Eksisterende funksjoner ble deretter knyttet til disse utfallene, og motstridende prioriteringer ble løst på strategisk nivå i stedet for gjennom ad hoc-beslutninger på enkeltskjermer. Dette skapte et stabilt grunnlag for release-planlegging og for senere utvidelse av embedded device UX-designet.
Det konseptuelle gjennombruddet kom ved å behandle enheten som en veiviser gjennom en standard AV-diagnostisk fortelling, snarere enn som en samling verktøy. Den nye modellen strukturerer målesekvensen slik teknikere faktisk opplever den i praksis. En typisk arbeidsflyt starter for eksempel med kontroll av linkintegritet, fortsetter med EDID- og HDCP-verifisering, går videre til validering av oppløsning og fargerom på hver skjerm, og avsluttes med en samlet bekreftelse på at installasjonen oppfyller den definerte profilen.
I den nye embedded GUI-en peker hver tilstand mot neste logiske handling. Parametere vises bare når de er nødvendige for det aktuelle diagnostiske steget. Det visuelle hierarkiet fremhever én teknisk intensjon per skjerm og plasserer sekundær informasjon på forutsigbare steder. For teknikere oppfører enheten seg nå som en erfaren kollega som presenterer riktige kontroller i riktig rekkefølge, i stedet for som en skuff full av separate instrumenter.
Vi oversatte den nye modellen til interaktive prototyper og testet dem med AV-teknikere som regelmessig jobber med multi monitor-konferanserom og videovegger. Øktene kombinerte oppgavebasert observasjon med korte intervjuer. Teknikerne ble bedt om å gjennomføre realistiske scenarier, som å identifisere årsaken til feil oppløsning på én skjerm i en signalkjede som ellers fungerer som den skal.
Tilbakemeldingene fokuserte på terminologi, gruppering av signalparametere og rekkefølgen resultatene bør vises i når en feil oppdages. Selve kjerne-workflowen trengte ingen endringer, men mange detaljer ble justert. Noen etiketter ble revidert for å samsvare med språket teknikerne bruker ute i felt. Enkelte mellomliggende bekreftelsestilstander ble forenklet for å unngå nøling. Etter disse justeringene kommenterte en deltaker at det embedded grensesnittet endelig samsvarte med måten de allerede tenker på når de står foran et rack. Hele test- og iterasjonsløpet tok to intensive dager innenfor prosjektets seks ukers tidsramme.
Når den embedded interaksjonsmodellen var stabil, utvidet vi den tekniske device-UX-en til laptop- og mobilmiljøer. Den responsive arkitekturen bevarer den samme rekkefølgen av tekniker-workflows, samtidig som de større flatene brukes til å vise sammenhenger mellom målinger, historiske verdier og referanseprofiler tydeligere.
Teknikere kan nå koble seg til måleenheten fra en laptop under idriftsettelsesøkter eller bruke et mobilgrensesnitt for raske sjekker. Cross-platform-grensesnittdesignet muliggjør fjernstyring i trange rom og bedre samarbeid mellom kolleger på stedet og kolleger ved et sentralt operasjonssenter. Siden den konseptuelle modellen er identisk, er det ikke behov for å lære separate adferdsmønstre for hver plattform.
Arbeidet ble avsluttet med et utviklerklart design system tilpasset begrenset maskinvare og responsive grensesnitt. Det definerer komponenter, deres tilstander, layoutregler for det innebygde 480 × 320 berøringsgrensesnittet og interaksjonsmønstre for feilhåndtering og edge cases. Dette presisjonsnivået reduserer implementeringsusikkerhet og bidrar til å holde kodebasen håndterbar når nye diagnostiske funksjoner legges til.
Hele redesignet, fra usability-audit til endelig overlevering, ble gjennomført på seks uker. Interne task-walkthroughs med kunden viste at teknikere kunne nå de samme konklusjonene med omtrent halvparten så mange interaksjoner i viktige arbeidsflyter. Nye brukere kunne betjene måleenhetens GUI etter en kort, guidet introduksjon i stedet for å trenge gjentatt opplæring. Store integratorkunder rapporterte om smidigere utrullinger fordi færre personer slet med grensesnittet.
Organisasjonen oppnådde immaterielle ressurser: dømmekraft om hva som er viktig i profesjonell AV-diagnostikk, en felles produktintuisjon om hvordan målegrensesnitt bør veilede teknikeres beslutninger, og en resonneringskapasitet som gjør det mulig for team å utvide diagnostiske funksjoner uten å fragmentere interaksjonsmodellen. Systemet opprettholder sin competitive position ved å støtte rask og presis diagnostikk under krevende feltforhold, mens konkurrenter som prioriterer feature-eksponering fremfor klarhet i arbeidsflyter, sliter med å betjene teknikere som jobber under tidspress i komplekse installasjoner.
Resultatet er en embedded systems UX som synliggjør kvaliteten på MSolutions’ ingeniørarbeid, og et profesjonelt instrumenteringsgrensesnitt som er klart for fremtidige utgivelser.
Komplett design levert på 6 uker
Fullstendig dokumentasjon for utviklere
Designet er fullt responsivt
Brukergrensesnittet har blitt en referanse i bransjen