Saltar al contenido
Imagen de cabecera de HP DesignJet.

Hewlett Packard / 2023

HP DesignJet

Diseño de interfaz para impresoras HP DesignJet.

En este proyecto, formé parte del equipo responsable de mejorar la experiencia de usuario de la serie de impresoras HP DesignJet, una gama de impresoras profesionales de gran formato utilizadas por profesionales y empresas de los sectores de la arquitectura, la ingeniería y el diseño. Estas impresoras están diseñadas para ofrecer calidad y fiabilidad, produciendo impresiones de gran formato con un nivel excepcional de detalle y precisión de color. Son utilizadas habitualmente por estudios de diseño, empresas de construcción y servicios de impresión, que confían en ellas para optimizar sus flujos de trabajo, aumentar la productividad y garantizar resultados de alta calidad de forma consistente.

Para respetar las condiciones de confidencialidad establecidas en mi acuerdo de no divulgación, algunos detalles propietarios han sido omitidos o modificados en este caso de estudio. Las conclusiones y aportaciones presentadas son propias y no representan la opinión de HP.

Panel de control de una impresora HP DesignJet

Descripción general

Una experiencia de impresión de primer nivel

Las impresoras HP DesignJet están diseñadas para ofrecer precisión, fiabilidad y eficiencia, proporcionando una experiencia de usuario de primer nivel a profesionales de la arquitectura, la ingeniería y el diseño que necesitan herramientas fiables que puedan integrar en sus flujos de trabajo.

Mi rol en el proyecto

En este proyecto, como diseñador de producto, me centré en mejorar la interfaz de usuario para ofrecer una experiencia de impresión de alto rendimiento, optimizando y creando flujos de trabajo que aumentaran la productividad sin comprometer la calidad, mediante soluciones intuitivas adaptadas a las necesidades de los usuarios.

Impresora de formato medio con el panel de control en primer plano

El reto

Optimizar la UI para impresoras de formato medio y pequeño

¿Cómo mejorar y seguir aportando valor a través de una experiencia de impresión excelente? Para ello, actualizamos continuamente nuestro conocimiento de las necesidades y dificultades de los usuarios, así como del hardware y las actualizaciones de software, para descubrir nuevas formas de mejorar la experiencia de impresión.

Implementar nuevas funcionalidades para mejorar la experiencia de impresión

Cualquier nueva funcionalidad o mejora requiere actualizar nuestro conocimiento mediante investigación de campo para comprender el contexto y obtener Conocimiento sobre la interacción de los usuarios con la UI, identificando puntos de fricción y oportunidades de mejora. A continuación, traduzco todos estos datos en acciones concretas que, junto con el retroalimentación del equipo de ingeniería, ayudan a definir el camino a seguir a la hora de establecer la solución de diseño.

Usuarios interactuando con el panel de control

Descubrimiento

Comprender la evolución de las necesidades de los usuarios

Observar y entrevistar directamente a los usuarios en sus entornos de trabajo es importante porque puede aportar nuevos insights sobre los perfiles de usuario, que deben actualizarse para garantizar que reflejen fielmente la realidad de sus roles y flujos de trabajo.

Composición de un usuario manejando una impresora

Impresora de formato medio con el panel de control en primer plano

Comprender el estado actual de la experiencia de impresión

Para transformar la investigación de campo en conocimiento, utilizo métodos como mapas de empatía, service blueprints y mapas de experiencia de usuario, cada uno de los cuales aporta una perspectiva diferente sobre las interacciones y necesidades de los usuarios.

Service blueprint y mapa de empatía

Definir los objetivos

A partir de los insights obtenidos durante la investigación, definimos claramente los objetivos para la implementación de cada funcionalidad.

  • Simplificar los flujos de usuario y reducir la navegación compleja.
  • Garantizar una comunicación visual accesible y clara que facilite la lectura y ayude a los usuarios a localizar e interpretar la información.
  • Diseñar flujos paso a paso que permitan a los usuarios completar las tareas de forma eficiente, incluso con conocimientos limitados sobre el funcionamiento de la impresora.
  • Integrar alertas, notificaciones y estados claros y en tiempo real para proporcionar información inmediata y accionable, evitando retrasos y errores durante la impresión.
  • Crear una UI flexible que pueda adaptarse a los cambios en los flujos de trabajo de los usuarios, garantizando una eficiencia continua a medida que evolucionan sus necesidades.

Exploración

Actualizar y mejorar el flujo de trabajo del usuario

Analizo y defino cualquier nuevo paso dentro del flujo de trabajo del usuario para mejorar la interacción con la impresora e identificar ineficiencias en el proceso. El objetivo es detectar pasos redundantes, secuencias complejas y áreas en las que los usuarios puedan experimentar fricción.

flujo de trabajo del usuario

Bocetar las pantallas y sus conexiones

Para visualizar la solución, boceto las pantallas y defino cómo se conectan a lo largo del flujo de trabajo del usuario. El uso de pantallas e imágenes de baja fidelidad permite crear prototipos y refinar rápidamente las composiciones, centrándose en la funcionalidad principal sin estar condicionados por los detalles visuales.

Esta visualización facilita obtener retroalimentación e iterar rápidamente, haciendo más sencillo validar el diseño.

Bocetos de la solución

Crear los layouts utilizando el sistema de diseño

Las pantallas de alta fidelidad dan vida a la interfaz de usuario mediante el uso del sistema de diseño. Estas pantallas reflejan los requisitos funcionales y se alinean con los estándares visuales e interactivos de la familia de productos, garantizando el uso coherente de elementos como la tipografía, las paletas de color y la iconografía, así como una experiencia de uso consistente en toda la plataforma.

Sistema de diseño

Prototipar las propuestas de diseño

Transformar las pantallas estáticas en una experiencia interactiva que reproduzca fielmente el flujo de trabajo del usuario previsto es esencial para continuar validando e iterando el diseño. Mediante herramientas de prototipado, conecto las pantallas y defino sus interacciones, permitiendo que los usuarios prueben y naveguen por la UI como lo harían en un escenario real.

El objetivo es presentar una propuesta intuitiva y eficiente que responda a las expectativas de los usuarios antes de pasar a la fase de desarrollo.

Frames de Figma con conectores del prototipo

La solución

Definición y documentación del diseño

Después de completar el proceso de diseño iterativo y validar la solución, preparo la documentación para el equipo de desarrollo. Esta documentación reúne todos los elementos clave del diseño, incluyendo pantallas de alta fidelidad, especificaciones de interacción y diagramas de flujo de usuario, garantizando una comprensión clara de la funcionalidad y la experiencia de usuario previstas.

Múltiples pantallas de la UI

Incluyo anotaciones detalladas para cada pantalla, describiendo el comportamiento de los componentes interactivos y cualquier requisito específico relacionado con la accesibilidad y la adaptabilidad.

Handoff a desarrollo

El resultado

Una experiencia optimizada en diferentes sistemas

He implementado mejoras en diferentes dimensiones de la interfaz de usuario, abordando tanto las necesidades de los usuarios como los objetivos de negocio.

  • 19+ flujos de usuario optimizados.
  • 6+ nuevas funcionalidades diseñadas.
  • Soluciones coherentes diseñadas para 3 sistemas de impresión diferentes.

Interfaces de usuario de impresoras de diferentes tamaños

Experiencia

He colaborado con

Inicia una conversación

Trabajemos juntos.

¿Tienes un proyecto en mente? Hablemos sobre tus objetivos, retos y cómo puedo ayudar a tu empresa.

Ponte en contacto