Overhaul Onboarding to Increase User Retention
The goal is to increase user retention by improving the first-time user experience by rethinking our onboarding experience and replacing it with a simplified, friendly setup flow that we can use to launch a user into the app in the right mindset.
Role
UI/UX
Timeline
2 months
Programs
Figma
Date Completed
January 2023
High Level Result:
First time install retention increased by 40% and long-term user retention increase by 25%, increasing overall user engagement to 2x the previous averages.
The Problem
Between Jan-Oct 2022, 40% of iOS and 46% of Android users declined the upsell offer to start a free trial during onboarding. We also saw 46% of iOS and 39% of Android users exit onboarding in the middle of the flow, meaning we lost them as users who didn’t want to complete the onboarding flow.
The two experiences (iOS and Android) were also designed and implemented in a silo, making the experiences incohesive.
The Goals
- Increase user retention and onboarding completion rate.
- Reduce stickiness by making the onboarding process intuitive and easy.
Research
Competitor Analysis
Most of our weather app competitors followed the pattern of [full screen explanation > OS prompt]. Fox had the longest onboarding process but the process didn’t feel as long because of the simple steps and icons on each step. All competitors also had clear buttons for each step that allowed for a lighter cognitive load on the user, but some explanations (especially on location sharing screen) were very long. Many competitors also had their logo on the first welcome screen but omitted in future steps.

Onboarding Examples
I also looked at how other apps not related to weather did their onboarding steps and categorized them by the type of onboarding. The pros and cons are listed for each type next to the section.

Old Experience Analysis
After research, I took a deeper dive into every possible flow of the old onboarding experience to gather the main aspects to improve on.
- Copy and imagery overhaul needed
- Headers, subtext, and buttons were unclear and the images misrepresented what we are asking from the user. (Ex: the first screen header talks about location and so does the image, but the button asks for users to agree to our terms & conditions)
- Need to remove upsell screen
- On our upsell screen (4th screen users see), only 13.5% on iOS and 14.2% on Android interacted with our “Try It, Then Subscribe” button but this is not reflective of the number that actually start the free trial by completing the purchase. The only way to skip this screen without paying the subscription fee is through the “Continue with ads” button which is minimized and hard to see. We lost many potential users because of the placement of the upsell screen.
- Need to consolidate flows for Android and iOS users
- Keep experiences consistent and easier to manage for developers and future iterations
iOS Experience Analysis

Android Experience Analysis

UX Explorations
UX Philosophy
Consolidated the main UX goals after research and analysis to gain alignment from all stakeholders:
- Set user expectation by providing context and value prop for each step without being too wordy
- Connect new users to brand and set the tone for the brand
- New welcome screen
- Include AccuWeather logo on each screen
- Reduce user cognitive load and potential complications
- Fewer choices on one page (like ‘skip’ or ‘go back’)

After consolidating the content of each screen/step, I led discussions around the proper order of each permissions with product and legal teams.
UI Explorations
Full Image Fade:
- Most eye-catching and memorable
- Icons don’t stand out as much on some images
- Different from competitors

Circle Image:
- Lean into AccuWeather’s MinuteCast brand with centered circle
- Able to use eye-catching images
- Also different from competitors

Seasonal Gradients:
- Lean into brand colors and customized imagery that can provide more context to steps
- More similar to competitors’ abstract styling
- Repetitive and not as interesting
- Higher level of effort from brand team

Final UX
- Welcome screen to properly introduce the AccuWeather brand to new users
- Full AccuWeather logo on each page for brand awareness
- Header with clear intentions with subheader for extra context
- Image or icon related to each permissions
- Body copy explaining value propositions for each permissions
- No skip or back buttons to keep the flow straightforward
- Order is from most important (required legally) to least important

Final Designs
Mobile – iOS

Mobile – Android


Download the AccuWeather App and experience the latest onboarding experience!
Results
Revenue Impacts:
- Increased first time install retention by 40% and long-term user retention by 25% (tracked for 6 months after launch)
- No hit to subscriptions revenue by removing upsell page from onboarding
- Average time of onboarding completion decreased from an average of 47 seconds to 20 seconds
Business Impacts
- Created confidence and motivation to include subscription upsell in contextual formats instead of pushing quantity

