Walendar

A calendar app that provides an intuitive schedule experience to uWaterloo students.

DESCIPLINE

User Research, Interaction Design, Product Design, Competitive Research

ROLE

UX Designer
UI Designer

FOR

Personal Passion Project

TEAM

Solo

TIME

15 days
August 2022

TOOLS

Figma, FigJam, Miro, Sketch, Zoom

Summary

Before a study term begins, many of my friends complain about how busy they are and how hard it is for them to arrange a working schedule. I believed there could be a way to enhance academic performance and reduce anxiety for uWaterloo Students.

The solution is an intuitive calendar app tailored specifically for uWaterloo Students through design thinking: Research, Ideation, Prototype and Validation.

The final deliverable is a hi-fi Figma mockup.

Solution

Spark

"I need a smart calendar to save my uni-life."

Spark

Here is a conversation between me and my friends, complaining about how complicated our class schedules could be, and how bad some calendar apps are designed.

Why scheduling?
—"It's the necessity to achieve a task."

Schedule is a plan for carrying out a process. Almost everyone follows a certain schedule: teachers, students, workers, engineers, etc....

Spark

Establish a Routine

When people create and stick to a schedule, they are establishing a routine. As a result, people have more structure and discipline in life.

Goals Become More Tangible

Schedule helps jot down goals, chunk time, and create separate tasks for specific goals.

Research

“What are the problems??”

Interview

My research objective was to understand uWaterloo student's scheduling behaviors. Get a better understanding of how users perceive schedule and associate school with it.

Goals

  • Understand user behaviors, motivations, pain points and goals.

  • Define user problems and challenges.

  • Create user persona and empathy map that help drive the design process.

Questions

  • How do users arrange class schedules and what are some tools they use?

  • How do users feel when they're using the scheduling tools?

  • What are the difficulties that users are facing towards making a perfect schedule?

Methodology

  • Conducted online user interviews with 5 UWaterloo students.

  • Aged 19-21.

  • FromEngineering and Math program.

  • Have experiences using calendar for scheduling.

Empathy Map

User feedback from the interviews were noted, "Empathy Map" was used to synthesize all the data.

Common Themes

1. Live and intuitive Time table
2. Single Sign-on
3. Straight-forward course information
4. Check points for assignments
5. Tailored for UWaterloo

User Persona

After talking to users and understood what users mostly concern about, I started to personify users of the product using User Persona tool.

Goal Statement

Walendar lets users manage their schedules in an efficient and intuitive way.

Ideation

With all the user thoughts and information on hands, I dive into a creative phase where design ideas were brainstormed to solve user problems and achieve the final goal.

Competitive Audit

I conducted a competitive research across 4 similar schedule apps, aiming to identify competitors' strengths and weaknesses. The insights gained helped me develop better products and more effective UX designs.

Themes

  • Product Features

  • Value Proposition

  • Visual Design

  • Interaction

HMW

I focused on building a mobile calendar app, as users are already using calendar apps and it makes sense that users can check schedules at anywhere and anytime. I am targeting auto-generating schedules and reducing manual-efforts.

I focused on building a mobile calendar app, as users are already using calendar apps and it makes sense that users can check schedules at anywhere and anytime. I am targeting auto-generating schedules and reducing manual-efforts.

HMW

How Might We

  1. HMW make schedule management system more intuitive?

  2. HMW help users keep updated of their classes?

  3. HMW show users their daily schedule as easy as by a glance?

  4. HMW show users their daily schedule as easy as by a glance?

Solutions

  • Course management system

  • Dynamic calendar

  • Timetable

  • Assignment & Task

Notes

  • Onboarding System

  • LEARN Single-Sign

  • Information Auto-fetch

  • Clear, straight forward display of data

  • Task checkpoints

  • Clear Information Architecture

Story Board

User Story helps me shape how will users interact with my product in the real world and visualize their emotions and thoughts.

Spark

Paper Wireframe

Aiming to visualize the look of the product and how user will interact with each feature, I started to wireframe on papers.

Design & Test

With all the user thoughts and information on hands, I dive into a creative phase where design ideas were brainstormed to solve user problems and achieve the final goal.

Low-fi

Based on the paper wireframes and defined solutions, I started to create low-fi prototype of each feature using Figma.

Low-fi

Based on the paper wireframes and defined solutions, I started to create low-fi prototype of each feature using Figma.

Usability Test

Usability testing is a commonly used user research technique, and it's a great method for ensuring my designs are easy to use. I conducted moderated tests with UWaterloo Students by asking them to complete a few tasks.

Goal

Figure out if users can finish the core tasks within the app

Questions

  • HMW make schedule management system more intuitive?

  • HMW help users keep updated of their classes?

  • HMW show users their daily schedule as easy as by a glance?

  • HMW show users their daily schedule as easy as by a glance?

KPI

  • Time on task

  • Conversion rate

  • User error rate

Gather and organize information

Data synthesis

Data Into Changes

After the usability tests, I got lots of great information from real users that can help me reach my goal. Therefore, I made the following changes to my design, made it’s better for use.

Before

Before

After

After

Timetable

Course Page

Before

After

Before

After

Task & Assignment

Before

After

Before

After

Design System

My research objective was to understand uWaterloo student's scheduling behaviors. Get a better understanding of how users perceive schedule and associate their school life with it.

Spark

Introducing Walendar

A calendar app that provides an intuitive class scheduling experience to uWaterloo students.

Onboarding

It begins right when students first start their calendar making.


Onboarding give the user a guided introduction to the product, the sign up to the school platform-LEARN, and guide through some critical features of the product

Course Page

Course information will be automatically fetched once the user logs in to the school account.


Information is listed straightforward, and user is able to see the assignments of each course.

Timetable

Each schedule is a block reminding user of the different types of schedules.


Dues are at the top of the panel, act as the highest priority.


There is also a Preview list for tomorrow at the end of the schedule.

Sync Up

Updating your schedule just by a single-click.


All the data including Co-op interviews will be automatically added in your time table.

Task & Assignment

Task list provides space for user to record their To-Do List and connects with Assignment system to better organize their deadlines.


Adding an assignment is really easy and connects with each course which makes the whole process more intuitive.

Introducing Walendar

A calendar app that provides an intuitive class scheduling experience to uWaterloo students.

Onboarding

It begins right when students first start their calendar making.

Onboarding give the user a guided introduction to the product, the sign up to the school platform-LEARN, and guide through some critical features of the product

Homepage

Course Page

Course Page

Course information will be automatically fetched once the user logs in to the school account.

Information is listed straightforward, and user is able to see the assignments of each course.

Timetable

Timetable

Timetable

Each schedule is a block reminding user of the different types of schedules.

Dues are at the top of the panel, act as the highest priority.

There is also a Preview list for tomorrow at the end of the schedule.

Sync Up

Sync Up

Sync Up

Updating your schedule just by a single-click.

All the data including Co-op interviews will be automatically added in your time table.

Task & Assignment

Task & Assignment

Task & Assignment

Task list provides space for user to record their To-Do List and connects with Assignment system to better organize their deadlines.

Adding an assignment is really easy and connects with each course which makes the whole process more intuitive.

Task list provides space for user to record their To-Do List and connects with Assignment system to better organize their deadlines.

Adding an assignment is really easy and connects with each course which makes the whole process more intuitive.

Designed by Shawn Dashan Ji

Designed by Shawn Dashan Ji

Designed by Shawn Dashan Ji