PNI, Staples Case Study

Clarity & Conversion for Printing

Increasing USA multi-page printing cart conversion by 7 percentage points nationwide and improving the printing experience

This project and others I did at PNI Media were part of the Apollo project. The Apollo project has taken the scattered end-user experience of a $50 billion marketplace and made it a simple, more engaging experience for both retailer and customers. The online printing experience was improved while helping customers achieve their goals and increasing USA multi-page printing cart conversion by 7 percentage points nationwide.

Impact of design, 7 percentage points inscrease in cart conversion, larger document view, clearer price

Problem Statement

Customers were dropping off in the printing flow

The Staples print configurator was built to allow customers to upload documents for printing. Customers wanted a clearer view of price accrued and a larger view of the uploaded document. Data showed customers were dropping out of the configurator flow at the multi-document notification modal.

pni-staples-cart-problem-statement

Intitial User Testing and Feedback

Initial user testing went well,...unfortunately!

During the first round of user testing users didn't appear to have much trouble at the Combining Files Notification modal offering no clues as to why the step brought so many drop-offs in the the real world.

I felt the user testing condidates were being a bit too glib about owning the details of the printed documents. In order to extract more focus out of the users I decided to use the exact same testing plan and secript but to set a time limit for the next round of user testing.

This worked!

Every user that had mulitple documents struggled to clearly understand the Combining Files Notification modal, mirroring the cart flow analytics in the real world.

pni-staples-cart-problem-user-testing-time-limit

Iteration Results of User Testing and Feedback

Discovering why users are unclear about the "Combining Files" notification wording and icon when uploading their documents

Users weren’t always printing files that belonged to one document. The concept of “combining files” became confusing or unwanted. The title, icon, text description and call to action buttons all led to a certain level of trepidation for most users.

pni-staples-cart-problem-user-testing-time-limit

Staples online printing "Combining Files" notification user testing feedback

In addition users were having troubles finding the price and were wanting to see a larger view of their documents

The online printing flow sent the user to a modal. This modal covered over the home button and cart UI preventing users from having quick access to these features. Some users had trouble noticing price changes since most eye tracking data showed users focused on the printing options UI area. A significant number of users requested a larger view of their uploaded document.

pni-staples-cart-problem-user-testing-time-limit

Staples online printing document print settings issues

Data Analysis

Only 8% of users select the binding option to combine files

I was curious how many customers needed to actually combine their files together at the binding step. It turned out only 8% of the users actually ever selected the binding option which meant most users weren't printing files that needed to be combined together. The concept of combining files was too close to the print settings step for binding pages together. It was true that in the database the individual files were being combined into one file in order to print, but the customer never sees this, nor needed to know this.

pni-staples-cart-problem-customer-experience-perspective

Solutions

Clarifying the messaging about print settings for mulitple files

The solution was to redesign the icon, title, description text and call to action button labels. The solution worked because the Multiple Files message covered more use cases with clarity. Whether printing multiple files with the same print options or printing multiple files with different print options the users understood what would happen with their files and made the appropriate CTA choice on the modal to successfully print their files.

pni-staples-hercules-multiple-files

Staples online printing "Combining Files" notification solution

Redesign of the print settings layout UI to help users select options with ease and be empowered with price awareness

The new print settings page layout design allowed for more options in the header navigation, including a way back to the home page, a link to the help resources, and a view of the cart UI. The printing option buttons were made smaller to allow for space for a larger document preview. The price per page was moved close to the "Next" action button to allow users to better see the price and price changes while adjusting the printing setting, and before moving on to the next step.

PNI Media Staples cart conversion print settings UX solution

Staples online printing document print settings solutions

User Testing and Feedback for New Designs

Users felt the new messaging and layout adjustments were easy to understand and navigate

Users felt the new messaging and layout adjustments were easy to understand and navigate. The price and the CTA together in the bottom right helped users be cognizant of the product cost as they made changes to ptint options and progressed through the steps. Adding the cart button helped users quickly exit to make a payment. Navigating in and out of the the entire printing flow was easy.

pni-staples-cart-problem-user-testing-feedback-quote-1-

Impact

Over the next seven months the impact of the designs showed tangible results of a cart conversion increase of 7 percentage points nationwide for all USA multi-page printing and an improved printing experience with no significant drop offs

Impact of design, 7 percentage points inscrease in cart conversion, larger document view, clearer price

Thank you

Thank you for taking the time to read through this case study. If you have any comments or questions about the case study feel free to reach out,

More Case Studies

Previous Next