Weather

Designs for a simple, integrated weather application.

Goals

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

Constraints

  • Weather data is provided by the Norweigen Meterological Institute (Norweigen-only API docs).

    • We are required to include a link they specify, which indicates the origin of the data. For example: "Weather forecast from Yr, delivered by the Norwegian Meteorological Institute and the NRK".

    • This page lists all the weather states they use, as well as the symbols for each one.

    • What they provide:
      • Hour by hour forecast. Includes the following:

        • Links to their own forecast pages
        • Date/time of last update
        • Date/time of next update
        • Hour by hour forecast information, starting several hours from now and covering the next 48 hours, including:
          • Summary. For example, "partly cloudy", "heavy rain showers and thunder".
          • Precipitation in mm (expected, minimum, maximum)
          • Wind direction in degrees and compass code
          • Wind speed in mps and a named value (for example, calm)
          • Temperature
          • Pressure
      • 10 day forecast. This includes:

        • Links to their own forecast pages
        • Date/time of last update
        • Date/time of next update
        • Sunrise and sunset (presumably for today)
        • 10 days of forecast data, broken down into 6 hour periods for night, morning, afternoon and evening (00:00 - 06:00, 06:00 - 12:00, 12:00 - 18:00, 18:00-00:00). Each includes:
          • Summary. For example, "partly cloudy", "sunny".
          • Precipitation in mm (expected, minimum, maximum)
          • Wind direction in degrees and compass code
          • Wind speed in mps and a named value (for example, calm)
          • Temperature
          • Pressure

Potential 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?
  • Should I go to the beach this weekend ?
  • It has just stopped raining. Is it safe to go out?

Relevant Art

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

Weather Channel

https://www.imore.com/sites/imore.com/files/styles/larger/public/field/image/2014/11/weather_channel_ipad_air_best_apps_screens.jpg?itok=fFs8cltO

Wunderstation

https://www.imore.com/sites/imore.com/files/styles/larger/public/field/image/2014/11/wunderstation_ipad_air_best_apps_screens.jpg?itok=uSdQgh5T

Yahoo Weather

https://www.imore.com/sites/imore.com/files/styles/larger/public/field/image/2014/11/yahoo_weather_ipad_air_best_apps_screens.jpg?itok=eI-jTLfD

Aero

http://toolsandtoys.net/wp-content/uploads/2013/08/aero-weather-iphone.jpg

Window 8

http://cdn1.alphr.com/sites/alphr/files/images/dir_337/it_photo_168631.jpg

Miui 6

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

Weather Timeline

https://lh3.googleusercontent.com/IDnmIRxwDiRBh-NZIxR8WMau_LrBGVJtwY345MGZLKKlZbSYAIoBEQqPlVnXjRlCEG4=h900

http://www.droid-life.com/wp-content/uploads/2014/09/Weather-Timeline.jpg

Forecast HD

http://m.img.brothersoft.com/win8/3a/3a8f0cc2-646f-4f27-bd26-b3c5e1deef4f_screen1.jpg

https://www.windowscentral.com/sites/wpcentral.com/files/styles/larger/public/field/image/2015/08/Forecast_HD_Main.jpg?itok=V35QvHNF

https://www.windowscentral.com/sites/wpcentral.com/files/styles/xlarge/public/field/image/2014/03/Forecast_HD_Week.jpg?itok=YkC95Z2-

GNOME Shell Openweather Extension

open-weather.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.

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 2019-06-07 08:25:22 by AllanDay)