🖨 HP Smart

Effortless printing on the go.


As part of a UX design course sponsored by HP, we were tasked with re-designing the HP Smart App to streamline the process of mobile printing.

TIMELINE: 4 weeks

Role: Market Research, User Testing, & UI Prototyping

tools: InVision Studio

The Mission

Our team was tasked with user testing and analyzing the new HP Tango Printer along with HP’s mobile printing application HP Smart. This process included market research, defining the target demographic, conducting out-of-box-experience testing, current-state analysis of the app, and rapid prototyping. At the end of this process, we reorganized the app's information architecture and updated the UI in order to create a smoother mobile printing experience.

Production Plan

Market & User Research

A thorough compilation of existing HP products was created in order to gauge how HP classifies their different products, and who they defined as their target user for these printers.

100 participants were surveyed and 5 interviews were also conducted in order to gain insight on general printing habits and tendencies. From our findings, we developed two user personas to define user goals and the target demographic.

From our research, it was concluded that our target demographic was
college students and young adults, as the HP Tango Printer was small, sleek, and relatively affordable. This printer also emphasized the use of mobile-printing from smart devices, syncing to tablets and smartphones, allowing users to “control with a tap and a swipe”. The focus on convenience and mobility of this printer, along with the average printing habits among most college students gathered from our surveys and interviews, led us to the development of the following personas:

OOBE Testing

7 participants took part in an Out-of-Box-Experience test, where their actions were recorded and observed from the point they opened up the packaging to the moment they were able to successfully print.

Overall, users found that the physical product had a clean design with a simple interface. The main problem areas occurred when the user began dealing with connection between the mobile device and the printer. The current system to connect through the network was extremely difficult in every user case during our testing sessions

User Journey Mapping

Tasks executed throughout the user journey were mapped out and grouped into four separate phases:

  1. PURCHASE: Initial acquisition of product, pickup, and transport
  2. OOBE: Printer transport, setup, and connection
  3. USE: Activities done in order to accomplish a successful print
  4. MAINTAIN: Replenishing of resources, troubleshooting, and technical maintenance.

Three major user pain points were found:

  1. Connecting to a network: Users found it extremely difficult to use the mobile app to connect to their printer. This task was found to be “hard”, “confusing”, and “annoying”.
  2. Sending a document to print: Navigating the mobile application was “complicated” and some users were annoyed at the long-winded process to print a document from their mobile device.
  3. Checking manuals for troubleshooting: When users did run into general confusion with how to proceed with certain tasks, they attempted to refer to the manuals. However, this quickly lead to a sense of “information overload” and many found the sheer amount instructions to be “overwhelming”.

From the Out-of-Box-Experience tests and user journey mapping, it became evident that many of the underlying issues could be attributed to the HP Smart App. Our next step was to delve further into how we could address and mitigate these issues.

Current App Analysis

A thorough analysis of the app's current state was conducted to identify major usability issues and frustrations.

Home Action Tiles

  • Overwhelming amount of options and colors for user to distinguish actions

  • Inefficient use of toggle switches to customize tiles

Errors & Alerts

  • User has to tap an action tile just to receive an alert that the feature is unavailable

  • Inefficient use of toggle switches to customize tiles

Find & Select Printer

  • Select Printer - No method to search or quickly find specific model

  • Drop down list has a large amount of options and is difficult to navigate

Wireframing & Paper Prototyping

During a rapid prototyping a workshop ran by Prudential Financial, our team was given 10 minutes to ideate and sketch redesign concepts for the HP Smart App.  

Our primary focus was on the mobile printing and scanning flow, as that was what we found users had the most issues with when testing. Based on our market research, printing and scanning are also the most widely needed and utilized functions of a printer.

High Fidelity Prototyping

Once we solidified the flow and user interactions for the printing process, we translated our wireframes into high fidelity screens using InVision Studio

Final Takeaways

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.