Digitaalinen muutos merenkulkualalla

Uusi käyttöliittymä perämoottoreita varten

Merenkulku

Sulautetut laitteet

Cluster

Perämoottorilla kulkeva alus merellä
ASIAKASCOX Marine Ltd.
SIJAINTIYhdistynyt kuningaskunta
TIIMIUX designer, UI designer, interaction designer, project manager, product owner, software architect
VERKKOSIVUSTO

COX Marine on erikoistunut suuritehoisiin perämoottoreihin vaativiin sovelluksiin, kuten kilpa-, sotilas- ja monimoottorisiin moottoreihin.

Kilpailijat, kuten Yamaha ja Suzuki, kadehtivat sitä innovaatiotasoa, jonka COX:n insinöörit ovat tuoneet markkinoille vuodesta 2007 lähtien, mutta viimeaikainen käyttöliittymien digitalisointi klusterinäyttöjen avulla merkitsi uutta haastetta COX:n insinööreille.

He palkkasivat meidät auttamaan tässä T&K-hankkeessa kehittämään käyttäjäkokemusta ja käyttöliittymäsuunnittelua, joka voi mukautua erilaisiin moottoriasetuksiin ja näyttöihin.

PANOKSEMME

UX-suunnittelu

Prototyyppien rakentaminen

Vuorovaikutussuunnittelu

Suunnittelun validointi

UX Flow

Konseptisuunnittelu

UI design - Suunnittelujärjestelmä

Laadunvarmistus

Vene, jossa on kaksi perämoottoria ja jossa käytetään digitaalista käyttöliittymää
Musta perämoottori

THE NEED FOR DESIGN INNOVATION

Meriteollisuutta hallitsevat suuret toimijat, kuten Yamaha, Suzuki ja Honda. Nämä kilpailijat saivat tuoda digitaaliset ohjausliittymänsä markkinoille ensimmäisinä. Digitaalinen ohjausliittymä on uusi paradigma veneen ajokokemuksessa: näyttö voi olla vuorovaikutteinen, se voi reagoida siihen, mitä kuljettajan ympärillä tapahtuu, ja se voi tuoda tietoa näkyviin entistä merkityksellisemmällä tavalla.

Huomasimme kuitenkin, että kaikki suuret valmistajat eivät onnistuneet luomaan vakuuttavaa käyttöliittymää klusterinäyttöä varten; niiden epäonnistuminen oli jälleen kerran tilaisuus COX Marinen erottua luokkansa parhaana.

STRICT TECHNICAL AND USABILITY REQUIREMENTS

COX halusi mennä pidemmälle kuin kilpailijat olivat yrittäneet ja vahvistaa asemaansa innovaattoreina. He halusivat luoda käyttöliittymän, joka voi mukautua jopa kuuteen moottoriin, kun taas kilpailijat eivät uskaltaneet mennä kolmea tai neljää moottoria pidemmälle. He päättivät käyttää kolmenlaisia klusterinäyttöjä, joista osassa on kosketusnäyttö ja osassa ei.

Käyttötapaus, jossa ajetaan uskomattomilla nopeuksilla merellä, asetti kovia käytettävyysvaatimuksia. Käyttöliittymän on selviydyttävä siitä, että klusterinäyttöön tulee vettä, kolhuja, toimintahäiriöitä ja hengenvaarallisia tilanteita, kuten jonkun putoaminen yli laidan.

Kosketusnäyttöinen mittariston näyttö
Laivat venesatamassa yöllä digitaalisen käyttöliittymän avulla

UX DESIGN THINKING BLENDS WITH ENGINEERING

Käyttäjäkokemuksen kehittäminen oli iteratiivinen prosessi, jossa pohdimme jatkuvasti, mitä tietoja moottorista voidaan poimia, miten mittarilukemat otetaan ja miten käyttäjät tulkitsevat niitä eri nopeuksilla. Tämän jälkeen meidän oli yhdistettävä tiedot mittariston näytön ominaisuuksiin.

Loimme useita kehyksiä ulkoasua varten, joka voi mukautua kolmeen eri näytön kokoon, sekä joukon yksittäisiä moduuleja, jotka voivat täyttää käyttöliittymän kontekstin mukaan.

Perämoottoreiden UX-suunnittelua kuvaavat viitekehykset
UX-suunnittelun luonnos, jossa on kuusi perämoottoria

VALIDATION OF UX DESIGN AND INTERACTION CONCEPTS

Testasimme ja paransimme ulkoasua ja moduulien suunnittelua luomalla interaktiivisia prototyyppejä ja simuloimalla todellisia käyttötapauksia käyttäjien kanssa.

Tämäntyyppinen testaus antoi uusia oivalluksia suunnittelun parantamiseksi ja tuotti runsaasti ideoita käytettävyysominaisuuksien lisäämiseksi. Lisäksi saimme palautetta jakelijoilta ja insinööreiltä.

Useita viitekehyksiä, jotka osoittavat UX-suunnitteluideoita merenkulun mittariston näyttöä varten
Käyttöliittymän suunnittelukonsepti, jossa näkyvät moottorit ja navigointi

UI DESIGN WITH CONTEXTUAL AWARENESS

Visuaalinen käyttöliittymä mukautuu kontekstiin. Yhtäältä on olemassa tilat päivä-, yö- ja yönäkymälle (sotilaskäyttöön). Toisaalta muotoilu mukautuu käyttäjän suorittamaan tehtävään: ajaminen pienellä tai suurella nopeudella, kiinnittyminen jne.

Yleisesti ottaen käyttöliittymän ulkoasu on yksinkertainen mutta selkeä, ja siinä on voimakkaita kontrasteja ja ajaton tyyli. Käyttöliittymä on helposti ymmärrettävissä yli kielirajojen, ja keskeiset tiedot on koodattu sekä visuaalisesti että sanallisesti.

SEAMLESS HANDOVER TO THE DEVELOPMENT TEAM

Ei ole helppoa toteuttaa käyttöliittymäsuunnittelua klusterinäytössä, joka on suunniteltu kestämään suolavettä. Ennen kuin loimme mallit, pidimme istunnon kehittäjien kanssa ymmärtääkseen, miten he aikovat toteuttaa käyttöliittymän. Kun luovutimme heille mallit, kaikki oli järjestetty käytettäväksi suoraan laatikosta.

Neljä venettä venesatamassa iltahämärässä, taustalla majakka
Suunnitteluelementit

THE UX/UI DESIGN STRENGHTENS THE BRAND PROMISE

Perämoottorin käyttöliittymän uusi muotoilu on luokkansa paras, ja se vahvistaa COX Marinen asemaa ensiluokkaisena toimittajana niille, jotka haluavat todellista suorituskykyä.

Käyttöliittymän ulkoasu ja yleinen käyttökokemus hyödyntävät kaikkea, mitä digitaalinen näyttö voi tarjota, mutta ovat samalla maanläheisiä ja hyödyllisiä. Tämän vankan kehyksen päälle on kerrostettu ajaton käyttöliittymäsuunnittelu, joka toimii sekä hiljaisina hetkinä että intensiivisten sotilaallisten sovellusten aikana.

Tämä ainutlaatuinen muotoilu ei syntynyt helposti. Ei ollut helppoa voittaa teknisiä rajoitteita, jotka liittyivät sellaisen käyttöliittymän luomiseen, joka toimii sekä kosketusnäytöllä että muulla kuin kosketusnäytöllä ja jossa on yksi tai jopa kuusi moottoria. Teknisten näkökohtien perinpohjaisen ymmärtämisen ansiosta käyttöliittymäsuunnittelua kuitenkin hiottiin täydelliseksi kuukausien aikana.

TULOKSET

UX- ja UI-suunnittelu toimitettiin 12 viikossa

Suunnittelu kolmea erilaista mittariston näyttöä varten

Yhteensopiva sekä kosketusnäyttöjen että muiden kuin kosketusnäyttöjen kanssa

Luokkansa paras ajaton muotoilu

Täysin yhteensopiva eri sovellusten kanssa