Brugeroplevelse og indlejret GUI-design

Grænseflade til avanceret biludstyr

Biler

Produktdesign

Design af indlejret GUI

Case study cover med bil monteret på hjulkalibreringsudstyr med brugergrænseflade, der viser måleresultatet.
KLIENTBeissbarth Automotive
PLACERINGDanmark
TEAMUX-designer, UI-designer, interaktionsdesigner, projektleder, produktarkitekt
PROJEKTETS HJEMMESIDE

Førende bilproducenter som Mercedes, Daimler og BMW insisterer på at bruge dette avancerede kalibreringssystem. Mærket står for exceptionel kvalitet og uovertrufne høje standarder for præcision. Udstyret bruges også af teknikere i autoriserede inspektionscentre og uafhængige værksteder.

Virksomheden kontaktede vores UX-designbureau med det formål at definere en ny standard for brugeroplevelsen og det visuelle brugergrænsefladedesign. Den nyeste generation af kalibreringsudstyret omfatter en lille OEM-skærm, en robust tabletgrænseflade og en grænseflade på store skærme.

VORES BIDRAG

UX Design

User Flows

Brugerundersøgelse

Konceptdesign

Interaction Design

UI Design - Design System

Prototyping

Kvalitetssikring

HØJPRÆCISIONSMÅLING I REALTID

Visionen var at kombinere fremragende teknik med en nichedefinerende brugeroplevelse for at forsvare mærkets position på bilmarkedet.

Udstyret er designet til måling med høj præcision og til at tilbyde hurtig service. Systemets brugervenlighed er en vigtig ingrediens for at reducere den tid, det tager at behandle et køretøj. Derudover reducerer brugervenlighed og en intuitiv brugergrænseflade oplæringsomkostningerne.

Embedded GUI-design monteret i display på væg.
Nærbillede af OEM-skærm med indlejret GUI monteret på biludstyr.

6 UGERS LEVERING TIL BRUGERGRÆNSEFLADEN

Designstrategien afspejler de unikke mål og udfordringer for denne GUI til OEM-software. Interfacet havde gennemgået 3 tidligere designrunder, men de var alle ledet af ingeniører.

Arbejdsplanen afspejler vores erfaring som UX-designbureau. Aktiviteterne planlægges parallelt for at fremskynde leveringen. Brugerundersøgelser og produktdesign fører til UX-design og prototyping. Visuelt design følger efter, indtil ingeniørerne overtager et fuldt dokumenteret designsystem.

Seks ugers projektplan for UX-design i Notion.

BRUGERUNDERSØGELSER AFSLØRER SMERTEPUNKTER

Da pandemien var i gang, blev brugerundersøgelsen udført på afstand med brugere i Danmark. Vi kombinerede to brugerundersøgelsesmetoder: kontekstuelle interviews og semistrukturerede interviews.

Kontekstuelle interviews informerede os om faktisk brug og smertepunkter i det virkelige liv. Brugerne beskrev, hvordan de bruger udstyret, som om de ville undervise en nybegynder.

Semistrukturerede brugerinterviews gav et autentisk indblik i virkeligheden på butiksgulvet. De starter med en række spørgsmål, og derefter udvikler samtalen sig frit.

Fjernsession brugerundersøgelse med biltekniker til UX-design.

KONSENSUS UDVIKLER SIG FRA PRODUKTTÆNKNING

En lang række perspektiver skal mødes i GUI-design: brugerbehov, tekniske begrænsninger, produktegenskaber, branding, brugervenlighedsstandarder osv.

En høj standard for projektledelse er nødvendig for at holde sig på sporet og for at formidle udviklingen af UX-designet.

We used dynamic formats in Notion to encourage all stakeholders to participate in the design project. The documentaton provides a clear overview of how the product thinking evolves, the insights that underpin the user experience solutions and recommendations for implementation.

Kravspecifikation til UX-designprojekt til indlejret GUI.

BENCHMARKING SIKRER MARKEDSLEDERSKAB

Den GUI, som vores UX-bureau udvikler, er ikke original bare for at være det. Kreativitet er resultatet af en systematisk proces, hvor vi gennemgår flere informationskilder for at træffe de rigtige UX-beslutninger.

Benchmarking er en særskilt aktivitet i denne sammenhæng. Overordnet set har det fået os til at erkende, hvad der ikke fungerer, og det er værdifuldt. At se på mislykkede forsøg har hjulpet os med at kanalisere vores indsats for at løse gåden om den optimale brugergrænseflade.

Seks benchmarking-eksempler på indlejret GUI-design til sammenligning.

DEN GAMLE GUI SOM UDGANGSPUNKT

Det tidligere indlejrede GUI-design var blevet til i 3 iterationer ledet af ingeniører. Selvom det er enkelt og minimalistisk, adresserer det ikke brugerens smertepunkter på en meningsfuld måde.

Overordnet set mangler den klarhed, og den har ikke noget visuelt hierarki. De enkelte komponenter mangler specificitet, og de er ikke udtryksfulde. Derfor skal brugergrænsefladen forklares i brugervejledninger og træningssessioner.

Eksempel på gammelt brugeroplevelsesdesign.

KLARHED + DESIGNDETALJER = EN NY STANDARD

Det nye indbyggede GUI-design giver liv til en enkel proces for værkstedsteknikerne. Det er ligetil, så brugerne kan fokusere på deres arbejde og undgå sikkerhedsrisici.

Det klare visuelle hierarki giver en overskuelig brugerflade. Men hvis du kigger nærmere efter, vil du se, hvordan detaljer adresserer specifikke smertepunkter, som brugerne oplever i det virkelige liv.

Embedded GUI-designprototype med bil- og måleresultater.
Nærbillede af brugergrænsefladedesign til biludstyr.
UI design nærbillede af indlejret software, der viser et køretøj.
Brugergrænseflade, der viser måleresultater for hjulkalibrering.
Produktdesign af hjulkalibreringsudstyr til autoværksteder.
Designelementer

UX & UI DESIGN FOR AUTOMOTIVE EQUIPMENT

Tidsrammen var kort, men vi var i stand til at udnytte vores bureaus erfaring med UX-design til OEM-software.

Der var tre vigtige succesfaktorer i dette GUI-designprojekt: det tætte samarbejde med alle interessenter, inddragelsen af brugerundersøgelser som grundlag for designbeslutninger og en iterativ designproces ledet af seniordesignere.

Den visuelle brugergrænseflade er udtryk for en designæstetik, der er baseret på funktionalitet, hvor hver komponent i brugergrænsefladen opnår en balance mellem, hvad der er teknisk muligt, og hvad der er meningsfuldt for brugerne.

Slutresultatet er en førsteklasses indlejret brugerflade, der ikke kræver oplæring, og som demonstrerer brandets løfte om ekspertise inden for biludstyr.

RESULTATER

Den bedste brugeroplevelse i klassen

Fuldt dokumenteret UI designsystem til udviklere

Ny brugergrænseflade kræver ingen oplæring

GUI bliver salgsargument for high-end-systemet