Speculative designs for an abstract and literal weather app.
Weather Representations is a set of speculative designs for a weather app. These were made as a quick exercise in my Information Visualization course at MIT. The prompt was to create two versions of a weather app - one abstract and one literal. All screens were designed and built with p5.js.
I ended up using a combination of simple shapes and color to reflect changing weather conditions. The shapes corresponded to weather conditions such as clouds, precipitation, and wind. The color corresponded to the temperature and time of day.
The thickness of horizontal lines at the top represent wind conditions. The shape in the middle represents sun, clouds, or precipitation. The vertical lines at the bottom represent chance of rain.
Building off of the abstract weather representations, I continued to use shapes and lines to represent weather conditions, while also adding in numbers and location for a more practical weather reading.