When2meet mockup

When2Meet redesign

Redesigning When2Meet to better highlight the service’s features and improve accessibility.

Role: User Experience Designer

Date: May 2021, 2 weeks

Team: Anand D.

Introduction

I joined Davis Design Interactive’s design challenge and collaborated with another UC Davis student, Anand, on a redesign. Over the course of 2 weeks, we worked on a product that better highlights the service’s features and improves accessibility.

Research

Getting Into the Problem Space

User Journey

To familiarize ourselves with When2meet and discover pain points, we went through the process for creating an event and adding availability to the calendar. Our audit revealed some potential issues and confusion for users at each stage.

User journey
LettuceMeet

Competitive Analysis

With LettuceMeet, all actions are multi-step. First, you mark the calendar then continue to another screen where the user can input details.

Services such as Calendly, meanwhile, are meant for more professional use and offer a library of integrations that improve productivity in people’s workflows.

Ideation and Wireframing

Forming Solutions

After we identified our goal and some areas we wanted to tackle, we moved on to ideation. Anand and I spent a week at this stage, working on generating solutions and introducing new features to make When2meet more accessible. We aimed to preserve When2meet's simple user flow and focused on a few key features that impacted usability.

Faced with a short timeframe to complete work, we built rapid wireframes to quickly conceptualize the ideas that we brainstormed.

Wireframing

1. Time Zone Selector

The current time zone selector's sheer number of options coupled with the inconsistency of the listings led us to reconsider the current format.

We decided to limit the hundreds of options in the selector to only how many local time zones there are in the world. Rather than listing them as Continent/Country, Continent/Country/City, or Continent/City, we denote them here more familiarly by their local time zone abbreviation and full name (ex: PST (Pacific Standard Time)).

Our redesign additionally features a search function to eliminate users' need to scroll down the long list to select their time zone.

Time zone

2.Past Events

When2meet users don’t have the ability to view the past events they've created without returning to them via a saved link stored elsewhere. This method is inefficient and unnecessarily relies on users to keep track of information.

A solution we considered was allowing people to track their past events by creating accounts, but we believed this would go against When2meet’s philosophy. Part of When2meet’s ease of use and a big draw for users is that they don’t need a user account and can immediately create an event or add to a group calendar.

After reviewing the pros and cons of our 3 ideas, we settled on displaying past events as a section of the home page. A big tradeoff with this option is that it relies on cookies to save user information, but because a main goal of our redesign was to keep When2meet as simple as possible, we opted to continue with the 2-page format.

Ideas

3. Viewing the group calendar

A user’s individual availability calendar is covered by a list of who is available and unavailable at a certain time when they hover over that slot on the group calendar.

We came up with a few ideas about how to fix this problem, considering the placement of both calendars and where the names of available and unavailable members should go. We wanted to keep both calendars on the same page; our dilemma was determining where the names of event attendees should go. We drew upon LettuceMeet’s idea of listing out all attendees in a single column next to the group calendar.

We expanded upon this format by displaying names in buttons. The buttons turn green when the attendees are available at a certain time slot and they can also be selected, causing the group calendar to “filter” and display only those selected attendees’ availabilities. This feature is suitable for events with a large number of attendees.

Group calendar gif

Prototyping

Prototyping the User Flow

After we identified our goal and some areas we wanted to tackle, we moved on to ideation. Anand and I spent a week at this stage, working on generating solutions and introducing new features to make When2meet more accessible. We aimed to preserve When2meet's simple user flow and focused on a few key features that impacted usability.