<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
UX- och UI-design för realtidsbaserade marina framdrivnings- och energisystem

Innovativ GUI-design för integrerad elektrisk fartygsstyrning

Inbyggt GUI

UX Design

UI Design

KLIENTTorqeedo
PLATSTyskland
TEAMUX-designer, UI-designer, interaktionsdesigner, projektledare, produktägare, researcher
WEBBPLATS

Den här inbyggda GUI-designen ger operatörer direkt kontroll över fartygets framdrift i alla situationer – från snabb färd på öppet vatten till precisa justeringar under hamnmanövrer. Den tydliggör även fartygets energihanteringssystem genom att samla framdrift, generatorer, batterier och hjälplaster i ett och samma inbyggda gränssnitt som känns pålitligt även under press.

Detta projekt är en del av vårt fortsatta arbete med embedded HMI och marina system, där evidensbaserad UX, realtidskrav och interaktionsarkitektur formar styrgränssnitt för krävande operativa förhållanden.

Byggd på sju års erfarenhet av design av inbyggda system och utvecklad av vårt UX-designbyrå för marina förhållanden beter sig gränssnittet förutsägbart även när fartyget accelererar eller sikten försämras. Kaptener ser en sammanhållen bild av framdrift och energi i stället för fragment utspridda över flera skärmar. Detta stärkte Torqeedos marknadsposition och bidrog till att företaget förvärvades av Yamaha.

Vi använde Dynamic Systems Design, en metod som låter lösningar växa genom inbyggd experimentering, löser spänningar mellan lokal optimering och systemkoherens, och stöttar implementeringen tills organisationer blir självständiga.

VÅRA BIDRAG

Maritime Field Research

Domain Learning

Option Space Mapping

Interaction Architecture

Sea Trial Validation

UI Design - Day/Dusk/Night

System för utformning

Implementation Partnership

BRYTNING
YAMAHA FÖRVÄRVAR TORQEEDO
Yamaha Motor Co. har framgångsrikt slutfört förvärvet av Torqeedo GmbH, en ledande aktör inom elektrisk marin mobilitet.
LÄS ARTIKEL →
Quotes
Jag älskar hur sömlöst du integrerar alla aspekter av energihantering, som att ha en personlig assistent ombord!
James Hawthorne, MSc
Sjökapten och navigationsspecialist

FÖRSTÅELSE FÖR BEGRÄNSNINGARNA I DET ÄRVDA LEGACY

Det tidigare inbyggda användargränssnittet rymde många års praktisk erfarenhet, men matchade inte längre komplexiteten hos moderna hybridfartyg. Framdriftsstatus visades på en skärm, batteristatus på en annan och generatorinformation på en tredje, vilket tvingade kaptener att växla mellan flera vyer för att förstå energitillgången under manövrer. I starkt dagsljus gjorde ikoner med låg kontrast viktiga detaljer svåra att läsa på den inbyggda displayen.

I vår research blev detta legacy-system en värdefull källa till evidens. Dess struktur visade hur kaptener hade lärt sig att kompensera för utspridd information och var denna kompensation skapade stress och tvekan. Genom att analysera dessa mönster med constraint respecting kunde vi avgöra vad som skulle bevaras och vad som behövde omstruktureras. Det nya styrgränssnittet respekterar därmed den erfarenhet som är inbyggd i den gamla designen, samtidigt som det löser de strukturella begränsningar som höll fartyget tillbaka.

STRUKTUR SOM SAMMANFÖR HELA SYSTEMET

Fartyget är beroende av många sammanlänkade rutiner, och det inbyggda gränssnittet samlar dem nu i en enda strukturell logik som förblir stabil över 27 skärmar, grupperade i fyra primära driftlägen. Balansen i hybriddriften, framdrivningsbehovet och hjälpsystemens beteende uppdateras i olika intervaller, men interaktionsdesignen håller dem samordnade så att kaptener kan förstå systemets beteende med en enda blick i stället för flera.

Denna strukturella tydlighet är viktig på fartyg som sträcker sig från mindre båtar på cirka sex meter till kommersiella fartyg över 55 meter, där marina gränssnitt måste stödja snabb igenkänning snarare än långsam tolkning. Samma organiserande princip återkommer i alla sammanhang, vilket innebär att när besättningar har lärt sig mönstret på ett fartyg kan de överföra den kunskapen till andra konfigurationer. Ett disciplinerat Design System gör detta möjligt samtidigt som det tillåter variation i fartygets hårdvara och layout.

Strukturen behövde valideras av flera intressentgrupper för att säkerställa att den var i linje med kraven från teknik, produkt och drift.

EXAKT VISUELL RESPONS I ALLA FÖRHÅLLANDEN

På denna nivå måste det inbyggda användargränssnittet uttrycka varje systemtillstånd med exakt tydlighet. Framdriftsindikatorn rör sig genom tre meningsfulla lägen – tomgång, marschfart och full effekt – medan hybriddriften visar sina laddnings- och urladdningscykler med övergångstajming som känns responsiv utan att bli orolig. Batteribidrag, generatorutgång och hjälplasternas beteende uppdateras i sina egna rytmer, och skärmen arbetar inom strikta gränser för upplösning och uppdateringsfrekvens.

Dessa begränsningar styr linjetjocklek, avstånd och tempot i tillståndsändringar. Målet är att kaptener ska uppfatta en förändring vid första blicken, utan att behöva följa skärmen i flera sekunder. Under sjötester innebar denna precision att manövrer som tidigare krävde upprepade kontroller kunde utföras med färre blickar, även vid vibrationer, snabba rörelser eller dålig sikt.

ETT TYDLIGT VISUELLT SPRÅK FÖR OPERATÖRER

Ikonerna och gränssnittselementen utgör ett visuellt språk som speglar hur kaptener faktiskt arbetar i den dagliga driften. Framdriftssymboler visar tillståndet för varje motor, batteriindikatorer visar energiflö­dets rytm, och lägesmarkeringar skiftar tydligt när besättningen går mellan navigering, manövrering och förtöjning. Samma grafiska konventioner används i alla driftlägen, vilket minskar den mentala ansträngning som krävs för att tolka dem.

Varje element måste förbli läsbart på en inbyggd tiotumsskärm med begränsad pixeltäthet, även i förhållanden med bländning, regn och användning med handskar. Därför följer gränssnittet strikta regler för kontrast, minsta storlek på tryckytor och typografi som är anpassad för läsbarhet i solljus. Dessa förfiningar bygger på tester snarare än estetiska preferenser. Rutinmässiga kontroller blir till ögonblick av tydlighet i stället för ansträngning, även när operatörer granskar pekskärmen på natten eller i grov sjö.

Få en känsla av det
Utforska både dag och natt
Dagläge
Nattläge

DEN ORGANISERANDE PRINCIPEN BAKOM GRÄNSSNITTET

Bakom skärmarna finns en strukturell modell som förklarar hela hybridfartygets beteende. Den kopplar samman framdrivningsbehov, generatorutgång, batterireserver på cirka 40 till 200 kilowattimmar, omvandlingsenheter och hjälplaster i ett läsbart mönster. Modellen förenar fartygets olika rytmer så att snabba uppdateringar av framdriften fungerar meningsfullt tillsammans med långsammare energicykler.

Professionella kaptener förlitar sig på en enda mental karta när de bedömer ett fartygs tillstånd. HMI-designen tillhandahåller denna karta i visuell form. Den håller relaterade värden i stabila positioner, justerar skalor mellan skärmar och säkerställer att förändringar i ett delsystem speglas av lämpliga signaler i andra. Denna strukturella tydlighet gör det möjligt för det inbyggda GUI:t att skala från enklare fartyg till komplexa konfigurationer med flera generatorer utan att ändra den underliggande logiken.

EVIDENCE BASED UX/UI DESIGN ÄR FÖRANKRAT I VERKLIGHETEN

En stor del av designarbetet byggde på evidens som samlades in direkt på vattnet genom user research och samarbets­sessioner med kaptener. Under Sandbox Experiments, genom tolv sjötester över sex månader med femton professionella kaptener, observerade vi hur vibrationer påverkar läsbarheten, hur den hybrida energibalansen förändras vid acceleration och hur blänk från kallt vatten minskar kontrasten på inbyggda skärmar.

Tester i temperaturer från minus fem till 35 grader och under nattdrift mellan sen kväll och tidig morgon avslöjade skanningsmönster som bara uppstår i verkligt maritimt arbete. Dessa insikter styrde konkreta beslut om kontrastregler, interaktionstajming, larmsynlighet och skärmhierarki. De visade också den emotionella dimensionen i gränssnitt för styrsystem, särskilt den lättnad besättningar känner när informationen förblir stabil även när fartyget beter sig oförutsägbart.

DESIGN FÖR SKALAN HOS STORA HYBRIDFARTYG

Att stödja Torqeedos expansion till större hybridfartyg krävde mer än att bara förfina det befintliga gränssnittet. Det innebar att skapa ett marint gränssnitt som kan kommunicera beteendet hos fartyg med betydligt större tekniskt djup. Dessa fartyg kan vara över 55 meter långa och inkludera flera dieselgeneratorer, dubbla batteribanker i spannet 40 till 200 kilowattimmar, omvandlingsenheter som hanterar hög effekt samt komplexa kyl- och distributionskretsar.

Professionella kaptener behöver ett inbyggt användargränssnitt som speglar dessa samspel i stället för att isolera mätvärden på separata skärmar. Fartygets blueprint – med sina framdrivningsmotorer, centrala kontrollcenter, energibalanssystem och hjälplaster – blev därför referensstrukturen för HMI:t. Genom att förankra interaktionsdesignen i denna arkitektur säkerställdes att det kaptener ser på skärmen motsvarar hur fartyget faktiskt beter sig i praktiken.

Att arbeta med flera interna och externa intressenter krävde att fartygets logik, de tekniska begränsningarna och gränssnittets beteende anpassades och samordnades mellan teamen.

KARTLÄGGA HELA SPEKTRUMET AV UX-MÖJLIGHETER

Innan vi konvergerade mot en slutlig interaktionsarkitektur inledde vi en divergent utforskningsfas genom lateral exploration för att kartlägga hela spektrumet av UX-möjligheter. Teamet identifierade centrala utmaningar som formar den dagliga användningen, till exempel hur framdriftstillstånd ska presenteras, hur det hybrida energiflödet ska visualiseras och hur navigering och förtöjning kan stödjas som en sammanhängande upplevelse i stället för separata lägen.

För varje utmaning skapade och testade vi flera gränssnittskoncept genom option space mapping. Vissa betonade främst framdriftstillståndet, andra energiflödet, och några försökte förena båda perspektiven i en och samma vy. Användning av verkliga datarytmer under testerna visade var lovande idéer kollapsade under vibrationer eller skapade tvekan i kritiska ögonblick. Koncept som krävde för många övergångar eller saktade ner nattmanövrer sorterades bort. Kvar blev ett sammanhängande Design System med 27 skärmar fördelade över fyra driftlägen.

01 /10

VI FÖRENKLADE ABSTRAKTA BEGREPP FÖR ALLA

Konstruktionslogiken bakom detta inbyggda användargränssnitt bygger på ett rutnät som synkroniserar de många rytmerna i ett hybridfartyg. Framdriftssensorer uppdateras snabbt, batterier följer långsammare cykler och generatorer reagerar på förändrad belastning. Rutnätet sammanför dessa signaler till en gemensam takt på den inbyggda skärmen, så att kaptener uppfattar systemet som en enda organism snarare än som en uppsättning fristående delar.

Allt detta fungerar inom de tekniska ramar som redan har fastställts för upplösning, uppdateringscykel, kontrast, tryckytor och typografi. Dessa parametrar styr avstånd, justering och den visuella hierarkin för information och varningar. Resultatet är ett inbyggt GUI som gör det möjligt för kaptener att nästan omedelbart bedöma energibalans och framdrivningsberedskap, även vid vibrationer, snabba rörelser eller skiftande ljus. Abstrakta begrepp som hybrida energiflöden blir konkreta utan att den underliggande komplexiteten döljs.

EN TYDLIGARE GRUND FÖR MARITIMA BESLUT

Det omdesignade inbyggda användargränssnittet har en mätbar påverkan på hur kaptener hanterar hybridfartyg i verklig drift. Med 27 skärmar organiserade i fyra lägen gör Design System det möjligt för besättningar att röra sig mellan navigering, manövrering och förtöjning samtidigt som de behåller en kontinuerlig uppfattning om energitillgänglighet och framdrivningsrespons.

I jämförande tester identifierade kaptener viktiga energitillstånd betydligt snabbare än med det gamla gränssnittet, och uppgifter som tidigare krävde flera övergångar kan nu bekräftas med en enda blick. Denna förbättring växte fram ur maritim fältforskning, samarbetsbaserad design och fokuserad testning som tog hänsyn till både kognitiv belastning och emotionell påfrestning. Gränssnittet blir därmed inte bara en kontroll­yta, utan också en stabil närvaro som stödjer trygga beslut när förhållandena är osäkra.

UX/UI DESIGN GÖR EN LEDANDE PRODUKT

Det slutliga systemet samlar beteendet hos avancerade hybridfartyg i ett enhetligt inbyggt GUI som skalar från mindre båtar till kommersiella fartyg. Framdrivningsbehov, generatorutgång, batterireserver och hjälplaster uttrycks genom ett sammanhängande Design System, format av verklig maritim praxis och gränssnittsbegränsningar i realtid.

Gränssnittet förblir tillförlitligt när fartyget accelererar, byter energikälla eller rör sig i förhållanden med låg sikt. Det ger Torqeedo en stabil grund för framtida hårdvarumoduler och nya hybridarkitekturer, samtidigt som besättningarna får ett system som känns lugnt och pålitligt i det dagliga arbetet.

Organisationen fick tillgång till immateriella resurser: omdöme kring vad som verkligen är viktigt i styrningen av hybridfartyg, en gemensam produktintuition om hur maritima system bör bete sig under press, samt en resonemangsförmåga som gör det möjligt för team att utvidga gränssnittet till nya fartygskonfigurationer. Systemet behåller sin competitive position genom att leverera tillförlitlig och förutsägbar kontroll under krävande maritima förhållanden, medan konkurrenter som prioriterar funktionsdensitet framför operativ tydlighet har svårt att stödja professionella kaptener som arbetar i verkliga sjöförhållanden med säkerhetskritiskt ansvar.

På så sätt ligger UX- och UI-design inte ovanpå tekniken, utan blir en del av hur produkten förtjänar sin plats som en ledande lösning inom sitt område.

Har du ett projekt i åtanke?