Illustrator & Pixate
November - December
2015 (1 month)
Knowing the weather and temperature conditions have become an integral part of our daily lives whether it be to get ready for work or prepare for an outdoor activity or night out. However, current weather apps on the market tend to overcomplicate this simple process in our lives by adding an excess of unnecessary features and providing information on additional weather details that most users don’t care about.
Create a weather app that uncomplicates the information and the process of decoding current and future weather forecasts through a minimal amount of screens and interactions. To make the information easier to digest, the app should focus on making the numerical data more meaningful to the user through a cohesive visual language.
Communicating through visuals will not only transcend boundaries between language and different measures of temperature — Celsius & Fahrenheit — but will allow users to feel the temperature and weather — through connotative messages implied through colour and illustrations.
Students / workers preparing to get ready to go outside — can occur anytime throughout the day, but most likely mornings before classes or work. They are often stressed, have low attention spans, and are tired in the mornings.
Commutes to get to other places (on a daily basis) or has plans revolving around the weather. Getting ready is an individual activity, but planned outdoor activities can affect group settings. If unprepared, weather conditions can also affect the user’s health and mood.
Would occur before the user leaves home and would be viewed indoors since they are not affected by the weather and need to prepare before they go outside.
Tech-savvy, familiar with most touch and gestures available in current apps on the market. Important that the app provides accurate information since it can affect many of the user’s decisions that day. Inaccurate weather forecasts can affect user’s health and mood.
3 main pages: current weather pages, weather in 5 days, & location management. Users can add additional pages when locations are added.
By wireframing, I was able to figure out how to condense 3 key types of providing visual information: humorous phrases to visualize weather, colour to indicate temperature, and clothing illustrations to indicate weather and temperature with a minimal amount of screens. Easy & intuitive gestures were implemented to access other hidden information.
Temperature is viewed through the colour of the screen. Added locations can be seen by swiping the main screen left or right.
Illustrations of suggested clothing are displayed on the main screens so that users can quickly understand how they should dress for the day.
Needs: Susan has a low attention span in the morning and is irritable before classes. She needs an easy summary of the weather for the day without having to think too hard about it.
How: She opens up the app and the weather of her current location is automatically displayed. She sees a written descriptor of the weather with suggestions of types of clothing to wear for the day. She scrolls down to view the weather in greater detail and a breakdown of the day hourly.
Needs: Stefana is from San Francisco and needs to prepare for a 2 day business trip to Beijing. She wants to get an idea of what the weather is like in preparation for her trip.
How: She taps the add button in the top-right corner and then taps on location to type the name of the city: Sydney. She drags the Beijing module from the last position to the second to easily compare temperatures between San Francisco and Beijing.
Needs: Stefana wants to get an idea of what the weather is like in preparation for her trip.
How: Stefana double taps the Beijing screen to view the weather in the next 5 days. She taps the unit coverter to convert the units from Celsius to Fahrenheit. She now has an idea of what clothes to pack and what weather to expect during her stay in Beijing.
If I were to develop the app further, it would be interesting to explore other means of data visualization to aid in the viewer’s comprehension of weather as more than just a number. Also rather than a combination of different ways of reading weather, I feel like it would have been interesting if I approached it more specific to clothing as an indicator of temperature and weather. If the app could sync with the user’s wardrobe, it could give more specific recommendations since some clothing’s composition is a lot lighter or heavier than others (i.e. light pair of trousers vs. heavy sweatpants).
Mobile App, Product Design
Editorial & Art Direction