Serving context aware weather insights for users across the globe
Create, maintain and evolve a adaptable home screen supporting users through a variety of weather modes.
Serving context aware weather insights for users across the globe
Create, maintain and evolve a adaptable home screen supporting users through a variety of weather modes.
Serving context aware weather insights for users across the globe
Create, maintain and evolve a adaptable home screen supporting users through a variety of weather modes.
Role
Sole Product Designer
Project Collaborators
1 Product Manager 1 Content Strategiest 4 Developers
Timeline
2016-2017
Role
Sole Product Designer
Project Collaborators
1 Product Manager 1 Content Strategiest 4 Developers
Timeline
2016-2017
Role
Sole Product Designer
Project Collaborators
1 Product Manager 1 Content Strategiest 4 Developers
Timeline
2016-2017
Overview
The Weather Channel App is accessed by over a million users in thousands of different locations at the same time. Creating a home screen that could serve all these different segments was a big challenge.
Overview
The Weather Channel App is accessed by over a million users in thousands of different locations at the same time. Creating a home screen that could serve all these different segments was a big challenge.
Overview
The Weather Channel App is accessed by over a million users in thousands of different locations at the same time. Creating a home screen that could serve all these different segments was a big challenge.
Problem
The Weather Channel app’s home screen was often static and unrelated to the context in which users experience weather.
Problem
The Weather Channel app’s home screen was often static and unrelated to the context in which users experience weather.
Problem
The Weather Channel app’s home screen was often static and unrelated to the context in which users experience weather.
Problem
The Weather Channel app’s home screen was often static and unrelated to the context in which users experience weather.
Solution
The cognitive weather app home screen powered by content engine made of ‘tiles’ to create a unique experience based on location, weather, date and behavior.
Solution
The cognitive weather app home screen powered by content engine made of ‘tiles’ to create a unique experience based on location, weather, date and behavior.
Solution
The cognitive weather app home screen powered by content engine made of ‘tiles’ to create a unique experience based on location, weather, date and behavior.
Solution
The cognitive weather app home screen powered by content engine made of ‘tiles’ to create a unique experience based on location, weather, date and behavior.
Outcomes
Overall
Keeping users safer during severe weather
We supported editorial storytelling during hurricane Irma and integrated the National Weather Service alerts into alert tiles to keep users informed and safe.
Keeping users safer during severe weather
We supported editorial storytelling during hurricane Irma and integrated the National Weather Service alerts into alert tiles to keep users informed and safe.
Keeping users safer during severe weather
We supported editorial storytelling during hurricane Irma and integrated the National Weather Service alerts into alert tiles to keep users informed and safe.
Keeping users safer during severe weather
We supported editorial storytelling during hurricane Irma and integrated the National Weather Service alerts into alert tiles to keep users informed and safe.
Increased daily CTR by 400%
After the initial launch of the cognitive home screen, we continued to create and launch new insight tiles to bring variance and stickiness to the user experience.
Increased daily CTR by 400%
After the initial launch of the cognitive home screen, we continued to create and launch new insight tiles to bring variance and stickiness to the user experience.
Increased daily CTR by 400%
After the initial launch of the cognitive home screen, we continued to create and launch new insight tiles to bring variance and stickiness to the user experience.
Increased daily CTR by 400%
After the initial launch of the cognitive home screen, we continued to create and launch new insight tiles to bring variance and stickiness to the user experience.
Bringing delight on typical weather days
I designed new ‘holiday tiles’ that would prompt users in Typical Weather segments of upcoming holidays and provide the weather forecast for these important days.
Bringing delight on typical weather days
I designed new ‘holiday tiles’ that would prompt users in Typical Weather segments of upcoming holidays and provide the weather forecast for these important days.
Bringing delight on typical weather days
I designed new ‘holiday tiles’ that would prompt users in Typical Weather segments of upcoming holidays and provide the weather forecast for these important days.
Bringing delight on typical weather days
I designed new ‘holiday tiles’ that would prompt users in Typical Weather segments of upcoming holidays and provide the weather forecast for these important days.
Over 200 unique combinations of home screen content
The cognitive home screen’s tile combination strategy allowed for a unique experience for users on each launch of the app.
Over 200 unique combinations of home screen content
The cognitive home screen’s tile combination strategy allowed for a unique experience for users on each launch of the app.
Over 200 unique combinations of home screen content
The cognitive home screen’s tile combination strategy allowed for a unique experience for users on each launch of the app.
Over 200 unique combinations of home screen content
The cognitive home screen’s tile combination strategy allowed for a unique experience for users on each launch of the app.
Creating the cognitive structure of the home screen
Thousands of user locations was not scalable, so we created segments of weather experience: Severe, Active, and Typical.
Creating the cognitive structure of the home screen
Thousands of user locations was not scalable, so we created segments of weather experience: Severe, Active, and Typical.
Creating the cognitive structure of the home screen
Thousands of user locations was not scalable, so we created segments of weather experience: Severe, Active, and Typical.
Creating the cognitive structure of the home screen
Thousands of user locations was not scalable, so we created segments of weather experience: Severe, Active, and Typical.
Anatomy of the home screen
Anchor & background
Create location and current context for users
Home screen tiles
Provide insight to help the user plan for upcoming weather, and provide links to useful features
Ads
Display at the bottom of the screen and tie into the current weather conditions
Anatomy of the home screen
Anchor & background
Create location and current context for users
Home screen tiles
Provide insight to help the user plan for upcoming weather, and provide links to useful features
Ads
Display at the bottom of the screen and tie into the current weather conditions
Anatomy of the home screen
Anchor & background
Create location and current context for users
Home screen tiles
Provide insight to help the user plan for upcoming weather, and provide links to useful features
Ads
Display at the bottom of the screen and tie into the current weather conditions
A live home screen and a wireframe showing the content design.
The home screen strategy powered over 200 unique combinations of data tiles.
A poster/slide showing the tile suite and overall strategy of the cognitive home screen.
Anatomy of the home screen
Anchor & background
Create location and current context for users
Home screen tiles
Provide insight to help the user plan for upcoming weather, and provide links to useful features
Ads
Display at the bottom of the screen and tie into the current weather conditions
Anatomy of the home screen
Anchor & background
Create location and current context for users
Home screen tiles
Provide insight to help the user plan for upcoming weather, and provide links to useful features
Ads
Display at the bottom of the screen and tie into the current weather conditions
A live home screen and a wireframe showing the content design.
Severe weather experience
The Weather Channel app’s most serious task is keeping people safe during severe weather events. The flexibility of the tile framework and weather modes enabled us to deliver targeted experiences to affected users.
Severe weather experience
The Weather Channel app’s most serious task is keeping people safe during severe weather events. The flexibility of the tile framework and weather modes enabled us to deliver targeted experiences to affected users.
Severe weather experience
The Weather Channel app’s most serious task is keeping people safe during severe weather events. The flexibility of the tile framework and weather modes enabled us to deliver targeted experiences to affected users.
Severe weather experience
The Weather Channel app’s most serious task is keeping people safe during severe weather events. The flexibility of the tile framework and weather modes enabled us to deliver targeted experiences to affected users.
Home screen during sever weather: Hurricane Irma
Provide high priority, up-to-date information about major hurricane movement to users in alert locations, and impacted areas.
Home screen during sever weather: Hurricane Irma
Provide high priority, up-to-date information about major hurricane movement to users in alert locations, and impacted areas.
Home screen during sever weather: Hurricane Irma
Provide high priority, up-to-date information about major hurricane movement to users in alert locations, and impacted areas.
Hurricane Irma home screen timeline evolution.
National Weather Service (NWS) alerts integration
Before the home screen redesign, NWS alerts were not integrated with the home screen content, creating a disjoined experience for users. I I addressed this gap by redesigning the severe weather tiles to have the NWS alerts in them.
National Weather Service (NWS) alerts integration
Before the home screen redesign, NWS alerts were not integrated with the home screen content, creating a disjoined experience for users. I I addressed this gap by redesigning the severe weather tiles to have the NWS alerts in them.
National Weather Service (NWS) alerts integration
Before the home screen redesign, NWS alerts were not integrated with the home screen content, creating a disjoined experience for users. I I addressed this gap by redesigning the severe weather tiles to have the NWS alerts in them.
Determined ideal visual treatment for maximum impact with A/B test
I tested two visual treatments with users in person and in a live A/B test with users in the ‘Severe 3’ segment. The version with the red bar performed better in both scenarios.
Determined ideal visual treatment for maximum impact with A/B test
I tested two visual treatments with users in person and in a live A/B test with users in the ‘Severe 3’ segment. The version with the red bar performed better in both scenarios.
Determined ideal visual treatment for maximum impact with A/B test
I tested two visual treatments with users in person and in a live A/B test with users in the ‘Severe 3’ segment. The version with the red bar performed better in both scenarios.
“My eye went straight to the red bar”
-Weather Channel App users
“My eye went straight to the red bar”
-Weather Channel App user
“My eye went straight to the red bar”
-Weather Channel App users
“My eye went straight to the red bar”
-Weather Channel App users
“It looks like there’s dangerous rain”
-Weather Channel App users
“It looks like there’s dangerous rain”
-Weather Channel App users
“It looks like there’s dangerous rain”
-Weather Channel App users
“I couldn’t really tell that badge was red”
-Weather Channel App users
“I couldn’t really tell that badge was red”
-Weather Channel App users
“I couldn’t really tell that badge was red”
-Weather Channel App users
Final design NWS hero tile suite
Final design NWS hero tile suite
Final design NWS hero tile suite
Home screen during sever weather: Hurricane Irma
Provide high priority, up-to-date information about major hurricane movement to users in alert locations, and impacted areas.
Home screen during sever weather: Hurricane Irma
Provide high priority, up-to-date information about major hurricane movement to users in alert locations, and impacted areas.
National Weather Service (NWS) alerts integration
Before the home screen redesign, NWS alerts were not integrated with the home screen content, creating a disjoined experience for users. I I addressed this gap by redesigning the severe weather tiles to have the NWS alerts in them.
National Weather Service (NWS) alerts integration
Before the home screen redesign, NWS alerts were not integrated with the home screen content, creating a disjoined experience for users. I I addressed this gap by redesigning the severe weather tiles to have the NWS alerts in them.
Hurricane Irma home screen timeline evolution.
Determined ideal visual treatment for maximum impact with A/B test
I tested two visual treatments with users in person and in a live A/B test with users in the ‘Severe 3’ segment. The version with the red bar performed better in both scenarios.
Determined ideal visual treatment for maximum impact with A/B test
I tested two visual treatments with users in person and in a live A/B test with users in the ‘Severe 3’ segment. The version with the red bar performed better in both scenarios.
Final design NWS hero tile suite
Final design NWS hero tile suite
Typical weather experience
The Weather Channel typically sees low user interaction during sunny days. We saw typical sunny weather scenarios as an opportunity to offer delight and value to users in good times as well as the bad.
Typical weather experience
The Weather Channel typically sees low user interaction during sunny days. We saw typical sunny weather scenarios as an opportunity to offer delight and value to users in good times as well as the bad.
Typical weather experience
The Weather Channel typically sees low user interaction during sunny days. We saw typical sunny weather scenarios as an opportunity to offer delight and value to users in good times as well as the bad.
Typical weather experience
The Weather Channel typically sees low user interaction during sunny days. We saw typical sunny weather scenarios as an opportunity to offer delight and value to users in good times as well as the bad.
Allergy Tracker
I designed a new insight tile support users in typical weather modes suffering with allergies. The allergy tracker performs well regularly and helps drive CTA, especially during the summer months when traffic is notoriously slow.
Allergy Tracker
I designed a new insight tile support users in typical weather modes suffering with allergies. The allergy tracker performs well regularly and helps drive CTA, especially during the summer months when traffic is notoriously slow.
Allergy Tracker
I designed a new insight tile support users in typical weather modes suffering with allergies. The allergy tracker performs well regularly and helps drive CTA, especially during the summer months when traffic is notoriously slow.
Allergy tracker icon evolution from sketches to digital explorations and final implementation.
Holiday and event forecasts
Support users in context of holidays and life events- things worth checking the weather for!
Over 10 event tiles were launched. The editorial event insights consistently drive higher CTR by 5% (delight works!)
Holiday and event forecasts
Support users in context of holidays and life events- things worth checking the weather for!
Over 10 event tiles were launched. The editorial event insights consistently drive higher CTR by 5% (delight works!)
Holiday and event forecasts
Support users in context of holidays and life events- things worth checking the weather for!
Over 10 event tiles were launched. The editorial event insights consistently drive higher CTR by 5% (delight works!)
Final event design and iterations for multiple holidays.
Allergy Tracker
I designed a new insight tile support users in typical weather modes suffering with allergies. The allergy tracker performs well regularly and helps drive CTA, especially during the summer months when traffic is notoriously slow.
Allergy Tracker
I designed a new insight tile support users in typical weather modes suffering with allergies. The allergy tracker performs well regularly and helps drive CTA, especially during the summer months when traffic is notoriously slow.
Allergy tracker icon evolution from sketches to digital explorations and final implementation.
Holiday and event forecasts
Support users in context of holidays and life events- things worth checking the weather for!
Over 10 event tiles were launched. The editorial event insights consistently drive higher CTR by 5% (delight works!)
Holiday and event forecasts
Support users in context of holidays and life events- things worth checking the weather for!
Over 10 event tiles were launched. The editorial event insights consistently drive higher CTR by 5% (delight works!)
Final event design and iterations for multiple holidays.
Envisioning the future of the home screen
I looked to expand upon the success of the customizable home screen by envisioning a future state where the content from the whole application used the insight tile format.
Envisioning the future of the home screen
I looked to expand upon the success of the customizable home screen by envisioning a future state where the content from the whole application used the insight tile format.
Envisioning the future of the home screen
I looked to expand upon the success of the customizable home screen by envisioning a future state where the content from the whole application used the insight tile format.
Envisioning the future of the home screen
I looked to expand upon the success of the customizable home screen by envisioning a future state where the content from the whole application used the insight tile format.
Concept work
I worked with development to determine feasibility of a scrollable home page. We presented the concepts to leadership in Q4 2017, and they provided the foundation for a redesign of the application in use today.
Concept work
I worked with development to determine feasibility of a scrollable home page. We presented the concepts to leadership in Q4 2017, and they provided the foundation for a redesign of the application in use today.
Concept work
I worked with development to determine feasibility of a scrollable home page. We presented the concepts to leadership in Q4 2017, and they provided the foundation for a redesign of the application in use today.
Evolution of the concept work for the future of the home screen from sketches to lo-fi and high fidelity mockups.
Concept work
I worked with development to determine feasibility of a scrollable home page. We presented the concepts to leadership in Q4 2017, and they provided the foundation for a redesign of the application in use today.
Concept work
I worked with development to determine feasibility of a scrollable home page. We presented the concepts to leadership in Q4 2017, and they provided the foundation for a redesign of the application in use today.
Evolution of the concept work for the future of the home screen from sketches to lo-fi and high fidelity mockups.
Reflections
Gain behavioral insights through leveraging user segments.
Working on the home screen was so exciting because we were supporting over a million users a day. I was able to see how my work was affecting quantitative trends for the first time in my career. Learning how to segment users and test in less severe segments is knowledge that I have brought forward in the rest of my career.
Power thousands of unique experiences at once with complex rule engines.
This project taught me that I LOVE creating experience frameworks that adapt to the data available. This has been a huge foundational piece of learning for my career.
Reflections
Gain behavioral insights through leveraging user segments.
Working on the home screen was so exciting because we were supporting over a million users a day. I was able to see how my work was affecting quantitative trends for the first time in my career. Learning how to segment users and test in less severe segments is knowledge that I have brought forward in the rest of my career.
Power thousands of unique experiences at once with complex rule engines.
This project taught me that I LOVE creating experience frameworks that adapt to the data available. This has been a huge foundational piece of learning for my career.
Reflections
Gain behavioral insights through leveraging user segments.
Working on the home screen was so exciting because we were supporting over a million users a day. I was able to see how my work was affecting quantitative trends for the first time in my career. Learning how to segment users and test in less severe segments is knowledge that I have brought forward in the rest of my career.
Power thousands of unique experiences at once with complex rule engines.
This project taught me that I LOVE creating experience frameworks that adapt to the data available. This has been a huge foundational piece of learning for my career.
Reflections
Gain behavioral insights through leveraging user segments.
Working on the home screen was so exciting because we were supporting over a million users a day. I was able to see how my work was affecting quantitative trends for the first time in my career. Learning how to segment users and test in less severe segments is knowledge that I have brought forward in the rest of my career.
Power thousands of unique experiences at once with complex rule engines.
This project taught me that I LOVE creating experience frameworks that adapt to the data available. This has been a huge foundational piece of learning for my career.
