Experiencia de usuario y diseño integrado de GUI

Interfaz para equipos de automoción de gama alta

Automoción

Diseño de productos

Diseño GUI integrado

Cubierta de estudio de caso con coche montado en equipo de calibración de ruedas con interfaz de usuario que muestra el resultado de la medición.
CLIENTBeissbarth Automotive
LOCATIONMúnich, Alemania
EQUIPODiseñador de UX, diseñador de UI, diseñador de interacción, gestor de proyectos, arquitecto de productos
PÁGINA WEB DEL PROYECTO

Los principales fabricantes de automóviles, como Mercedes, Daimler y BMW, insisten en utilizar este sistema de calibración de alta gama. La marca es sinónimo de calidad excepcional y altos niveles de precisión sin parangón. El equipo también es utilizado por técnicos de centros de inspección autorizados y talleres independientes.

La empresa se puso en contacto con nuestra agencia de diseño UX con el objetivo de definir un nuevo estándar para la experiencia del usuario y el diseño de la interfaz visual de usuario. La última generación del equipo de calibración incluye una pequeña pantalla OEM, una interfaz de tableta robusta y una interfaz en pantallas grandes.

NUESTRAS CONTRIBUCIONES

UX Design

Flujos de usuarios

Investigación de usuarios

Diseño conceptual

Diseño de interacción

UI Design - Design System

Creación de prototipos

Garantía de calidad

MEDICIÓN DE ALTA PRECISIÓN EN TIEMPO REAL

La visión era combinar la excelencia en ingeniería con una experiencia de usuario que definiera el nicho para defender la posición de la marca en el mercado automovilístico.

El equipo está diseñado para realizar mediciones de alta precisión y ofrecer un servicio rápido. La facilidad de uso del sistema es un ingrediente importante para reducir el tiempo que se tarda en procesar un vehículo. Además, la facilidad de uso y una interfaz de usuario intuitiva reducen los costes de formación.

Diseño de GUI integrado montado en pantalla en la pared.
Detalle de una pantalla OEM con GUI integrada montada en un equipo de automoción.

ENTREGA EN 6 SEMANAS PARA LA INTERFAZ DE USUARIO

La estrategia de diseño refleja los objetivos y retos exclusivos de esta interfaz gráfica de usuario de software OEM. La interfaz se había sometido a 3 rondas de diseño previas, pero todas ellas fueron dirigidas por ingenieros.

El plan de trabajo refleja nuestra experiencia como agencia de diseño UX. Las actividades se planifican en paralelo para acelerar la entrega. La investigación del usuario y el diseño del producto alimentan el diseño de UX y la creación de prototipos. Después sigue el diseño visual, hasta que los ingenieros se hacen cargo de un sistema de diseño totalmente documentado.

Plan de proyecto de diseño UX de seis semanas en Notion.

LA INVESTIGACIÓN DE USUARIOS REVELA PUNTOS DE DOLOR

Con la pandemia en marcha, la investigación de usuarios se llevó a cabo a distancia con usuarios de Alemania. Combinamos dos métodos de investigación de usuarios: entrevistas contextuales y entrevistas semiestructuradas.

Las entrevistas contextuales nos informaron sobre el uso real y los puntos débiles de la vida real. Los usuarios describieron cómo utilizan el equipo, como si enseñaran a un principiante.

Las entrevistas semiestructuradas a usuarios permitieron conocer la realidad de los talleres. Empiezan con una serie de preguntas y luego la conversación evoluciona libremente.

Sesión de investigación de usuarios a distancia con un técnico de automóviles para el diseño de UX.

EL CONSENSO EVOLUCIONA A PARTIR DEL PRODUCT THINKING

En el diseño de una interfaz gráfica de usuario deben converger multitud de perspectivas: necesidades del usuario, limitaciones técnicas, características del producto, marca, normas de usabilidad, etc.

Es necesario un alto nivel de gestión de proyectos para mantener el rumbo y difundir la evolución del diseño UX.

We used dynamic formats in Notion to encourage all stakeholders to participate in the design project. The documentaton provides a clear overview of how the product thinking evolves, the insights that underpin the user experience solutions and recommendations for implementation.

Tabla de requisitos para el proyecto de diseño de experiencia de usuario para GUI integrada.

EL BENCHMARKING GARANTIZA EL LIDERAZGO EN EL MERCADO

La interfaz gráfica de usuario desarrollada por nuestra agencia de UX no es original porque sí. La creatividad es el resultado de un proceso sistemático en el que revisamos múltiples fuentes de información para tomar las decisiones UX correctas.

La evaluación comparativa es una actividad distinta en este contexto. En general nos ha llevado a reconocer lo que no funciona y eso es valioso. Observar los intentos fallidos nos ha ayudado a canalizar nuestros esfuerzos para resolver el rompecabezas de la interfaz de usuario óptima.

Comparación de seis ejemplos de diseño de interfaces gráficas integradas.

LA ANTIGUA GUI COMO PUNTO DE PARTIDA

El diseño anterior de la interfaz gráfica de usuario integrada había surgido en 3 iteraciones dirigidas por ingenieros. Aunque es sencilla y minimalista, no aborda los puntos débiles del usuario de forma significativa.

En general, carece de claridad y de jerarquía visual. Los componentes individuales carecen de especificidad y no son expresivos. En consecuencia, la interfaz de usuario debe explicarse en manuales y sesiones de formación.

Ejemplo de diseño de experiencia de usuario antiguo.

CLARIDAD + DETALLE DE DISEÑO = UN NUEVO ESTÁNDAR

El nuevo diseño integrado de la interfaz gráfica de usuario da vida a un proceso sencillo para los técnicos de taller. Es sencillo para que los usuarios puedan centrarse en su trabajo y evitar riesgos para la seguridad.

La clara jerarquía visual hace que la interfaz sea concisa. Pero si miras más de cerca, verás cómo los detalles abordan puntos de dolor específicos que los usuarios experimentan en la vida real.

Prototipo de diseño de interfaz gráfica de usuario integrada con resultados de automóviles y mediciones.
Primer plano del diseño de la interfaz de usuario para equipos de automoción.
Primer plano del diseño de la interfaz de usuario del software integrado que muestra el vehículo.
Interfaz de usuario que muestra los resultados de las mediciones para el calibrado de las ruedas.
Diseño de productos para equipos de calibrado de ruedas para talleres de reparación de vehículos.
Elementos del diseño

UX & UI DESIGN FOR AUTOMOTIVE EQUIPMENT

El plazo era corto, pero pudimos aprovechar la experiencia de nuestra agencia en diseño UX para software OEM.

En este proyecto de diseño de GUI hubo tres factores clave para el éxito: la estrecha colaboración con todas las partes interesadas, la inclusión de la investigación de usuarios como base de las decisiones de diseño y un proceso de diseño iterativo dirigido por diseñadores veteranos.

La interfaz de usuario visual expresa una estética de diseño basada en la funcionalidad, en la que cada componente de la interfaz alcanza un equilibrio entre lo que es técnicamente posible y lo que tiene sentido para los usuarios.

El resultado final es una interfaz integrada de primera clase que no requiere formación y que demuestra la promesa de la marca de excelencia en equipos de automoción.

RESULTADOS

La mejor experiencia de usuario

Sistema de diseño de interfaz de usuario totalmente documentado para desarrolladores

La nueva interfaz de usuario no requiere formación

La interfaz gráfica se convierte en el argumento de venta del sistema de gama alta