garikoitz iruretagoiena

data driven design

Suite de Aplicaciones y diseño UX de HMI para máquinas de corte por láser.

Goiti S.Coop. | Ideko | 2016 | UX-UI Design

Contexto y Reto

Este proyecto se engloba dentro del contexto de renovación de las relaciones usuarios-máquinas mediante nuevos HMI-s de Danobatgroup.

En este caso ha sido un proyecto realizado para la empresa Goiti, más concretamente para sus máquinas de corte de láser. El reto ha sido crear un diseño-solución que responda a las necesidades de los usuarios y que vaya acorde con la marca del grupo.

Resultados

El prototipo realizado en esta primera fase se presentó en la feria internacional de la máquina herramienta de Bilbao (BIEMH).

Con el feedback obtenido, el equipo de desarrollo Goiti evolucionó y desarrolló la aplicación y hoy en día ya se está usando en algunas de sus máquinas.

Trabajo Realizado

Este proyecto fue realizado mientras era miembro del Diseinu Berrikuntza Zentroa de Mondragon Unibertsitatea.

Fui el responsable del proyecto, llevando la gestión del mismo, y realizando la parte de diseño y desarrollo front-end.

* Diseño UX * Arquitectura de Navegación * Diseño UI * Desarrollo Front-End * Direcciónde proyecto

Pantalla principal, con simulador del corte de la pieza.

La pantalla de información de pieza en ejecución muestra los parámetros más importantes al usuario para que éste sepa los estados de la operación y de la máquina.

Pantalla de resumen del estado del cabezal.

El cabezal es uno de los elementos más importantes, y es muy útil comprender de manera fácil el estado en el que se encuentran sus principales parámetros.

Pantalla de movimientos manuales.

Mediante los movimientos manuales se manejan manualmente los principales componentes de la máquina. Se incorpora una imagen virtual dinámica de la máquina para facilitar el manejo a los usuarios.

Sesión de trabajo.

Previa del primer workshop realizado con técnicos y operarios analizando el uso actual e identificando las opciones de mejora.

Planteamiento de referencias estéticas.

Al realizar este proyecto Danobatgroup no contaba todavía con una guía de estilos para soluciones HMI, y mediante este proyecto se pusieron los cimientos para lograrlo. En la imagen se muestra un mapa realizado con varias referencias para ayudar en la definición del posicionamiento de Danobatgroup.

Bocetos de casos de uso.

Se realizaron varias sesiones de equipo para definir los flujos de uso de los diferentes casos de uso.

Wireframes para prototipos y test iniciales.

Se realizaron 2 prototipos mediante wireframes para testear la usabilidad y funcionalidad de la nueva propuesta.

Arquitectura de contenidos y de navegación.

Definición en detalle de la arquitectura de navegación para la validación y para las especificaciones de desarrollo.

Suite de aplicaciones.

Además de la aplicación principal de programación de piezas para corte pro láser, se diseñaron varias aplicaciones para aumentar las funcionalidades y ayudas a los operarios.