Temp° | Skillshare Projects

David B.

Designer & Illustrator




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.

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.

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.

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.

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.


Please sign in or sign up to comment.