<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Design av användarupplevelser för AV-tekniker

Nya GUI-standarder för proffselektronik

Elektronik

Produktdesign

Utformning av GUI

Närbild av GUI-design på displayen av en elektronisk enhet
KLIENTMSolutions
PLATSIsrael
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBBPLATS

MSolutions har skapat en innovativ enhet som används av audiovisuella ingenjörer för att testa komplexa installationers prestanda. Trots det stora utbudet av funktioner som enheten erbjuder förblev det mesta oanvänt på grund av en dålig användarupplevelse. Företaget hade försökt förbättra användbarheten några gånger, till och med i samarbete med andra designers, men det hade misslyckats.

Företaget anlitade vår UX-designbyrå för att hjälpa dem att omdefiniera enhetens användbarhet och att omforma GUI:n till en design som visar teknikens prestanda.

VÅRA BIDRAG

UX Design

UX-flöde

Prototypframställning

Konceptdesign

Produktdesign

Interaktionsdesign

UI-design - Design av system

Kvalitetssäkring

Närbild av tekniker som manipulerar kontrollpanelen för ljudvideo

EN PEKSKÄRM SOM FÖRSVÅRAR ANVÄNDBARHETEN

Teknikerna diagnostiserar problem och optimerar den audiovisuella utrustningens funktion. Enheten kan mäta komplexa installationer med flera monitorer, skärmar och signalkällor.

Men enheten har också begränsningar i fråga om maskinvaran, nämligen en skärm med begränsad interaktivitet genom beröring och en liten skärmstorlek på endast 480x320 pixlar.

Närbild av en ljud-video testutrustning på mörk bakgrund.
Elektronisk testutrustning på mörk bakgrund

EN NOGGRANN OCH FÖRUTSÄGBAR PROCESS

För att hålla löftet om en helt ny användarupplevelse gick vi igenom en systematisk process för produktdesign. Vi började med att samla in krav och organiserade insikter från alla intressenter.

Vi utvärderade befintliga data om användarna och skapade sedan en uppsättning prioriteringar och grupperade målen i releaser. Denna detaljerade och noggranna spelplan var förutsättningen för en fokuserad designfas för användarupplevelsen.

Tabell med krav på utformning av användarupplevelser som tilldelats projektfaser.

VARFÖR DERAS TIDIGARE KONSTRUKTIONSFÖRSÖK MISSLYCKADES

Displayen har sina tekniska begränsningar, men företagets tidigare försök att skapa ett intuitivt gränssnitt misslyckades av andra skäl. Vi utförde en detaljerad granskning av användbarheten och kartlade en uppsättning önskade resultat för varje skärm.

Det som gjorde att de misslyckades tidigare var att den ursprungliga GUI-utformningen skapades av ingenjörer som lade ut funktionaliteten som den är i backend, och inte som en användare förväntar sig att den ska fungera. I det andra försöket att förbättra enhetens användbarhet försökte designern helt enkelt förbättra användargränssnittet. Detta var dömt att misslyckas, eftersom en utformning av användargränssnittet aldrig kan bli estetisk när det underliggande UX-tänkandet är bristfälligt.

Design av utvecklare
Fem grafiska användargränssnitt för elektronisk testutrustning.
Design av tidigare designer
Förbättrad GUI-design med dålig användarupplevelse.
Utdrag från granskningen av utformningen
Detalj från en granskningsrapport om användbarhet för en elektronisk anordning som visar 8 resultat.

KONCEPTET FÖR DEN NYA ANVÄNDARUPPLEVELSEN

Designtänkandet styrdes av användarnas behov och vad som utgör ett logiskt flöde för teknikerna i deras dagliga arbete. Som ett resultat av detta behöver användarna inte tänka så mycket, eftersom fokus i varje steg ligger på nästa logiska sak som en tekniker vill göra.

På skärmnivå översätts vägledningen till en tydlig visuell hierarki så att flödets övergripande logik fortsätter på mikronivå. Den nya utformningen av användarupplevelsen är en återspegling av användarnas prioriteringar, inte backend.

Fem wireframes för GUI för elektronisk testutrustning
Exempel på wireframes

TESTNING OCH ITERATIONER FÖRBÄTTRAR UX

Den nya användarupplevelsen skilde sig mycket från det tidigare användbarhetsparadigmet. Trots att den var resultatet av en noggrann dokumentation av användarnas behov var det viktigt att få åtminstone en grundläggande nivå av validering från användarna. Totalt tog användartesterna och designjusteringarna endast två dagar.

Vi skapade prototyper och organiserade några användartestningssessioner. Användarna kunde ge ett överflöd av feedback. Det ledde inte till någon förändring av användarupplevelsens grundläggande logik, men det sporrade till små förändringar som i slutändan skulle ta användargränssnittet till en överlägsen kvalitetsnivå.

En man som interagerar med den nya användarupplevelsen under en användartestning

DEN VISUELLA GUI VISAR PRESTANDA

Den visuella GUI-designen var en möjlighet att ge liv åt det smarta tänkandet hos både ingenjörerna och UX-designerna. Den är minimalistisk och har en nykter touch, men i kombination med den fysiska enhetens överlägsna finish ser den ut som ett högpresterande verktyg för professionella användare.

Utöver varumärkesaspekten och målet att inge förtroende är GUI-utformningen också kompatibel ur tillgänglighetssynpunkt och ger alla de uppgifter som behövs för att göra utvecklingen enkel.

GUI-design för 9 skärmar som visar användargränssnittsdetaljer för professionell elektronikutrustning.
Responsiv GUI-design i laptop mockup på mörk bakgrund
Designelement

KOMPLETT RESPONSIV GUI-DESIGN PÅ 6 VECKOR

Leveransen av projektet tog totalt 6 veckor, från början av den inledande användbarhetsgranskningen till leveransen av GUI-designen till ingenjörsteamet. Slutresultatet är ett användargränssnitt där teknikerna bara behöver göra hälften så mycket arbete för att få de resultat de behöver.

Den strömlinjeformade interaktionsprocessen skapade möjligheter att förenkla kodstapeln. GUI-designen är responsiv, så att teknikerna kan styra enheten från en bärbar dator eller mobiltelefon, antingen på plats eller på distans. Detta öppnar en värld av möjligheter.

Slutresultatet för företaget är en produkt där teknikens kvalitet framgår tydligt av enhetens utseende och känsla. Dessutom behöver teknikerna mindre utbildning, så att stora kunder lättare kan införa lösningen.

RESULTAT

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.