Storm Radar Beta

Project Overview

Role
Senior Product Designer,
UX / UI

Timeframe
8 months

Storm Radar is an advanced weather tracking app that allows users to stay informed when severe weather approaches. Owned and operated by The Weather Channel, this iOS app is comprised of users who love to dive deep into technical weather data through the use of high resolution radar.

Goals & Research

Who are Storm Radar's primary users?
  • Predominantly male, ages 55+
  • Weather-dependent professionals, who check the weather to support day-to-day functions of their job.
  • Key user professions include construction, transportation, aviation, agriculture, education, police and fire departments.
  • A desire to access more in-depth, technical weather data.
High Level Business Goals
  • Increase premium subscription opt-ins within the existing user base.
    → Metric: Grow another 500k to 1 million subscribers by hyper-serving advanced radar tools, as well as cross-promoting with The Weather Channel platforms.  
  • Acquire a new audience of users with high-impact radar moments.
    → Metric: Increase DAUs by 15%
  • Improve user satisfaction and retention.
    → Metric: Maintain 80% subscription retention.
Why We Needed a Beta
We had known for some time that the Storm Radar app needed a refresh. An audience survey along with a market assessment had been conducted to learn more about users and their needs. Users were very clear on what features they did and did not want in the experience:
"Research studies indicated that users want a weather radar-centric experience that simply focuses on improving accuracy, forecasting, and detail rather than new 'mass-market' appealing features. Users showed the most interest in advanced precipitation and severe weather tracking whereas features surrounding editorial, health & wellness ranked lowest."
Building an open beta experience allowed for us to be able to conduct usability testing in real time, so we could get a pulse on user preferences. They could submit feedback regarding ease of use, the look of the interface, and the addition of new radar features.
14% of ad-supported users expressed high interest in purchasing a Premium subscription if new features were added.

To achieve the goal of increasing subscriptions, the beta would first be available to Premium subscribers only.

Limiting the beta to paid users ensured feedback came from our most engaged audience.

Discovery & Ideation

How should users get into the Beta?
Since the initial beta experience would be behind a paywall, we had to be thoughtful about the app architecture. We had to solve the problem of how to seamlessly implement an entry point that was highly visible yet not disruptive to ad-supported users.

I created the application map below to highlight the two main entry points.

The first one was a button on the righthand side of the main radar screen. This button was added to an existing set that included a way to get into the main maps menu.

The second entry point was within the main maps menu itself. Since "advanced maps" was a key part of the beta experience, adding a second entry point within the main menu helped give it more context.
The below screens show the final designs and entry points into the experience. A cobalt blue from the existing design system was utilized for way-finding:
Utilizing New Pangea Weather Features
Pangea Weather was an internal software tool for advanced maps and radar forecasting. Based on user research, the Product team identified the key features that would be implemented for the beta experience. These features included:

Considering the Main Radar Experience
As mentioned earlier, the existing interface had not been updated for quite some time due to limited resources. The design system needed a revamp and the Beta was the perfect opportunity to do so.

During a previous project, we had improved the UX of the main layers menu by implementing an Apple sheets inspired design to help enhance the usability. It had proven to be successful, so I made sure to keep that in mind when working on the initial designs for the beta.

Maintaining a familiar interface was essential. Established patterns made it easier for users to adapt to the beta experience.

Early wireframes showing the entry points and preliminary interface designs.

High Fidelity Wireframes

Home Screen Radar
For the main radar screen, I introduced a dark blue top navigation bar to clearly signal that users were in the beta experience. I also added a timeline scrubber, allowing users to animate the map and view forecasted weather.

Watches & Warnings
This advanced map allowed users to filter watches, warnings and other alerts from government sources including the National Weather Service. Users could filter by region, alert type, and severe weather.

When selected, the map uses a color coded system to display active alerts. Users could tap a highlighted area to pull up a sheet that showed all of the active alerts for that location. If there were multiple alerts, the user could easily shuffle through the descriptions to quickly scan for important details.

Accumulations
This map displayed accumulated rain and snowfall, for up to 72 hours in the past and future. Users could press and drag their finger around the map, as the precise accumulation type displayed data for the area within the crosshair.

There were a handful of usability factors to consider when designing this map. I knew we needed to provide users with a legend that was collapsible for quick references. Another challenge included the consideration of how the map interface would change when users set it to display observed versus forecasted data.

Observed data shows past accumulation amounts, and adding a timeframe carousel allowed users to easily switch between previous periods.

Forecasted data displays future accumulation amounts, and instead of a timeframe carousel, users could scrub the timeline to see predicted amounts of precipitation.

Storm View
This distinctive feature let users view storm cell data in real time through a split-screen map layout.

The View Finder map gave a real-time visualization of the user's area. The Tactical map showed a top-down view of storm cells within a 150-mile radius.

We introduced several new controls and icons for this feature, so we added an optional product walkthrough and an FAQ section to help users get oriented.

The Results

What The Users Said
The below reviews were captured from the App Store:

"I’ve tried countless radar apps. This one is the best! I love the accuracy and the beta lab features too. I’m a power user in the USA. For me, nothing beats this app.
"Love Storm Radar! I really am enjoying the beta version too. Always very accurate on the forecast. The radar is outstanding! Can time my chores outside to the radar down to minutes before rain starts.





"I have used them all. I work both in the US and around the world (literally) and this is my go-to app no matter where I am. The radar interface is solid and the long range forecast is so helpful. It is not cluttered with extraneous graphics and you can add layers to what you see very easily. Great product!!





What The Data Reported
The below data points were captured three months after launch:

Success Metrics
The below metrics were captured three months after launch:

BACK TO TOP