COX Marine bouwt krachtige diesel buitenboordmotoren die worden gebruikt op snelle patrouillevaartuigen, raceboten en werkboten. Toen deze motoren overstapten op volledig digitale clusterdisplays, had het bedrijf een partner nodig die een familie van interfaces kon ontwerpen die betrouwbaar aanvoelen onder zware omstandigheden. Onze rol was om op te treden als een marine productdesignbureau met focus op embedded interfaces, niet om schermen te decoreren.
Dit project maakt deel uit van ons voortdurende werk op het gebied van marine HMI en industrieel interface-ontwerp, waarbij evidence-based UX, multi-engine display-architectuur en robuuste operationele beperkingen interfaces vormen voor veeleisende maritieme omgevingen.
Samen met de engineering- en productleads hebben we een R&D-fase opgezet. Het doel was eenvoudig te formuleren, maar complex om te realiseren: een lay-outsysteem creëren dat schaalt van één tot zes motoren, werkt over meerdere stuurhutdisplays en leesbaar blijft wanneer het vaartuig hard vaart. Voor COX was dit niet alleen een UX-oefening. De clusterdisplays zouden naast gevestigde maritieme elektronica van merken zoals Garmin en Simrad staan, dus het resultaat moest aan dezelfde verwachtingen voldoen.
We pasten Dynamic Systems Design toe, een methode die oplossingen ontwikkelt door ingebedde experimenten, spanningen tussen lokale optimalisatie en systeemcoherentie oplost, en implementatie begeleidt totdat organisaties onafhankelijkheid bereiken.
Vanaf het begin benaderden we het werk als industrieel interface-ontwerp voor veeleisende omgevingen in plaats van als een standaard app-project.
Marine Field Research
Multi-Engine Architecture
Modular Layout System
Option Space Mapping
Scenario Validation
Interactie ontwerp
UI Design - Day/Dusk/Night
Ontwerp systeem
Het ontwerpen van maritieme displays voor echte vaartuigen begint bij de stuurpositie, niet bij een ontwerptool. Een planerende boot op hoge snelheid gedraagt zich niet als een stabiele labomgeving. Bij veertig knopen slaat de romp hard op de golven, maken trillingen fijne bediening moeilijk en zet de bestuurder zich schrap met beide voeten. Handen met handschoenen raken het scherm minder precies, en spatwater of regen komt vaak op het glas terecht.
Zichtbaarheid is een andere beperking. Displays moeten leesbaar blijven in fel zonlicht, bij zware bewolking en in nachtelijke omstandigheden, inclusief militaire night vision-modi. We werkten met sunlight readable LCD’s en hielden rekening met helderheid, contrast en kleurgebruik in plaats van uit te gaan van aannames over kantoorschermen.
Gegevens komen binnen via NMEA 2000 en gerelateerde motorprotocollen. Telemetrie voor elke motor omvat toerental, koelvloeistoftemperatuur, oliedruk, brandstofverbruik en trim, met updatefrequenties die per situatie verschillen. Bij hoge belasting veranderen zowel de frequentie als het belang van deze waarden. De interface moet operators helpen te zien wat belangrijk is, zonder elk getal afzonderlijk te hoeven scannen.
Gedurende het hele traject gebruikten we human factors-principes zoals ruime touch-targets volgens de wet van Fitts, beperkte keuzecomplexiteit in lijn met de wet van Hick en een constante focus op situationeel bewustzijn in ruwe zee.
Het project liep parallel aan de ontwikkeling van motoren en hardware, waardoor UX-exploratie en technische haalbaarheid samen werden geëvalueerd via Sandbox Experiments. We werkten met specialisten in motortelemetrie, clusterdisplay-ingenieurs, softwareontwikkelaars en productmanagers in één gecombineerd team. Dit was geen lineaire overdracht. Ontwerpwerk beïnvloedde engineeringbeslissingen, en technische beperkingen vormden het ontwerp.
We kaderden onze aanpak als een multi-configuratie display-architectuur. In plaats van één ideaal layout te beloven, spraken we met COX af dat het doel een framework was dat verschillende motoraantallen, displaytypes en klantprofielen aankan zonder elke keer alles opnieuw te moeten ontwerpen. Binnen dat kader zochten we vervolgens naar de duidelijkst mogelijke oplossing.
Onze sessies waren gestructureerd. Vroege workshops verduidelijkten wat elke stakeholdergroep van de displays nodig had. Engineering wilde voorspelbare lay-outs die aansluiten bij de hardwarebeperkingen. Product wilde een duidelijke familie-identiteit over de modellen heen. Distributeurs hechten waarde aan eenvoudige configuratie. Operators wilden vooral geen alarmen missen bij zware zeecondities. Dit gaf ons een gedeeld overzicht van de aandachtspunten voordat we ook maar één scherm tekenden.
Het ondersteunen van één tot zes motoren op één set displays is een centrale uitdaging in het ontwerpen van bootinterfaces. Een lay-out die perfect werkt voor één motor, kan snel onoverzichtelijk worden wanneer er vijf bijkomen. We begonnen met het definiëren van de kerninformatie-eenheid, de engine tile, die de belangrijkste telemetrie voor één motor bevat.
Voor één motor kan het hoofdscherm één grote tile met veel detail tonen, omringd door ondersteunende gegevens. Bij vier of zes motoren wordt hetzelfde tile-concept herhaald in een raster, maar met vereenvoudigde secundaire waarden en alarmen in een gedeelde balk. Een aparte detailweergave biedt extra diepgang wanneer de operator dat nodig heeft. Dit zorgt voor een consistent mentaal model via tension-driven reasoning. De operator zoekt altijd naar dezelfde patronen op dezelfde plekken, ongeacht de configuratie.
We toetsten elke lay-out aan echte motorsignalen. Zo richt één weergave zich tijdens een hoge snelheidsrun op toerental, koelvloeistoftemperatuur en oliedruk met duidelijke alarmdrempels. Tijdens aanmeren of manoeuvreren op lage snelheid krijgen trim en versnellingsstatus meer visuele nadruk. De architectuur maakte deze verschuivingen in focus mogelijk zonder de totale structuur te doorbreken.
COX had het systeem nodig om te werken over drie hoofd-displayfamilies, van een compact hulpscherm tot een groot primair stuurhutdisplay met touch en fysieke bediening. In plaats van vaste pagina’s te ontwerpen, definieerden we een set herbruikbare modules. Deze omvatten engine tiles, totale brandstofblokken, alarmbanners, statusbalken en contextpanelen.
Elk module had duidelijke regels voor inhoud, minimale grootte en gedrag. Op een klein scherm worden sommige modules gecomprimeerd of wisselen ze tussen overzicht en detail. Op grotere schermen worden meerdere modules gecombineerd tot een uitgebreidere weergave. Omdat de modules dezelfde verhoudingen en hetzelfde gedrag delen, voelt de hele familie coherent aan, zelfs wanneer installaties verschillen.
Deze modulaire aanpak creëerde ook zakelijke waarde. Engineering kan een nieuwe motorvariant of een andere displaygrootte toevoegen door dezelfde modules te hergebruiken in plaats van een volledig nieuwe interface te laten ontwerpen. Distributeurs kunnen weergaven configureren voor verschillende klantsegmenten zonder het design system te doorbreken. Voor COX verminderde dit de langetermijnonderhoudsinspanning en maakte het toekomstige productplanning flexibeler. Het is een voorbeeld van rugged UI design dat zowel hardwarebeperkingen als productstrategie respecteert.
Interfacebeslissingen voor maritieme elektronica-UX moeten worden getest onder omstandigheden die lijken op echt gebruik. Samen met COX bouwden we een simulatoromgeving die representatieve motorgegevens en vaartuigtoestanden afspeelde. Ervaren operators en interne experts doorliepen kernscenario’s zoals opstartcontroles, snelle vaart in ruw water, storingen bij hoge snelheid en terugkeer naar de haven.
Eén scenario richtte zich op een storing in meerdere motoren bij hoge snelheid. De vroege lay-outs maakten het te makkelijk om te zien dat er iets mis was, maar niet welke motor als eerste aandacht nodig had. Daarom veranderden we hoe engine tiles alarmtoestanden markeren en creëerden we een vaste plek op het scherm waar de meest kritieke fout altijd wordt samengevat. Een ander scenario liet zien dat sommige nachtelijke kleurkeuzes nachtzichtapparatuur verstoorden, dus pasten we het kleurenpalet en het contrast aan.
Deze sessies leverden geen dramatische verhalen op, maar genereerden een constante stroom van specifieke verfijningen via lateral exploration. Het resultaat was een set lay-outs waarvan we hadden gezien dat ze presteerden onder realistische aandachtspressie, niet alleen in rustige vergaderruimtes.
Zodra de layoutarchitectuur en modules stabiel waren, gingen we verder met het formaliseren van het design system voor engineering. We documenteerden elk module, het interactiegedrag, de toegestane databereiken en het uiterlijk in verschillende modi zoals dag, schemering en nacht. Het systeem omvatte componentbibliotheken, lay-outregels en kleur- en typografietokens die in code konden worden vertaald.
De overdracht was geen eenvoudige documentoverdracht. We hielden gezamenlijke sessies met softwareontwikkelaars en hardware-ingenieurs om de structuur door te lopen en gedetailleerde vragen te beantwoorden tijdens Implementation Partnership. Dit verminderde ambiguïteit en voorkwam latere herinterpretatie van de ontwerpintentie. Het resultaat was een implementeerbaar systeem, geen mooie maar vage set visuals.
Voor COX paste dit bij de manier waarop hun teams werken. Ze behielden een duidelijke, gedeelde referentie voor toekomstige ontwikkeling, en onze rol als embedded system designbureau was om een framework achter te laten dat engineering met vertrouwen kan uitbreiden.
Het directe resultaat van het project was een samenhangende familie van clusterdisplay-interfaces die schaalbaar zijn over verschillende aantallen motoren en schermen, terwijl echte maritieme beperkingen worden gerespecteerd. Operators krijgen duidelijkere informatie op cruciale momenten, zoals bij het afhandelen van storingen op hoge snelheid of tijdens langdurige operaties onder slechte omstandigheden. De interface ondersteunt gebruik met handschoenen, hevige bewegingen en veeleisende zichtbaarheid zonder de gebruiker te overladen met details.
Voor product management biedt de modulaire architectuur een stabiele basis voor toekomstige motormodellen en display-updates. Nieuwe varianten kunnen dezelfde patronen gebruiken in plaats van helemaal opnieuw te beginnen. Dit ondersteunt snellere ontwikkeling en voorspelbaarder gedrag over het hele assortiment.
Op marktniveau positioneert dit werk COX-motoren met instrumentatie die kan concurreren met bekende maritieme displays. Het laat zien dat een gespecialiseerde marine HMI-agency en een industriële UX-consultancy waarde kunnen toevoegen in een R en D-context waar de technische beperkingen strikt zijn en de inzet op het water hoog is.
De organisatie verwierf immateriële middelen: beoordelingsvermogen over wat belangrijk is bij de besturing van vaartuigen met meerdere motoren onder veeleisende omstandigheden, gedeelde productintuïtie over hoe maritieme displays moeten schalen over configuraties en operationele modi, en redeneercapaciteit die teams in staat stelt displaysystemen uit te breiden naar nieuwe motorvarianten zonder het interactiemodel te fragmenteren. Het systeem behoudt zijn competitive position door tijdens kritieke maritieme operaties duidelijke en betrouwbare informatie te leveren, terwijl concurrenten die visuele dichtheid boven operationele helderheid en modulaire schaalbaarheid stellen moeite hebben om professionele operators in echte zeecondities met veiligheidskritische besturingstaken te ondersteunen.
UX en UI ontwerp opgeleverd in 12 weken
Ontwerp voor drie verschillende instrumentenclusterdisplays
Geschikt voor zowel touchschermen als non-touchschermen
Het beste tijdloze ontwerp in zijn klasse
Volledig compatibel over het hele spectrum van toepassingen