Imagen de encabezado del proyecto HP Latex LFP

HP Latex LFP

UI para impresoras de producción industrial

Las impresoras HP Latex LFP (Large Format Printing) son impresoras de vanguardia líderes en la industria diseñadas para empresas y profesionales en las industrias de señalización, gráficos e impresión. Estas máquinas utilizan tecnología de tinta de látex que ofrece soluciones de impresión versátiles y respetuosas con el medio ambiente, adecuadas para una amplia gama de aplicaciones, incluyendo señalización exterior e interior, gráficos para vehículos, pancartas, pósters y prácticamente cualquier aplicación profesional imaginable.

Fui parte de este proyecto liderando el rediseño de la experiencia operativa dentro del panel de control de uno de los líderes tecnológicos más avanzados en soluciones de impresión industrial de gran formato.

Para respetar mi acuerdo de confidencialidad, los detalles propietarios han sido omitidos o modificados en este estudio. Las perspectivas presentadas son propias y no representan las de HP.

Areas
Skills

Half view of a HP Latex printer

Panorama general

La experiencia especializada en impresión de gran formato

En entornos de producción de alta demanda, donde la eficiencia y precisión son cruciales, la interacción del usuario con los sistemas de impresión debe ser sencilla para evitar problemas en la entrega de los encargos.

Como parte del continuo proceso de entrega de valor para los usuarios, recibimos comentarios que indicaban la necesidad de revisar cómo los operadores interactúan con la interfaz de usuario de la impresora, para garantizar que cada interacción sea intuitiva y optimizada para la eficiencia y la velocidad.

Los objetivos para este proyecto:

  • Entender cómo han evolucionado las necesidades del usuario.
  • Reducir los puntos de fricción operativos.
  • Alinear la usabilidad con la experiencia de la interfaz de usuario de la plataforma unificada.

El desafío

Rediseñar la experiencia de la interfaz de impresión para usuarios profesionales

Diseñar para usuarios especializados en un entorno de producción requiere una atención especial a las funciones avanzadas para proporcionarles la experiencia adecuada y ayudarles a entregar sin comprometer la eficiencia. El desafío consistia en reimaginar la interfaz de la impresora para solucionar los problemas existentes y alinearla con la experiencia de la plataforma unificada, garantizando consistencia tanto en el aspecto, la percepción y la facilidad de uso.

Para alcanzar nuestros objetivos, investigué las necesidades de nuestros usuarios, comprendí el estado actual de la interfaz y realicé un análisis profundo de la interacción del usuario para definir una solución que mejorara la satisfacción del usuario y cumpla con los objetivos estratégicos de diseño del negocio.

La familia de impresoras HP Latex

Descubrimiento

¿Cómo está funcionando el diseño actual en el contexto?

Como primera tarea decidí obtener una comprensión profunda de cómo funciona la interfaz actual de la impresora en entornos de producción reales. Comprender el desempeño en los espacios de trabajo reales es importante para entender completamente sus desafíos, desde navegar por menús complejos hasta manejar flujos de trabajo ineficientes y elementos de interfaz inconsistentes.

Todo esto me permitió visualizar sus puntos de fricción, frustraciones y necesidades, no solo desde un punto de vista técnico, sino también desde una perspectiva centrada en el usuario.

Usuarios interactuando con el panel de control de la impresora

¿Quiénes son nuestros usuarios?

Cada uno de nuestros usuarios desempeña un rol distinto dentro del entorno de producción, cada uno con necesidades y desafíos únicos. El Manager de Impresión supervisa todo el flujo de trabajo, enfocándose en tareas como la programación de trabajos, el mantenimiento del sistema y el monitoreo del rendimiento. El Operador de Impresión trabaja directamente con las máquinas, interactuando con el panel de control para realizar tareas como la configuración de trabajos, la solución de problemas y las calibraciones.

User personas

Un vistazo más cercano a las operaciones diarias en el entorno de producción

Para visualizar mejor las experiencias diarias de cada usuario, creé mapas de experiencia que detallan un día típico en su contexto profesional.

Estos diagramas ayudan a visualizar los desafíos que cada usuario enfrenta a lo largo de su jornada, identificando puntos críticos donde un mejor diseño de interfaz y funcionalidad podrían mejorar significativamente su experiencia.

Mapas de exeriencia de los usuarios

Identificación de desafíos y oportunidades

Sinteticé los principales insights para identificar los desafíos que enfrentan en sus flujos de trabajo diarios. Estos desafíos se tradujeron en un mapa conceptual para visualizar las áreas de oportunidad para mejorar la experiencia en general.

Mapa conceptual de los resultados de la investigación

El mapa conceptual destaca los puntos de fricción recurrentes que afectan la usabilidad. Al desglosar estos problemas en categorías, obtuve una comprensión más clara de dónde la interfaz actual no cumple, priorizando las áreas de mejora.

Mapa de categorías de los ámbitos de mejora

Con una visión clara de las oportunidades, prioricé las mejoras basándome en factores clave como los recursos necesarios para implementar y la estrategia empresarial. Las mejoras de alto impacto que abordan puntos de dolor críticos del usuario como la navegación, la inconsistencia en la interfaz de usuario y la redundancia fueron priorizadas debido a su potencial para mejorar significativamente la eficiencia y la experiencia del usuario.

Diagrama de prioridades

Definición

Una estrategia de diseño enfocada en la consistencia, simplicidad y eficiencia

Como reveló la investigación, los desafíos para los usuarios giran en torno a la navegación compleja, el diseño visual inconsistente y una arquitectura de información desorganizada, todo lo cual afecta la productividad y genera frustración en los usuarios.

Teniendo en cuenta las necesidades estratégicas, decidí enfocarme en refinar la navegación, simplificar los flujos de interacción para crear una experiencia más intuitiva y eficiente, unificar el diseño visual para asegurar la consistencia y mejorar la legibilidad, y optimizar la arquitectura de la información para priorizar las tareas esenciales.

Areas de mejoramiento para el nuevo diseño

Descubrimiento

Desglosando la interfaz actual en busca de debilidades

La siguiente fase involucró un análisis exhaustivo de la interfaz actual, donde desglosé la interfaz en sus elementos distintivos, lo que me ayudó a comprender mejor cómo funciona cada parte dentro del sistema en general. Este proceso reveló varios puntos débiles, como interacciones redundantes, elementos visuales inconsistentes, funciones difíciles de acceder y diseños desalineados.

Imagen actual de la interfaz de usuario

Analicé los flujos de interacción del usuario existentes para comprender cómo los usuarios navegan por el sistema y completan tareas. Al mapear los pasos que los usuarios siguen para realizar acciones comunes, identifiqué áreas de fricción, revelando oportunidades para simplificar los flujos y eliminar redundancias.

Imagen del flujo de usuario

Inspiración de otros productos

Tras entender el estado de la UI actual, decidí explorar implementaciones en otros productos parte de la familia de impresoras. Al examinar los diseños anteriores, obtuve inspiración de las estructuras de navegación, flujos de interacción y elementos visuales. Se obtuvo valioso conocimiento sobre diferentes enfoques de diseño centrado en el usuario, flujos de trabajo y coherencia visual.

Imagen de investigación de otras interfaces

Exploración

Esbozando la solución

Con los desafíos clave identificados, exploré y probé las posibles soluciones con ideas para refinar la navegación, simplificar los flujos de interacción y mejorar el diseño general. El enfoque estuvo en crear una estructura más intuitiva, reduciendo el número de pasos necesarios para realizar tareas, consolidando funciones redundantes y mejorando la organización de las funciones clave.

Pantallas wireframes imagen

Un diseño visual mejorado

La interfaz de usuario del panel de control de la impresora actual estaba visualmente desconectada del sistema del resto de productos. Para solucionarlo, desarrollamos un nuevo kit visual alineado con los estándares de diseño utilizados en el sistema de diseño. Incluía tipografía consistente, esquemas de color, estilos de botones, iconografía y cuadrículas de diseño que aseguraban la armonía visual y también reforzaban la coherencia con la marca.

Nuevo diseño del kit de interfaz de usuario

Solución

Un diseño para la continuidad a través de una interfaz de usuario mejorada

La solución propuesta equilibra la introducción de nuevas interacciones y la preservación de la lógica central de la interfaz anterior. El objetivo es que los usuarios actuales puedan adaptarse fácilmente a la interfaz actualizada sin sentirse desorientados, manteniendo un sentido de familiaridad mientras se benefician de una mejor usabilidad.

Panel de control con diseño mejorado

Un diseño que simplifica la interacción y reduce la cantidad de pantallas, optimizando el uso del espacio y priorizando lo que es importante para el usuario. Menos pantallas + menos pasos para realizar una tarea = Una experiencia fluida.

Nuevo diseño de la pantalla principal con todas las opciones

El rediseño de la interfaz de usuario se centró en abordar los principales puntos de fricción, manteniendo una experiencia familiar para los usuarios actuales.

Las mejoras clave incluyen:

  • Unificación del panel principal al reducirlo de 2 a 1, enfocando las funciones principales en un diseño conciso y preciso que mejora la usabilidad.

  • Eliminación de modales de pantalla completa en favor de un área dedicada, siempre visible, para mostrar configuraciones y otras funciones de la impresora, mejorando la accesibilidad y eficiencia de las tareas.

  • El área de gestión de trabajos siempre visible, una característica crítica para los usuarios, asegurando acceso rápido a información esencial relacionada con los trabajos sin navegación adicional.

  • Indicadores de estado y notificaciones mejorados, eliminando elementos visuales redundantes o desalineados para garantizar claridad y relevancia, ayudando a los usuarios a responder rápidamente ante cualquier eventualidad.

  • Simplificación de la información mostrada, priorizando los datos más utilizados para reducir la carga cognitiva, resultando en una interfaz más limpia y enfocada.

  • Una experiencia visual actualizada que se alinea con los estándares de diseño actuales y cumple con los requisitos de accesibilidad, mejorando el atractivo estético y la funcionalidad.

Imagen comparativa del antiguo diseño de interfaz de usuario

Imagen comparativa del nuevo diseño de interfaz de usuario

He trabajado con

Necesitas ayuda con tu proyecto?

Hablemos