Overcast is a personal weather station right at your fingertips. The concept product is a smarthome device that provides useful weather, air quality, and noise pollution data to the user.
ui/ux, experimental, wip, phone app
This project is still in the works, so please remember that the following is not representative of a final product! Descriptions and fine details may be absent. With that said, take a look.
Honestly, I'm not that much of a weather buff. I needed to learn more, so I started with some basic terminology research. I needed to associate a term's number with an emotional response. Pictured are sources I took direction from.
Different than most other weather applications, the purpose of this app is to provide information in a fun, unique, and brief manner. Interaction and information design is the highlight.
While weather can be predicted based on previous history and current location, Weather Station focuses on current data opposed to predictions.
First and foremost, the user needs to see an overview of today's weather. They can interact with the application to see more detailed information.
With these use cases in mind, I began to design user flows and wireframes. All revolve around showing data simply and quickly.
I devised a few patterns to follow. The first "screen" provides more general information. If a user swipes, they are provided with more specific details.
Now to the hard part: actually deciding what to display, and how to display it. Let's start with the former. I chose what to measure based on what sensors were small, cheap, and easily concealed. This meant small components like humidity detectors were ideal, whereas bulky and expensive tools like anemometers were unlikely to be included. Here's a list of what I chose to include:
I began my work with a series of sketches illustrating how each metric would be displayed. The goals of the project's data visualization are to be fun, be visually related to the data, and be accurate.
Some of the sketches aren't here yet! Check back at a later date to see progress with this project.
This sensor measures noise levels in decibels. Higher levels mean it's noisey outside. Noise is most usually attributed to traffic, yardwork, pets, and other people. Measuring volume levels can help users find and remove excessive noise sources.
Initially, I took a simple line graph and added a waveform shape following the curve of the graph. The data shown was clear, but it wasn't creative or fun.
I coordinated the amplitude of a waveform element with the amount of decibels being registered. This solution incorperates sound elements, but can be difficult to read.
I mapped decibels to line thickness and darkness.
I basically put a line graph through polar coordinates, and added texture to emulate the sights and sounds of "white noise."
Rainfall allows users to measure the amount of precipitation in inches or centimeters. This metric is vital in understanding travel risks, potential flooding, and other hazards. It can also help gardeners know when plants need extra watering.
I considered creating a stylized generated 3D stream to illustrate precipitation. However, this representation is too literal.
Next up are graduated cylinders. While more abstracted, the bar graph style doesn't seem to capture a fluid style.
This sketch uses a rain guage and allows users to scrub a timeline to see what rain accumulated over the past several hours.
A simple styled line graph is the best of all worlds: it's fluid, easily read, and doesn't require any extra interaction to see history.
Because this was a shorter personal project, after sketching I delved straight into high fidelity wireframes and compositions.
I chose an analogous color theme for each graphic to mimic a natural palette. While each graph has different colors, they all abide to the same style. I also wanted colors and design to change depending on data, so I designed two screens each at different extremes.
I really like the way my first compositions displayed data, but I think they are a little too muted in color. The typography could use work as well. It just doesn't convey that "fun" feeling! Here's a second pass.