<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Digital omvandling inom marinindustrin

Ett nytt användargränssnitt för utombordsmotorer

Marin

Inbäddade enheter

Kluster

Fartyg till sjöss som drivs med utombordsmotor
KLIENTCOX Marine Ltd.
PLATSShoreham-by-Sea, UK
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBBPLATS

COX Marine specialiserar sig på högpresterande utombordsmotorer för krävande tillämpningar, t.ex. tävling, militär eller flermotoriga utrustningar.

Den innovationsnivå som COX:s ingenjörer har fört ut på marknaden sedan 2007 avundas av konkurrenter som Yamaha och Suzuki, men den senaste digitaliseringen av användargränssnitt genom klusterdisplayer innebar en ny utmaning för COX:s ingenjörer.

De anlitade oss för att hjälpa till i detta FoU-projekt för att komma fram till en användarupplevelse och användargränssnittsdesign som kan anpassas till olika motoruppsättningar och skärmar.

VÅRA BIDRAG

UX Design

Prototypframställning

Interaktionsdesign

Validering av konstruktionen

UX-flöde

Konceptdesign

UI-design - Design av system

Kvalitetssäkring

Båt med två utombordsmotorer med digitalt gränssnitt
Svart utombordsmotor

BEHOVET AV DESIGNINNOVATION.

Marinindustrin domineras av stora aktörer som Yamaha, Suzuki och Honda. Dessa konkurrenter måste lansera sina digitala styrgränssnitt först. Ett digitalt klustergränssnitt är ett nytt paradigm för upplevelsen av att köra en båt: displayen kan vara interaktiv, den kan reagera på vad som händer runt föraren och den kan visa information på ett mer meningsfullt sätt.

Vi insåg dock att alla de stora tillverkarna misslyckades med att skapa ett övertygande gränssnitt för klusterdisplayen. Deras misslyckande var återigen en möjlighet för COX Marine att framstå som bäst i klassen.

STRIKTA TEKNISKA KRAV OCH KRAV PÅ ANVÄNDBARHET

COX ville gå längre än vad konkurrenterna hade försökt och bekräfta sin ställning som innovatörer. De ville skapa ett gränssnitt som kan anpassas till upp till sex motorer, medan konkurrenterna inte vågade gå längre än tre eller fyra. De bestämde sig för att använda tre typer av klusterdisplayer, vissa med pekfunktion och andra utan.

Användningsfallet med körning i otroliga hastigheter till sjöss medförde hårda krav på användbarhet. Gränssnittet måste klara av vatten på klusterdisplayen, stötar, fel och livshotande situationer, t.ex. när någon går överbord.

Touch-aktiverad display i instrumentklustret
Fartyg i småbåtshamn på natten med hjälp av ett digitalt användargränssnitt

UX-DESIGNTÄNKANDE BLANDAS MED INGENJÖRSKONST

Utarbetandet av användarupplevelsen var en iterativ process där vi hela tiden tog hänsyn till vilka data som kan hämtas från motorn, hur mätvärdena tas och hur de tolkas av användare i olika hastigheter. Vi var sedan tvungna att integrera data med möjligheterna i instrumentklusterdisplayen.

Vi skapade flera ramar för en layout som kan anpassas till de tre skärmstorlekarna och en uppsättning individuella moduler som kan fylla gränssnittet baserat på sammanhanget.

Wireframes som visar UX-design för utombordsmotorer
UX-designskiss med sex utombordsmotorer

VALIDERING AV KONCEPT FÖR UX-DESIGN OCH INTERAKTION.

Vi testade och förbättrade layouten och modulernas utformning genom att skapa interaktiva prototyper och simulera verkliga användningsfall med användarna.

Denna typ av testning gav nya insikter för att förbättra designen och genererade ett överflöd av idéer för att lägga till användbarhetsfunktioner. Dessutom fick vi feedback från distributörer och ingenjörer.

Flera wireframes som visar UX-designidéer för en display för marina instrumentkluster.
Koncept för utformning av användargränssnitt som visar motorer och navigering

UI-DESIGN MED KONTEXTUELL MEDVETENHET

Det visuella användargränssnittet anpassar sig till sammanhanget. Å ena sidan finns det lägen för dag, natt och nattseende (för militärer). Å andra sidan anpassar sig utformningen till den uppgift som användaren utför: körning i låg eller hög hastighet, förtöjning osv.

Överlag är användargränssnittets utformning enkel men skarp med starka kontraster och en tidlös stil. Gränssnittet är lätt att förstå över språkgränserna och viktig information är kodad både visuellt och verbalt.

SMIDIG ÖVERLÄMNING TILL UTVECKLINGSTEAMET

Det är inte lätt att implementera en användargränssnittsdesign på en klusterdisplay som är utformad för att klara av saltvatten. Innan vi skapade designen gjorde vi en session med utvecklarna för att förstå hur de skulle implementera användargränssnittet. När vi lämnade över designen till dem var allt organiserat så att det kunde användas direkt ur lådan.

Fyra båtar i marinan i skymningen med fyren i bakgrunden
Designelement

THE UX/UI DESIGN STRENGHTENS THE BRAND PROMISE

Den nya utformningen av gränssnittet för utombordsmotorer är bäst i klassen och stärker COX Marines position som premiumleverantör för dem som vill ha riktiga prestanda.

Gränssnittets layout och den övergripande användarupplevelsen utnyttjar allt som den digitala displayen kan erbjuda, samtidigt som den är jordnära och användbar. På denna solida ram läggs en tidlös användargränssnittsdesign som presterar både i lugna stunder och under intensiva militära tillämpningar.

Den här unika designen har inte kommit till stånd på ett enkelt sätt. Det var inte lätt att övervinna de tekniska begränsningarna för att skapa ett gränssnitt som fungerar både på klusterskärmar med och utan pekfunktion, med 1 eller upp till 6 motorer. Med en grundlig förståelse för de tekniska aspekterna fulländade vi dock gränssnittsutformningen under flera månader.

RESULTAT

UX- och UI-design levererad på 12 veckor

Utformning för tre olika displayer för instrumentkluster

Överensstämmer med både pekskärmar och icke-påpekbara skärmar

Tidlös design som är bäst i sin klass

Helt kompatibla med många olika tillämpningar