UX- och UI-design för kontrollpanel för utombordsmotor

Innovativ GUI-design för elektriska framdrivningssystem

Inbyggt GUI

UX Design

UI Design

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

Detta inbyggda användargränssnitt gör det möjligt för fartygsoperatörer att kontrollera fartygets drivning, oavsett om de navigerar med full gas på öppet hav eller förtöjer i en hamn.

Det ger också användarna viktig kontroll över hela fartygets energihanteringssystem och gör det möjligt för dem att hantera slutpunkter som mikrovågsugn och ljudsystem.

Den tekniska utvecklingen hade pågått i flera år, och kunden litade på att vår UX-designbyrå skulle omvandla GUI:t till en övertygande lösning som sticker ut på marknaden.

VÅRA BIDRAG

Requirements Mapping

Användarforskning

Benchmarking

UX Design

Prototypframställning

UI Design - Ljus och mörk

System för utformning

Kvalitetssäkring

BREAKING
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.
READ ARTICLE →
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

MÅLET: ESTETISK OCH TEKNISK PERFEKTION

Vi har haft ett mycket nära samarbete med kärnteamet på Torqeedo och har inte bara bidragit med vår expertis utan också med vår ambition och energi för att uppnå en designstandard som överträffar allt som tidigare har setts i deras bransch. Detta åtagande återspeglar inte bara vårt personliga engagemang, utan hedrar också den enorma ansträngning som de har investerat i detta projekt.

Under hela ett UX- och UI-designprojekt finns det en betydande spänning mellan enkelheten i en elegant design och den omfattande tekniska komplexitet som den måste omfatta. I slutändan uppnår vår designlösning en balans som hedrar båda aspekterna på ett sätt som överskrider gränserna.

UX/UI DESIGN FÖR ETT KÄNSLOMÄSSIGT GENSVAR

En användargränssnittsdesign som är intuitiv och lätt att förstå sätter en hög standard. Vi gick längre genom att medvetet skapa ett ytterligare lager som ger användarna en djupare känsla av tillfredsställelse och framkallar en känslomässig respons. Varje meningsfull upplevelse har en känslomässig dimension, och i den här designen har vi införlivat element som framkallar de subtila nyanser som kännetecknar Torqeedo som varumärke.

Denna toppnivå inom UI-design kan bara uppnås genom att bygga på en solid grund, där de djupare lagren av användarupplevelse, layout och arkitektur har utvecklats fullt ut.

THOUGHTFULLY CRAFTED DESIGN DETAILS

Detaljer är avgörande för en motor, och de har en lika stor inverkan på användarupplevelsen i inbyggda gränssnitt

Vi identifierade alla viktiga detaljer och organiserade dem i en uppgiftsbank. Sedan utvecklade vi en strategi för att utforma varje detalj systematiskt och se till att de är sammanhängande, funktionella och lätta att underhålla. Detta tillvägagångssätt gällde ikoner, knappar, komponenter och statusindikatorer i användargränssnittet.

Genom att iterera inom iterationer uppnådde vi en nivå av perfektion som sträcker sig från enskilda komponenter till layouter och den övergripande användarupplevelsen.

THE UX/UI DESIGN SETS A NEW INDUSTRY STANDARD

I slutändan skapar detta användargränssnitt en minnesvärd användarupplevelse som tilltalar användarna på flera nivåer. Våra designleveranser inte bara uppfyller utan överträffar branschens förväntningar genom att harmonisera estetik med avancerad teknisk kapacitet.

Genom att prioritera användarnas behov och integrera känslomässiga lager i gränssnittet skapar vi en djupare koppling mellan varumärket och dess målgrupp. Detta tillvägagångssätt höjer inte bara användarupplevelsen, utan positionerar också vår design som ett riktmärke för excellens i branschen.

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

EVIDENCE-BASED UX/UI DESIGN IS ROOTED IN REALITY

Vi arbetar med evidensbaserad UX/UI, en metod för att fatta välgrundade designbeslut. Det ger oss möjlighet att grunda designval i empiriska data, vilket säkerställer att varje beslut stöds av rigorös forskning och användarinsikter.

För att samla in omfattande data använde vi en rad olika metoder, bland annat observationsstudier till sjöss, laboratorietester, deltagande designmöten och djupgående användarintervjuer.

Varje forskningsmetod är viktig. Till exempel gav våra observationer till sjöss oss möjlighet att direkt se hur operatörerna interagerade med systemet i verkliga scenarier, medan labbtester hjälpte oss att bedöma våra prototypers användbarhet och prestanda i kontrollerade miljöer. Dessutom gav användarintervjuer oss möjlighet att gå djupare in på individuella upplevelser, vilket gav oss kvalitativa data som ökade vår förståelse för användarnas motiv och preferenser.

Under hela denna process omformulerade vi noggrant de frågor vi ställde för att säkerställa att de stämde överens med våra mål.

THE STARTING POINT: A BLAND STATUS QUO

Utgångspunkten för det här projektet var det tidigare Torqeedo-gränssnittet. Även om det inte var vår kunds favorit använde vi det som en grund för att få insikter i systemet och de lärdomar som dragits under resans gång.

Den fungerade som en värdefull referens i dialogen med användarna och hjälpte oss att förstå deras perspektiv och förväntningar på en förbättrad användarupplevelse.

Genom att analysera det befintliga gränssnittet identifierade vi viktiga förbättringsområden och integrerade systematiskt feedback från användarna för att utforma ett mer robust och effektivt gränssnitt.

TECHNICAL COMPLEXITY IS EMBEDDED IN THE DESIGN

Tekniken bakom Torqeedos motorer är ett under av komplexitet. På ena sidan finns det intrikata tänkandet och den tekniska sofistikeringen som säkerställer att varje system fungerar effektivt. Å andra sidan finns det en mängd olika användningsområden, från små fartyg till stora kommersiella fartyg, samt samspelet mellan helt elektriska system och hybridsystem.

För att integrera alla dessa element i en GUI-design som fungerar som ett sammanhängande system snarare än bara en visuell representation, behövde vi förstå och införliva den tekniska sofistikeringen i vår process.

Därefter utvecklade vi innovativa designmetoder som en del av en bredare strategi för att säkerställa att dessa överväganden formade designen och fann sin rättmätiga plats i det användargränssnitt som presenteras för fartygsoperatörer när de är till sjöss.

WE MAPPED UX DESIGN OPTIONS SYSTEMATICALLY

Efter flera iterationer kom vi slutligen fram till en UX-design som på ett effektivt sätt vänder sig till både amatörer och professionella användare. Inledningsvis övervägde vi att skapa två separata användargränssnitt - ett för varje grupp - men när vi gick djupare in i frågan upptäckte vi en mer elegant lösning.

Genom att systematiskt utforska olika layouter och komponentkonfigurationer har vi utvecklat en enhetlig struktur som balanserar enkelhet med avancerad funktionalitet. Den är intuitiv för nybörjare samtidigt som den erbjuder den flexibilitet som krävs av yrkesverksamma. Dessutom såg vi till att användarupplevelsen fungerar konsekvent för olika typer av fartyg och prioriteringar och att den är sömlös även i mindre upplösningar.

01 /10
arrow left
Arrow right

WE SIMPLIFIED ABSTRACT CONCEPTS FOR EVERYONE

Tyvärr är världen komplex. Energihantering på ett fartyg omfattar flera abstrakta begrepp, som energibalans, som kan vara svåra att förstå.

Vårt mål var att införliva dessa begrepp i gränssnittet på ett sätt som hjälper användarna att utveckla en tillförlitlig intuition.

Vi behövde hitta metoder för att kommunicera dessa begrepps inverkan på fartygets fysiska verklighet utan att förlita oss på ord. Detta krävde en analys av förhållandet mellan den underliggande fysiken och de olika sätt på vilka människor tolkar information.

Utifrån dessa insikter har vi utformat UI-komponenter som effektivt kommunicerar tillstånd och uppvisar beteenden som gör det möjligt för användarna att dra slutsatser om deras innebörd. Även om det finns gränser för dessa komponenter, gjorde upprepade tester det möjligt för oss att identifiera beteenden som gradvis utvecklar användarnas intuition om vad som händer och hur det fungerar.

REGULAR TESTING, ASSESSMENT AND REFINEMENT

I vår test- och utvärderingsprocess engagerade vi en bred grupp av verkliga användare, däribland fritidsbåtsägare, kommersiella operatörer och mariningenjörer, för att säkerställa att vi fångade upp ett brett spektrum av perspektiv. Vi etablerade organiserade rutiner och genomförde strukturerade användbarhetssessioner där användarna interagerade med prototyperna samtidigt som de verbaliserade sina tankar.

Parallellt med detta genomförde vi fokusgrupper med olika grupper av ingenjörer, däribland experter på el, mekanik och programvara, för att utvärdera teknisk genomförbarhet och integration. Varje session dokumenterades noggrant, vilket gjorde det möjligt för oss att systematiskt analysera användarnas feedback och ingenjörernas insikter.

Vi införde till exempel iterativa testcykler, där insikterna från en omgång direkt ledde till justeringar i nästa. Vi använde oss också av uppgiftsanalys och bröt ner komplexa interaktioner i hanterbara steg, vilket gjorde det möjligt för oss att finjustera UI-komponenter för tydlighet och effektivitet. Detta rigorösa, processdrivna tillvägagångssätt säkerställde att våra designbeslut grundades på användbarhet i verkligheten och teknisk validering.

UX/UI DESIGN MAKES A LEADING PRODUCT

Den utmärkta designen av vårt användargränssnitt har bidragit till en framgångsrik försäljning av företaget och positionerat det som en ledande aktör på sin marknad. Denna omvandling har förvandlat produkten till en juvel som fängslar både användare och intressenter.

För att uppnå denna framgångsnivå krävdes ett nära samarbete med en rad olika personer, från fartygsoperatörer till ingenjörer och intressenter. Genom att använda ett evidensbaserat tillvägagångssätt samlade vi noggrant in insikter och feedback och såg till att varje designbeslut var välgrundat och ändamålsenligt.

Vår processdrivna metodik gjorde det möjligt för oss att kontinuerligt förfina användarupplevelsen och integrera användarnas behov och den tekniska genomförbarheten på ett sömlöst sätt.

Resultatet är ett användargränssnitt som inte bara förbättrar funktionaliteten utan också skapar känslomässiga band till användarna. Denna strävan efter excellens har stärkt företagets rykte, gjort det till en eftertraktad tillgång i branschen och drivit fram dess kommersiella framgångar.

Har du ett projekt i åtanke?