<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Transformación digital en el sector náutico

Transformación digital en el sector náutico

Marina

Dispositivos integrados

Cluster

Embarcación en el mar propulsada por motor fueraborda
CLIENTCOX Marine Ltd.
LOCATIONShoreham-by-Sea, Reino Unido
EQUIPOUX designer, UI designer, interaction designer, project manager, product owner, software architect

COX Marine está especializada en motores fueraborda de alto rendimiento para aplicaciones exigentes, como equipos de competición, militares o multimotor.

El nivel de innovación que los ingenieros de COX han aportado al mercado desde 2007 es envidiado por competidores como Yamaha y Suzuki, pero la reciente digitalización de las interfaces de usuario a través de las pantallas del clúster supuso un nuevo reto para los ingenieros de COX.

Nos contrataron para que les ayudáramos en este proyecto de I+D a idear una experiencia de usuario y un diseño de interfaz de usuario que pudieran adaptarse a diferentes configuraciones de motor y pantalla.

NUESTRAS CONTRIBUCIONES

UX Design

Creación de prototipos

Diseño de interacción

Validación del diseño

Flujo UX

Diseño conceptual

UI Design - Design System

Garantía de calidad

Embarcación con dos motores fueraborda mediante interfaz digital
Motor fueraborda negro

LA NECESIDAD DE INNOVAR EN EL DISEÑO

La industria náutica está dominada por grandes empresas como Yamaha, Suzuki y Honda. Estos competidores fueron los primeros en sacar sus interfaces de control digital. Una interfaz de control digital es un nuevo paradigma en la experiencia de conducir una embarcación: la pantalla puede ser interactiva, puede responder a lo que ocurre alrededor del conductor y puede mostrar la información de una forma más significativa.

Sin embargo, nos dimos cuenta de que los principales fabricantes no habían creado una interfaz atractiva para la pantalla del grupo de instrumentos; su fracaso fue, una vez más, una oportunidad para que COX Marine destacara como el mejor de su clase.

ESTRICTOS REQUISITOS TÉCNICOS Y DE USABILIDAD

COX quería ir más allá de lo que habían intentado sus competidores y reafirmar su posición de innovadores. Querían crear una interfaz capaz de adaptarse hasta a seis motores, mientras que los competidores no se atrevían a ir más allá de 3 ó 4. Decidieron utilizar 3 tipos de pantallas de grupo, unas táctiles y otras no.

El caso de uso de la conducción a velocidades increíbles en el mar introdujo duros requisitos de usabilidad. La interfaz debe hacer frente al agua en la pantalla del panel de instrumentos, los golpes, las averías y las situaciones potencialmente mortales, como que alguien caiga por la borda.

Pantalla táctil del cuadro de instrumentos
Barcos en el puerto deportivo por la noche mediante una interfaz de usuario digital

LA MENTALIDAD DE DISEÑO UX SE COMBINA CON LA INGENIERÍA

La elaboración de la experiencia del usuario fue un proceso iterativo en el que tuvimos constantemente en cuenta los datos que pueden extraerse del motor, cómo se toman las lecturas de los contadores y cómo las interpretan los usuarios a distintas velocidades. Luego tuvimos que integrar los datos con las capacidades de la pantalla del cuadro de instrumentos.

Creamos varios marcos para un diseño adaptable a los tres tamaños de pantalla y un conjunto de módulos individuales que pueden poblar la interfaz en función del contexto.

Wireframes que muestran el diseño UX para motores fueraborda
Boceto de diseño UX con seis motores fueraborda

VALIDACIÓN DE CONCEPTOS DE INTERACCIÓN Y DISEÑO UX

Probamos y mejoramos el diseño y los módulos creando prototipos interactivos y simulando casos de uso reales con los usuarios.

Este tipo de pruebas aportó nuevas perspectivas para mejorar los diseños y generó abundantes ideas para añadir funciones de usabilidad. Además, obtuvimos opiniones de distribuidores e ingenieros.

Múltiples wireframes que muestran ideas de diseño UX para la pantalla del cuadro de instrumentos marino
Concepto de diseño de interfaz de usuario que muestra los motores y la navegación

DISEÑO DE UI CON CONCIENCIA CONTEXTUAL

La interfaz visual de usuario se adapta a los contextos. Por un lado, hay modos para día, noche, y visión nocturna (para militares). Por otro, el diseño se adapta a la tarea realizada por el usuario: conducción a baja o alta velocidad, amarre, etc.

En general, el diseño de la interfaz de usuario es sencillo pero nítido, con fuertes contrastes y un estilo atemporal. La interfaz es fácil de entender más allá de las barreras lingüísticas y la información clave está codificada tanto visual como verbalmente.

ENTREGA IMPECABLE AL EQUIPO DE DESARROLLO

No es fácil implementar un diseño de interfaz de usuario en una pantalla diseñada para soportar agua salada. Antes de crear los diseños hicimos una sesión con los desarrolladores para entender cómo iban a implementar la IU. Cuando les entregamos los diseños, todo estaba organizado para que pudieran utilizarlo nada más sacarlo de la caja.

Cuatro barcos en el puerto deportivo al atardecer con el faro al fondo
Elementos del diseño

THE UX/UI DESIGN STRENGHTENS THE BRAND PROMISE

El nuevo diseño de la interfaz del motor fueraborda es el mejor de su clase y refuerza la posición de COX Marine como proveedor de primera calidad para quienes buscan un verdadero rendimiento.

La disposición de la interfaz y la experiencia general del usuario aprovechan todo lo que la pantalla digital puede ofrecer, sin dejar de ser realistas y útiles. Sobre este sólido armazón se asienta un diseño de interfaz de usuario atemporal que rinde tanto en los momentos tranquilos como durante las intensas aplicaciones militares.

Este diseño único no fue fácil. No fue fácil superar las limitaciones técnicas de crear una interfaz que funcionara tanto en pantallas táctiles como no táctiles, con 1 o hasta 6 motores. Sin embargo, con un profundo conocimiento de los aspectos de ingeniería, perfeccionamos el diseño de la interfaz a lo largo de meses.

RESULTADOS

Diseño UX y UI en 12 semanas

Diseño para tres pantallas diferentes del cuadro de instrumentos

Compatible con pantallas táctiles y no táctiles

El mejor diseño atemporal de su clase

Totalmente compatible con toda la gama de aplicaciones