Adding a Return Address
Ink Cards App
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.
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.
Make it quick and easy for customers to add a return address.
UX/UI, prototyping, research, usability testing
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 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?
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. 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.
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 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
How might we allow customers to add a return address to their order?
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 allow customers to add a return address in the card creation process because it 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.
I also thought about grouping the actions of adding recipients and return address on one screen, but this would’ve created even more steps for customers who did not want to add a return address.
Forcing customers to see the return address form was another solution I explored, but I decided against this because adding a return address might feel required even though they could tap the Skip button in the upper right.
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.
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 2 above) and one where the return address step is on the Order Summary screen (version 5 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.
Hearing from real 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, we decided as a team 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.
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.
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.
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.
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%.
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.