Jacket —case study of a weather app
I built out the prototype in Adobe XD, one of several prototyping tools I use.
Casual conversation with friends revealed that I'm not the only person who checks my weather app in the wee hours of the morning, sitting on my bed in a towel, trying to decide what to wear for the day while my shades are still closed and it's still dark outside. The weather app that shipped with my Android phone clearly shows the current temperature, but the high and low are are in an 8-point font I can't read without my glasses.
Living in rainy Seattle, my main decision is weather or not I need a rain jacket when I leave for my bus commute.
Defining the Key Pain Points
Weather apps are designed to share data, some of them extravagant amounts of it, but require further interpretation to be useful. FIltering out unnecessary information, and then making a decision based on that data are both friction for the user.
So I had two key pain points to solve:
Solution for the first problem
By paring down the information to bare essentials, in this case high temperature and percent chance of a weather event, we reduce cognitive load for the user.
Solution for the second problem
By offering a background image to give a direction about wardrobe choice, the user doesn't have to interpret numbers or even words. More specific direction is offered with one swipe up.