Context and the problem
The onboarding process provides the opportunity to engage users with the brand as well as to enable key settings that would benefit both the user and the business. In Bloomingdale’s case enabling location services, push notifications and App activity tracking are key so that the user could utilize strategic features such as “Store locator, 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 onboarding process needed to be concise, 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 be very to the point explaining 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 notifications and App activity tracking. This is what we found:
User pain points:
User benefits:
2. UX Writing: Once we understood the user’s benefits, pain points, and needs with onboarding and the UX best practices, the design focused heavily on the content. I worked hand in hand with the UX writer to make sure the content was providing clearly the benefits of enabling the different services. Making it all about the user and what they would get out of granting us permissions.
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. Users can quickly read and understand the immediate benefits of enabling the different services.
Methodology and tools applied
Secondary Research, Prototyping, Figma, After Effects, Lottie Files.
All rights belong to Bloomingdale’s Inc.