WeatherBug

App Design UX/UI
Project Overview
WeatherBug is an esteemed app for checking detailed weather reports. Many users enjoy the accuracy and in-depth look at weather information; however, the app's main complaint is that the UI is messy and necessary information seems buried. In this project, I update WeatherBug's user flow and interface for the app's more successful use for both the everyday user and the informed user.
My Contributions
In this project, I focus on reworking WeatherBug's informational design into a clean interface and experience. By utilizing simple colors, space, and hierarchy, the systematic information much more comfortable for the user to view and understand.
Facts about weather apps
80% of smartphone users check weather apps daily.
More people are interested in ease of use rather than aesthetic.
Why do smartphone owners download third party weather apps?
Read Article
User Personas

Everyday Checker

- Lives in areas with various weather patterns.
- Dresses according to the weather outside.
- Needs real-time data
- Get's very annoyed when weather apps are not accurate or hard to navigate.

Preferences: Accuracy; navigate layout; Details description

Traveler on the Go
- Travels multiple times in the year to various locations
- Needs real time reports and easy navigation
- Has save data

Preferences: Easy navigation; Get the bullet points; Have multiple places on hand

Science Focused
- Interested in weather pattern predictions
- Wants to see historical weather
- Is intrigued by news stories about weather
- Likes when scientific data is visually pleasing

Preferences:
Have details maps; History of weather patterns; pleasing user interface

User Flow
UI System
Designing for Sensitivity
Because the users had such a strong opinion about poorly the UI was executed in the design that it deterred them from the app. The decision was to create an approachable style to the app that would reference a more common style.
Designing User Interfaces in Emotionally-Sensitive Applications
I used a blue color scheme to stand out from other weather applications and give a "breath of fresh air" to the user. Blue is known to be a calming color and the intent to display clarity to the user and a relaxed feeling when entering the app. It also helps to boost other alerting colors like red and orange; highlighting sunshine and weather warnings. 
HEX: 2e75f6
HEX: 313b41
HEX: eb5428
HEX: 87868c
HEX: ae2519
HEX: eff6fe
How to get WeatherBug noticed?
Now that WeatherBug has a new look to it, it also needs to be promoted where future users would need to see it. Airports and transportation centers are great to advertise weather apps because many travelers want to know the of weather and to expect during travel or at their destination.