<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Användarupplevelse och design av inbyggda grafiska gränssnitt

Gränssnitt för avancerade fordonsutrustningar

Automotive

Produktdesign

Design av inbäddade grafiska gränssnitt

Fallstudie med en bil monterad på hjulkalibreringsutrustningen med användargränssnitt som visar mätresultatet.
KLIENTBeissbarth Automotive
PLATSMünchen, Tyskland
TEAMUX designer, UI designer, interaction designer, project manager, pro duct architect
PROJEKTETS WEBBPLATS

Ledande biltillverkare som Mercedes, Daimler och BMW insisterar på att använda detta avancerade kalibreringssystem. Varumärket står för exceptionell kvalitet och oöverträffade höga precisionsstandarder. Utrustningen används också av tekniker i auktoriserade inspektionscenter och oberoende verkstäder.

Företaget tog kontakt med vår UX-designbyrå med målet att definiera en ny standard för användarupplevelsen och den visuella utformningen av användargränssnittet. Den nyaste generationen av kalibreringsutrustningen innehåller en liten OEM-skärm, ett robust tabletgränssnitt och ett gränssnitt på stora skärmar.

VÅRA BIDRAG

UX Design

Användarflöden

Användarforskning

Konceptdesign

Interaktionsdesign

UI-design - Design av system

Prototypframställning

Kvalitetssäkring

MÄTNING MED HÖG PRECISION I REALTID

Visionen var att kombinera teknisk spetskompetens med en nischad användarupplevelse för att försvara varumärkets position på bilmarknaden.

Utrustningen är utformad för hög precisionsmätning och för att erbjuda snabb service. Systemets användbarhet är en viktig ingrediens för att minska den tid det tar att bearbeta ett fordon. Dessutom minskar användarvänlighet och ett intuitivt användargränssnitt utbildningskostnaderna.

Inbäddad GUI-design monterad i en display på väggen.
Närbild av en OEM-skärm med inbäddad GUI monterad på fordonsutrustning.

6 VECKORS LEVERANS FÖR ANVÄNDARGRÄNSSNITTET

Designstrategin återspeglar de unika målen och utmaningarna för detta OEM-programvaruguide. Gränssnittet hade genomgått tre tidigare designrundor, men alla var ledda av ingenjörer.

Arbetsplanen återspeglar vår erfarenhet som UX-designbyrå. Aktiviteterna planeras parallellt för att påskynda leveransen. Användarforskning och produktdesign går in i UX-design och prototyper. Visuell design följer på, tills ingenjörerna tar över ett fullt dokumenterat designsystem.

Sex veckors projektplan för UX-design i Notion.

ANVÄNDARUNDERSÖKNINGAR AVSLÖJAR SMÄRTPUNKTER

När pandemin pågick genomfördes användarundersökningar på distans med användare i Tyskland. Vi kombinerade två användarforskningsmetoder: kontextuella intervjuer och semistrukturerade intervjuer.

Kontextuella intervjuer informerade oss om faktisk användning och verkliga smärtpunkter. Användarna beskrev hur de använder utrustningen, som om de skulle lära en nybörjare.

Semistrukturerade användarintervjuer gav en autentisk inblick i verkligheten på verkstadsgolvet. De börjar med en uppsättning frågor och sedan utvecklas samtalet fritt.

Användarundersökning på distans med en biltekniker för UX-design.

SAMFÖRSTÅND UTVECKLAS FRÅN PRODUKTTÄNKANDET.

En mängd olika perspektiv måste sammanfalla vid utformningen av grafiska gränssnitt: användarbehov, tekniska begränsningar, produktegenskaper, varumärke, användbarhetsstandarder osv.

Det krävs en hög standard på projektledningen för att hålla sig på rätt spår och sprida utvecklingen av UX-designen.

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.

Kravtabell för ett projekt för utformning av användarupplevelser för inbyggda grafiska gränssnitt.

BENCHMARKING SÄKERSTÄLLER MARKNADSLEDARSKAP

Det grafiska gränssnittet som vår UX-byrå har utvecklat är inte originellt bara för sakens skull. Kreativiteten är resultatet av en systematisk process där vi granskar flera informationskällor för att fatta rätt UX-beslut.

Benchmarking är en särskild aktivitet i detta sammanhang. Den leder till att vi inser vad som inte fungerar och det är värdefullt. Att titta på misslyckade försök har hjälpt oss att kanalisera våra ansträngningar för att lösa pusslet med det optimala användargränssnittet.

Sex exempel på benchmarking av inbyggd GUI-design i jämförelse.

DEN GAMLA GUI SOM UTGÅNGSPUNKT

Den tidigare utformningen av det inbyggda grafiska användargränssnittet hade tagits fram i tre iterationer under ledning av ingenjörer. Den är enkel och minimalistisk, men den tar inte upp användarens problem på ett meningsfullt sätt.

Överlag saknar den tydlighet och har ingen visuell hierarki. Enskilda komponenter saknar specificering och är inte uttrycksfulla. Följaktligen måste användargränssnittet förklaras i användarhandböcker och vid utbildningstillfällen.

Exempel på gammal design av användarupplevelse.

TYDLIGHET + DESIGNDETALJER = EN NY STANDARD

Den nya inbyggda GUI-designen ger liv åt en enkel process för verkstadstekniker. Det är enkelt så att användarna kan fokusera på sitt arbete och undvika säkerhetsrisker.

Den tydliga visuella hierarkin ger ett överskådligt gränssnitt. Men om du tittar närmare ser du hur detaljerna tar upp specifika smärtpunkter som användarna upplever i verkligheten.

Prototyp för inbyggd GUI-design med bil och mätresultat.
Närbild av utformning av användargränssnitt för fordonsutrustning.
Närbild av inbyggd programvara som visar ett fordon.
Användargränssnitt som visar mätresultat för kalibrering av hjul.
Produktutformning av utrustning för kalibrering av hjul för bilverkstäder.
Designelement

UX & UI DESIGN FOR AUTOMOTIVE EQUIPMENT

Tidsramen var kort, men vi kunde utnyttja vår byrås erfarenhet av UX-design för OEM-programvara.

Det fanns tre viktiga framgångsfaktorer i det här GUI-designprojektet: det nära samarbetet med alla intressenter, användningsundersökningar som grund för designbeslut och en iterativ designprocess som leddes av erfarna designers.

Det visuella användargränssnittet är ett uttryck för en designestetik som bygger på funktionalitet, där varje komponent i användargränssnittet når en balans mellan vad som är tekniskt möjligt och vad som är meningsfullt för användarna.

Slutresultatet är ett förstklassigt inbyggt gränssnitt som inte kräver någon utbildning och som visar varumärkets löfte om excellens inom fordonsutrustning.

RESULTAT

Bästa användarupplevelse i sin klass

Fullständigt dokumenterat UI-designsystem för utvecklare

Det nya användargränssnittet kräver ingen utbildning

GUI blir ett försäljningsargument för avancerade system