John Beckwith | UI/UX Design

Projects

HP Instant Ink web based promotion and enrollment

Instant Ink is HP's subscription based ink delivery service. My work was primarily on the consumer facing web experince for enrolling for the service.

×

Above: The HP Instant Ink landing page.

×

Above: A step in the printer setup flow required the user to link their printer to their HP Connected account. We went through many rounds of user testing before we landed on the right copy and graphics for what could be a confusing task.

×

Above: Screenshot of a calculator feature on the Instant Ink enrollment page. Users could enter the amount of pages they printed every month to see what plan would best suit their needs.

HP All-in-One App Mobile Printer Setup

When setting up certain models of HP printers, users were prompted to install the HP All-in-One remote app to get their device and printer on to the same wifi network to complete printer setup.

×

Above: Flow diagram showing the path from start to finish, setting up the printer with the HP All-in-One app. This diagram was valuable in the beginning of the design process because it allowed me to work with the app developers to make sure the flow was feasible, and to catch any possible variants and error cases.

×

Above: Some examples of the screens a user would see during printer setup in the AiO Remote app. A big challenge for users with iOS devices was that they were forced to disconnect their device from their wifi network, connect their device to the printer's wifi beacon, then reconnect their device to the wifi network. During this process, users could potentially get their printer and device on two different networks. It was also just a strange concept for users (as we found out through user testing), so the directions had to be very clear and use correct visual cues to match what the user would see on their printer and device. We finally ended up with a flow and UI experience that tested very well and was implemented in to the app.

HP Instant Ink Setup in the AiO App

Depending on the printer the user was setting up, some would receive a prompt to enroll for HP's Instant Ink ink delivery service.

×
×

Above: Screens showing the process of enrolling for Instant Ink after successful printer setup in the HP AiO app. A big challenge here was, by this point, the user had performed the physical printer setup, the app-based printer setup, and now we were trying to get them to enroll for a service. During user testing, we found many users were so mentally taxed by this point they were easily confused. This meant we had to make the experience and design super simple.