HP Smart app

Helping users enhance their productivity and efficiency

Helping users enhance their productivity and efficiency

COMPANY

HP

ROLE

Interaction Designer

EXPERTISE

UI & Interaction Design

YEAR

2021

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Project Overview

Project Overview

HP Smart is a popular and widely known printer app with over 50 million users around the world. With my team, I helped create new solution initiatives for the HP Smart app - from creating new features for Scan to enabling users to effortlessly print wherever they go.

My Role

UI Design, Interaction Design

Team

Irene Zabelin - Design Lead
Victor Govea - Project Manager
Ann Feister - UX Writer

The Challenge

The Challenge

How can we help our users improve their workflow as well as increase engagement with our product?

High-level goals:

Improve user effiency.

Improve user effiency.

We aim to aid users in their workflow and productivity by having quick solutions ready at the their fingertips.

Increase user engagement.

We hope to engage more users to the app and increase the number of subscriptions to Smart Advance.

Context

Context

Designing new Scan features for the app

Designing new Scan features for the app

Scribble feature

Scribble feature

Scribble feature

I led the design for two new features: Scribble and Text Extract.

Scribble allows users to electronically sign documents online without the hassle of having to physically print and sign documents.

desktop designs

Solution

Solution

What are our key components?

What are our key components?

It was important to list out the key components that were essential in creating a successful feature, meaning I needed to ensure I was aligning my design solutions to both user needs and technical feasibility.

Line guide

Ensures users are signing in the correct place, accurately and consistently.

Edit actions

Empowering users with quick actions (undo, redo, and delete) to correct any errors.

Stroke-weight

Aids with legibility and accessibility for those who may need varying stroke weights, and allows customized signatures.

Insertable text

Ability to add text is helpful in many ways, from reasons of clarity, customization, and efficiency.

Add a new mark
Place your mark

Text Extract feature

Text Extract feature

Text Extract feature

Text Extraction enables users to pull text from a document or image so that they may be able to easily edit or copy text.

Redesigning the Save Flyout on Desktop

Redesigning the Save Flyout on Desktop

Smart File Name & PDF Password Protection

Smart File Name & PDF Password Protection

Smart File Name & PDF Password Protection

With an HP Smart Advance subscription, users are able to save their files while automatically naming them based on important detected information. They are also able to protect their PDF documents by adding a password.

I was tasked with re-designing the 'Save' flyout to accommodate for the addition of these two new features.

Concepts & Mocks

Concepts & Mocks

3 features that needed to be added to the flyout:

It was important to list out the key components that were essential in creating a successful feature, meaning I needed to ensure I was aligning my design solutions to both user needs and technical feasibility.

+ Smart File Name — Automatically name files based on important, detected information.

+ Document Language — Choosing the correct language the document is in ensures that the Convert to Text or Smart File Name feature works accurately.
+ Password Protection — Allows users to keep their files secure from unwanted access.

Features added but there were a couple of problems…

Our Solution

Our Solution

Scrollable content

Fixed header and footer allows for scrollable content and shortens the length of the flyout.

Centralized information

All information now lives in one centralized info icon, reducing clutter and providing easier navigation.

Scrollable content
Centralized Information
desktop designs