Temp° - student project

I've been sketching some stuff and trying to define my weather app's purpose/audience, but haven't settled on anything yet. To accompany my ideas, here are a few general ways I've been thinking about visualizing information. They're not really wireframes or anything, but super quick diagrams to test the idea.

This first one is a solution to visualizing four different parameters in a single graphic, without making it difficult to read. The idea is that with a quick glance you can gather that it's going to be warm, breezy, and fairly dry.

Temp° - image 1 - student project

This next diagram is a way to visualize the current temperature in relationship to the low/high. I'm thinking about using this if I decide to design a more minimalist weather app. Lows and highs are static circles, with the current temp radiating from the center.

Temp° - image 2 - student project

This one kind of fuses the first two. The center circle displays the date and time, with lines extending out to represent different weather conditions. The further a line extends, the more intense that condition will be. Ex: The longer the temperature line, the hotter it will be. The longer the precipitation online, the heavier the rainfall, etc.

Temp° - image 3 - student project

This next one uses charts to show different parameters. I feel like I've maybe seen something similar to this, so I'm not sure if I'm going to use it unless it ends up being the most practical for my idea.

Temp° - image 4 - student project

The last one uses circles similarly to the pie charts above. The first pic shows how they can be used to show positive temperatures up to 100°, how a second transparent circle can show temps exceeding 100°, and how a counter-clockwise circle can represent negative temperatures. The second picture shows how multiple circles can be used to show different parameters like precipitation and whatnot.

Temp° - image 5 - student project

Temp° - image 6 - student project

David Broderick

Designer & Illustrator