HP DesignJet project header image

HP DesignJet

Medium & large format printer UI

The HP DesignJet are a series of world class printers used by professionals and businesses in architecture, engineering, and design sectors. These printers offer precision and reliability, delivering large-format prints with exceptional detail and color accuracy. Design firms, construction firms, and printing studios choose this machine because of the streamlined workflows and enhance productivity relying on the consistent performance and superior quality.

In this project, my role was to improve the user experience by optimizing workflows and designing intuitive features that integrates into the user’s workflow to meet the user’s complex and detail-oriented work.

To respect confidentiality under my non-disclosure agreement, proprietary details have been withheld or adjusted in this case study. The insights provided are mine and do not represent the HP’s views.

Areas
Skills

Control panel of an HP DesignJet printer

Overview

A world class printing experience

Have you ever encountered situations where printing becomes painful and affects your productivity? We all have, and it is a disappointing experience. That’s why the HP DesignJet printers are designed for precision, reliability, and efficiency providing a world-class user experience to professionals in architecture, engineering, and design who require reliable tools to integrate into their workflows.

In this project, as a product designer, I was dedicated to enhancing the user interface of high-performance printing experience, optimizing and creating workflows to boost productivity without compromising on quality by creating intuitive soutions to meet the user’s needs.



The challenge

Optimize the UI for medium and small format printers

How to improve and continue delivery value though with an excellent user printing experience? For this, we continuously refresh our knowledge of our users needs and pains, hardware, and software updates to uncover ways on how to improve the printing experience.

Medium format printer focusing on the control panel

Implementing new features to improve the printing experience

Any new feature or improvement requires updating our knowledge through field research to understand the context and capture insights into the user’s interaction with UI, pinpointing specific pain points and opportunities for improvement. Then I translate all this data into actionable items which, alongside the engineering feedback will be useful to define the path to follow when defining the design solution.

Users interacting with the control panel

Discovery

Understanding of the user evolving needs

Observing and interviewing the user directly within their work environments is important because it might bring new insights into the user personas which needs to be updated to ensure they accurately reflect the realities of users’ roles and workflows.

A commposition of a user operating a printer

Medium format printer focusing on the control panel



Into the state of the experience

To translate field research into actionable insights, I use methods like empathy maps, service blueprints, and user journey mapping, each of which provides unique perspectives on user interactions and needs.

Service blueprint and empathy map

Defining the objectives

With comprehensive insights from the research, we clearly define the objectives for each feature implementation.

  • Simplify the user flows and reduce complex navigation.
  • Ensure accessible, clear visuals to ensure readability, supporting users in easily locating and interpreting information.
  • Design step-by-step workflows to enable users to complete tasks efficiently, even with limited printer operation expertise.
  • Integrate clear, real-time alerts, notifications, and statuses to provide users with immediate, actionable insights to avoid printing delays and errors.
  • Build a flexible UI that can adapt to changes in user workflows, ensuring continued efficiency as user needs evolve.


Exploration

Udpating and improving user flow

I analyze and define any new steps in the user flow to improve the interaction with the printer and pinpoint inefficiencies in the workflow. The objective is to identify redundant steps, complex sequences, and areas where users may encounter friction.

User flow

Sketching the screens and connections

To visualize the solution, I sketch the screens and define how they connect across the user journey. Using low-fidelity screens and images makes it easy to quickly prototype and refine layouts, focusing on core functionality without being constrained by visual details.

This visualization facilitates rapid feedback and iterations, making it easier to validate the the design.

sketching the solution


Creating the layouts using the design system

High-fidelity screens bring the user interface to life by using the design system. These screens reflect the functional requirements and align with the visual and interactive standards of the product family by ensuring the use of cohesive elements such as typography, color schemes, and iconography and usability across the platform.

Design system

Prototyping the solution

Transforming static screens into an interactive experience that closely mirrors the intended user journey is essential to continue validating and iterating the design. By using the prototyping tools, I connect and define the interaction between the screens, allowing users to test and navigate through the UI as they would in a real-world scenario.

The objective is to present an intuitive and efficient proposal that aligns with the user’s expectations before moving into the development phase.

figma frames with prototype conectors


Solution

Design definition and documentation

After completing the iterative design process and validating the solution, I prepare the documentation for handoff to the development team. This documentation encapsulates all critical elements of the design, including high-fidelity screens, interaction specifications, and user flow diagrams, ensuring a clear understanding of the intended functionality and user experience.

Multiple screens of the ui

I include detailed annotations for each screen, outlining the behavior of interactive components and any specific requirements related to accessibility and responsiveness.

Handoff to Development

Impact: An optimized experience across systems

I’ve delivered improvements across several dimensions of the user interface, addressing both user needs and business goals.

  • 17+ Optimized user flows.
  • 6+ New features designed.
  • Designed consistent solutions across 3 different systems.

Printer user interfaces of different sizes

I´ve worked with

Do you need help with your project?

Let's get in touch.