Weather for all locations.

Client/Project: Universal Weather App

this is me

Role: UX/UI Designer, Speculator

Goals: Develop a way for, when humanity has colonized the solar system, on-the-go business travelers and tourists can keep track of greatly varied weather patterns and greatly varied protective weather gear needs.

Results: A fully designed, clickable prototype in InVision for testing and future development.

Tools and Techniques:

  • Paper & pencil
  • Lots of Post-its
  • Competition Research
  • Stakeholder Interviews
  • User Flows
  • Sketch
  • Wireframing
  • Adobe Illustrator
  • Visual Design
  • Material Design Libraries

Discovery
I started off this project by researching the current selection of weather apps available in the market today and what data they sought to impart on their users. Many apps favored flashy, slow-loading graphics over data, and lacked the ability to download future forecasts for a time which the user might not be connected to a reliable data network. Often times, an app would simply tell you the weather for your last given location when you checked it. There was no warning of impending rain, or a reminder that while you may have been in the city yesterday, you were now traveling through Death Valley and you might want to remember to bring extra water and sunscreen.

Competition Research


I started off this project by researching the current selection of weather apps available in the market today and what data they sought to impart on their users. Many apps favored flashy, slow-loading graphics over data, and lacked the ability to download future forecasts for a time which the user might not be connected to a reliable data network. Often times, an app would simply tell you the weather for your last given location when you checked it. There was no warning of impending rain, or a reminder that while you may have been in the city yesterday, you were now traveling through Death Valley and you might want to remember to bring extra water and sunscreen.

Wireframe

this is a pencil sketch


I sketched out a lo-fi wireframe for a weather app that would allow you to select a location or have the app find you, download forecasts for specific locations, set reminders, allow for notifications in the result of an emergency weather situation (tornadoes, sudden eclipses, flooding) and choose and scroll between multiple chosen locations. Being a universal app, settings would also allow for seamless shifting from different calendars and systems of measurements.

pencil drawing of wireframes

While I initially focused on a design that included a tutorial, further research on how people use weather apps convinced me to make a design that was obvious, helpful, and forgiving from the start. I decided to use Google’s Material Design principles as a starting point, as the intended market for the app, Android users, would already be very familiar with the navigational principles. In addition to displaying the weather beautifully (with clear backgrounds reminding you where in the solar system you are), I designed a simple system of reminders that followed an “If -random weather event- is due, within -set time-, remind me to -do this-, complete with pre-set reminders and the ability to customize your own.

Visual Design

hi fi mockup of the app

I created hi-fi wireframes in Sketch, and realized that additional weather icons would have to be created alongside the familiar sunny, cloudy, rain icons we all see in our current apps. I created simple vector illustrations that would be useful in a more universal sense – dust storms, meteor showers, sudden vacuum, etc. based on current weather iconography. I then put the wireframes into InVision to test out the prototype and make any additional tweaks to ensure a smooth user experience.

Final Result

hi fi mockup of the app
back to top button