Weather App Design

Introduction

Would be really cool to have a nice GNOME 3 weather app that would:

  • display current conditions
  • display forecasts
  • show radar maps
  • notify on hazardous weather conditions

Participants

WilliamJonMcCann, Jakub Steiner, GiovanniCampagna

Relevant Art

Lots of good examples out there that we can learn from.

iPhone

http://www.instablogs.com/wp-content/uploads/2012/07/iphone_gallery_4_ButMv_19672.jpg

iPad

http://a5.mzstatic.com/us/r1000/058/Purple/55/ba/aa/mzl.cknfpcul.480x480-75.jpg

Magical Weather for iPad

http://sophiestication.com/magicalweather/magicalweather-hero.png More info

WebOS

http://www.everythingpre.com/wp-content/uploads/2010/07/palm_2010-18-07_121257.png

Windows 8

Windows8.png

Windows 8 Bing Weather App

http://www.bing.com/community/resized-image.ashx/__size/550x0/__key/CommunityServer-Blogs-Components-WeblogFiles/00-00-00-41-77/2543.Home_5F00_HeroCompare.jpg

http://www.bing.com/community/resized-image.ashx/__size/550x0/__key/CommunityServer-Blogs-Components-WeblogFiles/00-00-00-41-77/5140.Places.jpg

weather.superpositionkitty.com

weather.superpositionkitty.com.png

Miui 6

http://i1.wp.com/thezinx.com/wp-content/uploads/miui-6-7.png

Discussion

Might also be interesting to use the same list of locations as the system clock. Need to figure out how those locations are set.

Proposed use cases

  • How do I need to get dressed tomorrow ?
  • Do I need to take my umbrella this morning ?
  • Will I enjoy this outside party tomorrow evening ?
  • Do I need to put the car in the garage or can I leave it outside ?
  • Does some untypical weather situation is making me have to protect myself, my goods or others ?
  • Should I plane to go to the beach or to the cinema this week-end ?
  • Should I take a train ticket to got to the sea next holiday ?
  • Should I go to Finland or Morocco this summer ?
  • It has just stopped to rain. It's sunny now. Can I go out now that the rain has gone ?
  • Is next week weather getting better or worse ?
  • Why is it so hot ?
  • Why is it warmer here than here despite it's usually not ?

Tentative Guidelines

If automatic location is turned on, the application finds the current city when launched. A spinner is shown while it does this:

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/weather/3.14/weather-wire-progress.png

If automatic location is off, or the location cannot be found, the last used location is displayed. If there is no previously used location (ie. if this is the first time the app has been run), then a search screen is displayed:

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/weather/3.14/weather-wire-first-run-no-geolocation.png

Information display for the current location:

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/weather/3.14/weather-wire-current-location.png

More details for the detailed forecast.

If the city being displayed isn't the current location, show the time in the corner:

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/weather/3.14/weather-wire-other-location.png

The location can be changed using the places popover. This allows you to manually search, to toggle automatic location, or to select a previously viewed location:

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/weather/3.14/weather-wire-places.png

Transitions

The backdrops may not remain static but could feature subtle movement. Similarly all stages could transition more dynamically creating a more lively and engaging experience.

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/weather/3.14/weather-load-transition.webm

Comments

  • It's likely that users will enjoy having a forecast on a longer period than 10 days. However, according to specialised websites, Forecast precision is very low on such a long period. Forecast are very precise on a 24 to 48 hours period
  • Please consider "tracking severe weather advisories" as a use case. In normal use, you don't need very frequent updates, and you'll likely only look at the weather app briefly before closing it. When in your basement with the tornado sirens going off, you want up-to-the-minute details.
  • A possibility would be to have different level of details, corresponding partly to precision of forecast (24 or 48 next hours (by 3 hours), 10 days (by day), more (by day)?).
  • The user might be able to "zoom" in a timeline from a level to another in order to navigate. When the period displayed get's longer, graphs and maps could allow to understand and make sense of the evolution of weather through this period.
  • Data should be displayed in order to allow the user : to compare and make sense of them using last days weather, to give precise data by absolute value and precise artwork, to make relation between different weather conditions.
  • The necessity to give fast and easy access to important data (temperature, rain, then wind) shouldn't prevent from displaying more precise information (when, how long will it rain, will the rain be thin etc.). LucGuillemin

See Also

Design/Apps/Weather (last edited 2015-01-29 14:29:22 by AllanDay)