WKND

Project Overview

The product:

WKND weather app is designed to let users compare multiple locations’ weather forecast and history on a single screen. Users can make customized lists to plan for a perfect weekend (WKND)!

The problem:

Existing weather apps and websites do not offer an easy way to compare the weather in different locations on a specific day.

The goal:

Choosing the date and location with the most ideal weather forecast would let users enjoy outdoor activities more often.

My role:

UX designer designing an app from conception to delivery.

User Research

Summary:

A primary user group identified through research was working adults who enjoy outdoor activities.

This user group confirmed initial assumptions about the app’s main user group, but research
also revealed that some users do not enjoy busy UI of existing weather websites. Other user problems included inability to easily find historical data and having to go back and forth different pages when comparing the weather in multiple locations.

Personas:

After syncing and analyzing findings, I created two personas to come up with common problems that the app will solve.

Competitive audit:

An audit of a few competitor’s products provided direction on gaps and opportunities to address with the WKND weather app.

Initial Design Concepts

Ideation:

I did a quick ideation exercise with Crazy Eights to come up with ideas for how to address gaps identified in the user research and competitive audit. My focus was specifically on multi-location comparison and minimal UI.

Digital wireframes:

After ideating and drafting some paper wireframes, I created the initial designs.

Low-fidelity prototype:

Using  the completed set of wireframes, I created a low-fidelity prototype. The primary user flow I connected was creating a custom new list.

Refining the Design

Mockups:

Based on the insights from the usability studies, I applied design changes such as providing line charts and an easier calendar interaction.

Mockups:

I also applied the same feedback on different screens. I also made changes to layouts in order to fit more information that users wanted while maintaining the UI as simple as possible.

Hi-fidelity prototype:

Responsive Designs

Responsive designs:

The designs for screen size variation included mobile, tablet, and desktop. I optimized designs to fit specific users needs of each device and screen size.

Going Forward

Impact:

The product lets users to optimize their time outside by allowing users to easily monitor the weather in multiple locations.

Next steps:

  1. Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

  2. Conduct more user research to determine more needs.

  3. Create dark mode designs to improve accessibility.