Weather Window

Connect with your friends or meet new people and experience the weather, together

Concept

Through the simple use of Mixed Reality glasses and a phone, anyone can connect with each other from all over the world and experience the weather together, from the comfort of their own home.

Deliverables:

  • Brand Designs
  • 3D modelled mockups of headset and simulations
  • Video Advertisements
  • App

Team Roles:

  • Design Researchers: Sarah, Ageesa, Patricia, Luiz, Gabriel
  • UI/UX Designers: Sarah, Ageesa
  • Branding: Sarah, Ageesa, Patricia
  • Concept Artists: Gabriel, Ageesa
  • UX Motion Designers: Sarah, Luiz
  • 3D Modelling, AR + MR Simulations: Gabriel
Skip the Process and Jump to Deliverables!

Problem Statement

In 2021, many people are stuck inside their houses and are thus limited in the ways that they can spend time together. There may be a few options, like texting, video calling, streaming a show or playing a video game, but none of these options make you truly feel like you’re truly in the same room as one another. This extends to a bigger problem: that it’s very difficult to experience going outside the four walls of your home, when you’re stuck at home. Many people want to travel, meet new people or even feel like they’re in their home country again because they’re homesick. The reality is a lot of us don’t have the resources or opportunity to do so.

The Challenge

To bring people together using a Mixed Reality simulation of the weather from any area of the globe, allowing people a new way to connect that immerses you in the outdoors.

Features

1.
Users are able to select a location (“window”) in the world on the companion and the weather data from the location will be pulled via API. The mixed reality headset will then create an augmented representation of that location’s weather, within the user’s own space.
2.
The user will be able to chat with other users connected to that same location, and be able to listen to the sound experience of that location through the companion app.
3.
The user will receive a special LED lightbulb programmed to change lighting based on window, to aid in immersing them within the mixed reality space.

Benefits

1.
In an age of technology that aims to bring us together but only manages to push us apart, connecting back with the experience of being outdoors with other people is something that people may desire to help them feel closer to others.
2.
This technology is inclusive to everyone, in any situation. Anyone who is disabled, forced to be at home in quarantine, or cannot travel for whatever reason, is able to use our product to help them experience what they normally wouldn’t have access to; communicating with others while being outside their home. The price of the product can be covered by medical insurance or negotiated to allow wider access.
Design Research

Precedents

These precedents are all centered around the idea of immersivity, whether it's through the means of Virtual Reality, Augmented Reality, or an Interactive display. Each medium has it's own advantages and disadvantages. Precedent 1 and 4 exemplifies the full immersivity that comes with VR, which allows for particular uses such as being a therapeutic device or allowing people to traverse virtual venues. Precedent 2 showcases AR glasses, which has the benefit of displaying digital media over the world around us. Precedent 3 and 5 are both interactive displays, and use physics and physical materials to construct an experience that you can feel and experience with all of your senses. These precedents also have themes of weather simulation, wearable tech, therapy, and socialization. This all served as great inspiration for us to start to creating our concept.

Moodboards

The moodboards show the preliminary ideas we had for the UI design, the physical design and the design of the simulations. Later we would expand on this inspiration and create the branding of our product.

Ideation

Sketches

We came up with a few ideations about what the user would see while looking through the headset and what other products would be needed to make the product come to life! We determined the immersion would benefit from using items such as a fan or mist diffuser. We also visualized how the user would perceive their surroundings through the headset, and experimented with the physical design of the MR glasses.

UX Components

Persona

A potential user we had in mind was a man named Adrian. As an international student studying in Canada, he barely ever gets to travel home to be with his family in Costa Rica. Bridging the gap has been a struggle for him through normal means like texting or calling. With a product like Weather Window, he could really feel connected to them and spend time with them, as if he was back home. Likewise, his family could connect with his experience in Canada better as well.

User Journey

This takes us through Adrian's journey of wondering if there's a product out there that will help him connect better virtually with his loved ones, discovering Weather Window and being pleasantly surprised at how well it's working for him. He has some concerns about the complexity of the technology in regards to his older parents, who aren't as tech savvy as him. Thankfully, since the onboarding process is simple to understand, him and parents have no problems adopting the product into their everyday life

User Stories

Regarding use cases, the main ones that came to mind are combating the isolation that covid-19 has brought upon people, mitigating homesickness, experiencing new environments, and meeting people around the world with the common ground of having the weather to discuss.

Development

Style Tile

We went for a very rounded aesthetic when it came to the branding style, since we wanted the brand to signify friendliness and bubbliness. Most the graphics use simple, circular shapes. The typography followed suite, with rounded sans-serif text. For the logo, we decided to incorporate some symbolism, as the cloud has a "W" integrated in it (representing "Weather") using negative space. The rounded square is meant to represent a "Window" as well. Thus, "Weather Window". The colours were decided upon by looking through various weather themed applications, and we found that blue and yellow, which were natural colours present in the sky and sun, were very popular to use. We decided to use desaturated blues and yellows in the color palette to go for a calmer feeling.

Site Map


High-Fidelity Wireframes and Flows

* Best viewing experience on desktop! Click images to enter focus mode, then hover to pan the wireframes. Click outside images to exit focus mode. On mobile, focus mode is not supported. You can pinch to zoom in on the image instead.

Flow 1: Launching App

Flow 2: Searching for a Window to join

Flow 3: Viewing and filtering messages

Weather Simulations

Render of MR Glasses

Video Advertisement

This is an advertisement I made for the product and it's purpose, using Adobe After Effects and Premiere Pro. It starts off with a skit of a potential user, facing an issue that our product can solve! It then showcases the Weather Window in use.

Summary

Deliverables:

Values:

Mental Health

People experiencing the weather outside their home when they don’t have the motivation or ability to do so may provide a therapeutic effect and aid their mental health, since it allows you to immerse yourself in nature with others (or by themselves if they wish).

Inclusivity

Those with disabilities or mental health challenges that prevent them from being able to meet new people or go outside easily, will feel included in this product because it allows everyone the same access from the comfort of their home.

Socialization

It provides people a new avenue for meeting others or chatting with their loved ones in a new and innovative way. After all, what better ice breaker is there than the talking about the weather?

Next Steps?

I'm planning to go back and add some more app screens to really flesh out that part of the concept and showcase its usefulness.