RA_summary_blue.png

Return Address Case Study

Adding a Return Address

Ink Cards App

RA_summary2x.png

Overview

Ink Cards is an app used to mail physical greeting cards to people. Customers choose a card design, personalize it using their pictures and writing a message, and we mail the card for them. Up until November 2017, customers sending a card did not have a way to include a return address with their card. Now, they can add their return address once and have it appear on all future orders.

The Problem

Customers have been requesting that we add return addressing to our cards since 2016. From our customer support tickets and survey feedback, we heard multiple times that the cards they sent were thrown away because the recipient thought it was junk mail.

The Goal

Make it quick and easy for customers to add a return address.

Role

UX/UI, prototyping, research, usability testing

 

Timeline

September - November 2017

 

Understanding and defining the problem

Before starting the research and design phase, the engineers and I agreed that we needed to address the following in addition to allowing customers to add a return address:

  • What do we do about the data we have for legacy customers who gave us their address when they created an account?

  • What happens if a customer wants to change their return address?

  • What if a customer doesn’t always want to use their return address? What if they do?

  • What if customers never want to add a return address?

With these considerations in mind, how might we create an experience that gives control to customers who want to add a return address and eliminates unnecessary steps for customers who don’t?

Thinking through customer scenarios

Before thinking about the design requirements, I thought about the different scenarios our customers might be in when using the app and the functionality they would need to achieve their goals.

Through customer survey feedback and social media comments, I learned that some customers use our app for personal and business purposes and some customers help send cards on behalf of other family members.

Through customer survey feedback and social media comments, I learned that some customers use our app for personal and business purposes and some customers help send cards on behalf of other family members.

Based on the motivations and outcomes I identified, I was able to more clearly define the scope of the return address feature with the engineers.

 

Competitive analysis

Reviewing greeting card app competitors gave me a better understanding of what customers might expect when adding a return address. It also helped me identify what might and might not work well for our app.


Design requirements for our customers’ ideal outcomes

We needed the following functionality to create the best return address experience for all customers:

  • Make it feel optional so that customers who don’t want to add a return address don’t have to go through extra taps or screens to send a card

  • Make it easy for customers to add and remove their return address to an order

  • Make it easy for customers to edit their return address

  • Make it easy for customers to change their return address for future orders

  • Make it easy for customers to fix their return address for recently placed orders if they discover an error

 

Ideation

How might we allow customers to add a return address to their order?

I made a lot of sketches, and even more in Sketch.

I first explored how and when we’d ask customers to add their return address. Customers needed a way to add a return address to two different types of cards we offer—a postcard that is mailed without an envelope and a flat card that is mailed in an envelope. One of my early ideas was to group the actions of adding recipients and a return address on one screen, but this would’ve created a few extra steps for customers who did not want to add a return address.

version 1

Forcing customers to see the return address form was another solution I explored, but after collecting feedback from people in the office, I decided against this because adding a return address might feel required even though they could tap the Skip button in the upper right.

version 2

Some of our competitors allowed customers to add a return address on the envelope itself, so I tried creating a similar experience for our app. Allowing customers to add a return address in the card creation process felt more natural to the way people write letters in the real world—they write their letter, put it in an envelope, write the recipient address on the envelope, then write their return address in the upper left corner.

version 3

Since return address was going to be an optional feature, I thought that the simplest way we could implement it would be to add the option to the Order Summary screen—our version of the shopping cart. It would be easy for the developers to add a new section for return address, and it would feel more optional than adding it to the card creation process.

version 4

Getting feedback on prototypes

After exploring way more solutions than I showed above, I created two prototypes—one where the return address step is part of the card creation process (version 3 above) and one where the return address step is on the Order Summary screen (version 4 above).

I conducted a remote usability test with 10 people who had never used the Ink app before to see if they struggled to add a return address using the two prototypes. While all 10 users thought it was very easy to add a return address using both prototypes, 6/10 users preferred adding it in the card creation process because the button was more visible, and the experience felt more intuitive.

I also tested the prototypes with 8 people in the office and asked which one they preferred and why. While some preferred adding a return address in the card creation process because it was more visual and intuitive, more people preferred adding a return address at order summary because it felt less forced and less intrusive to the current card creation process.

More feedback from customers

Because new users in the usability test preferred one option, and my colleagues in the office preferred the other, I wanted to collect more data. I sent a survey to Ink customers and found that 44% of users either did not want to add a return address or did not care. With this in mind, I decided to add the return address feature on the Order Summary screen—it would be a simple change for existing customers that wouldn’t negatively impact earlier parts of the funnel; it would feel more optional for all customers; and it would be easier to implement for the engineers.

Final solution for adding a return address

The final solution for adding a return address only changed the existing experience after a customer got to the shopping cart.

After selecting a recipient and getting to the cart, I have the option of adding my return address

 

How might we allow customers to update their return address after placing an order?

Since people make typos all the time, we knew we had to make it easy for our customers to update their return address after placing an order. They can update their address from the order detail screen and have the changes apply to other unsent orders and future orders.

update RA.png
Updating the return address on an order and on future orders. Customers also have the option to remove their return address from an order

Updating the return address on an order and on future orders. Customers also have the option to remove their return address from an order

 
If a customer has another order that has not been printed and shipped, they have the option of updating the return address on that order too

If a customer has another order that has not been printed and shipped, they have the option of updating the return address on that order too

How might we give customers control over adding their return address on future orders?

Once a customer places an order with a return address, the address is saved to their account and added to future orders by default; if they don’t want to add a return address to their next order, they can just toggle it off.

The next time I add a card to the cart, my return address is added by default; however, I can toggle it off

The next time I add a card to the cart, my return address is added by default; however, I can toggle it off

 


Implementing the return address feature

During the implementation of this feature, I worked closely with the iOS, Android, and backend developers to make sure we showed customers the correct return address form and return address update dialogue in different scenarios. Learning about how order information was sent and retrieved on the backend helped me decide when loading and success messages appeared and when the return address update dialogue should be displayed.

 

Post-launch

After we launched the feature. I ran a remote, unmoderated usability test with 4 users new to Ink Cards on iPhone and 4 participants on iPad to identify any issues with adding a return address and did not observe any issues.

Within two weeks of launching return address, 33% of orders included a return address. Overtime, the percentage of unique users who add a return address has remained steady at about 33-36%.

 

Takeaways

With this project, I learned that it’s important to balance the needs of new customers and existing customers when designing a new feature, especially since a new feature could make the app more complicated for existing users.

Working closely with the developers before and during implementation and sitting in on technical meetings about how the client and backend communicate helped me understand both the app and our customers better, which helped me make better design decisions.

If I were to do things differently, I would explore and test more ways to add the return address feature in the card creation process that would not make customers go through an additional screen. I might design one experience for the launch of the return address feature so that all customers are aware that it exists, and then design a different experience for the subsequent times a customer uses the app that doesn’t make them go through an additional screen.