i

Proin gravida nibh vel velit auctor aliquet. Aeni weansoll ic itudin, lorem quis bibe ndum onsequat ipsum, nec sagittis.

Follow us on instagram
Search
  >    >    >  Macy’s App Onboarding Experience

Context and the problem

The onboarding process gives an App the opportunity to introduce the users to the brand and ask for key access that will shape the users experience in the platform. Macy’s specifically needed to increase the rate at which users enabled location services, push notification and App activity tracking. These were key so that the user could utilize strategic features such as “Store drawer, Ads, Product recommendation,  Notification, etc.”

 

Design Process 

The main problem to solve was that as UX designers the task is to allow the users to start interacting with the App as fast as possible,the onbording process needed to be concised, engaging and effective. To do so we focused on animation to convey the message in a more interactive way (users don’t like to read during onboarding) plus content that will very to the point explainning the benefits as well. And while we were showing all the options we always allowed the user to Skip the screen if they wanted to,

 

This project was separated into 3 phases:

 

1. Research: A secondary research was conducted to understand the onboarding best practices for both iOS and Android and what were the user benefits and pain points when enabling locations, push notification and App activity tracking. This is what we found:

User pain points:

  • Onboarding is too long, users want to start interacting with the App
  • Fear of granting too much access where users data can be compromised
  • The current onboarding is flat, not engaging. It doesn’t speak fashion

User benefits:

  • Be able to rceive product recommendations that align with their behavior
  • Be able to access in store features seemless such as price check and the store drawer
  • Be notified of new products, sales and updates of their favorite products at Macy’s

 

2. UX Writing: Once we understood the users benefits, pain points and needs with onboarding and the ux best practices, the design focused heavely on the content. I worked hand on hand with the UX writer to make sure the content was providing clerly the benefits of enabling the different services. Making it all about the user and what they would get out of granting us permissions.

 

3. Animations: Because users might not be inclined to read I created animations that will explain the benefits of granting Macy’s access to the different services.

 

Final Solution

Because we conducted the secondary research, we had a solid base of best ux practices and the main user pain points and needs in the onboarding process to start designing. We delivered a very engaging experience that takes less than 40 seconds to go through. User can quickly see and understand the immediate benefits of enabling the different services in both a visual and written medium.

Since launch we were able to increase Location enabled services by +22.3% on iOS and +16.4% on Android. and Push Notification by +15.4% on iOS and +9.5% on Android. Both are services that directly impact the company revenue efforts.

 

Methodology and tools applied
Secondary Research, Prototyping, Figma, After Effects, Lottie Files.

 

All rights belong to Macy’s Inc.

Category: