Table Tennis Reservation Solution

💡

There is a design challenges from a company and this is the result of challenges.

📌

Preview the full deck, Click here!

Overview

Created a table tennis reservation system for mobile website version, aiming to make it effective and efficient for people to check and reserve available table tennis schedules. The product does not require mandatory login; users can use their company email and WhatsApp number to validate their identity. The solution offers with displaying available time slots for table tennis, allowing users to reserve slots, inviting others to join, and sending notifications as reminders before the scheduled game.

Project Background

In W3 September, I received a design challenge from the DUIX team at paper.id. The problem is: "There are many people queuing up to play table tennis, with the play area located on the 4th floor while the working rooms are on the 2nd and 3rd floors". When facing the problem, I carefully analyze it to arrive at the right problem statement and the concept solution. The team has provided specific approaches, indicators, and deliverables to guide us in addressing this challenge.

Understanding The Problem and Context

Although the problem is clear, I don't want to jump into creating ideas or designs for the solution. I will start by creating a background story hypothesis to get more know from the another view. I use a mock story from a current employee at paper.id about playing table tennis with a particular behavior.

Motivation: Maintain a healthy lifestyle, meet a new member with same interest, and enjoy the work hours breaks

Ability: Providing a table tennis area and know a basic rules and play table tennis

Prompt: Available time and team or other member initiative

After understanding the background story, I created a people journey to play table tennis to gain a deeper understanding of the journey.

From the background story and people's journey, I have identified 3 initial problem hypothesis. These problems lead to reduced work focus, disappointment, wasted time, and uncertainty playing opportunites.

Choose the problem to solve and create the concept

I selected 2 general problems and create a conceptual solution using the approach of providing information, ensuring fair opportunities, and minimizing wasted time.

Furthermore, I create a user story to increase different perspectives into the solution. Next, answer the user story with general a list of ideas. Then, after I have a clear contextual solutions, I created a more detailed concept idea.

From the detailed concept, I use 3 point approach to create a solution that is not only useful but also effective and efficient. Began implementing the concept, I choose the solution using a WhatsApp Chat Bot to enhance effectiveness and efficiency. However, upon deep dive, I found a limitations. For instance, the chat bot make a difficult scanning to provide and display available schedules or facilitate user registration for available play.

Then, I selected the solution of creating a mobile website product. I also create constraints to streamline the idea and avoid further overthinking.

Generate a concept that outlines the interaction between people, the system, and the platform

Starting from the user story, I initiated the creation of an interaction with a user flow, ensuring flow the platform according user story. Also create centralized source interaction from the homepage.

Then, I understanding how the system, platform, and people can interact and applied this flow. However, it's important to note that in this scenario, Flow Number 2 hasn't been implemented due to login limitations.

After sketch a wireframe, I also explore the homepage. There are 3 versions of homepage with a different perspective.

Version 1: Initially, I used version 1 to create an effective schedule. However, if all the slots in the schedule are open, the other menu items become hidden.

Version 2: I also added a menu tab to display the 3 categorized time slots, but this approach can sometimes make user confused, because it only show the time and categorize name. Also the prominence of canceled schedules in the menu makes it easy for users to cancel their bookings.

Version 2.1: Relocated the “cancel schedule” option to the top right corner of the calendar. Additionally, use an icon before it in version 1 to enhance the visibility and make it easier for users to scan the schedule and use the version 2.1 to based of all screen.

Introduce a Table Tennis Reservation

Centralizing the homepage to efficient and effective approach of table tennis reservation. It provides a seamless experience, allowing users to view available schedules, book and cancel them, and receive timely reminders through a timer.