Classes in Mobility App

Set the Preferred Facilities

If it’s your first time trying to view/book a class, whenever you click on a web category related to Classes or the ‘Classes’ menu on the bottom navigation panel, you will be shown the following pop-up.

When you click on the ‘OKAY’ button, you will be directed to another screen, where you can filter the facilities using the ‘Region Filter’ option and mark them as your preferred facilities. Users are encouraged to maintain a maximum number of 5 preferred facilities considering the performance of the app, but they are not restricted on the number of preferences they can have.

Classes - List Cards

Info card of a class included within the membership,

In the generic card view for a class that is included within the membership, the class name, cover image, start time, duration, available slots, instructor name, city, facility, and room will be stated.

Info card of a class that should be paid,

In the generic card view for a class that is included within the membership, the class name, cover image, start time, duration, available slots, instructor name, city, facility, room, and the payable price will be stated. For the classes that should be paid directly, only the price will be shown and for the classes where value cards can be redeemed to settle the payments, a ‘value card’ icon will be shown near the price value.

Different Class Types

Based on the nature of the class, there can be 3 different flows as explained here.

First, you can select one of the info cards that relate to a specific class from the Class List View.

If you are trying to book a class included within the membership,

You will be shown the respective ‘Join Class’ screen. This screen will show all the necessary details that should be known before you book a slot. By clicking on the ‘JOIN CLASS’ button, you can book a slot from the class you wish and you will be directed to the ‘Booking Confirmation’ screen. At this point, you can click on the ‘ADD TO CALENDAR’ button if you wish to add an entry to your mobile phone’s native calendar.

If you are trying to book a class that should be paid directly,

You will be shown the respective ‘Add to Cart’ screen. This screen will show all the necessary details including the ‘Price’ that should be known before you book a slot. By clicking on the ‘ADD TO CART' button, you can add the selected class to the shopping cart and a success pop-up will be shown.

The ‘CONTINUE SHOPPING’ will take you back to the list of classes where you came from, meanwhile, the ‘VIEW CART’ button will direct you to the shopping cart.

If you are trying to book a class by redeeming a value card,

You will be shown the respective ‘Add to Cart’ screen. This screen will show all the necessary details including the ‘Price’ that should be known before you book a slot. Importantly, on this screen, you will see the number of value cards that are readily available to redeem in place.

There are two options that you can take. ‘BOOK WITH VALUE CARD’ and ‘ADD TO CART’. The difference is that using the first option,' BOOK WITH VALUR CARD', you can complete the class booking on the same go without adding it to the shopping cart or before switching to any other flows. By selecting the ‘ADD TO CART’, you can add the class to the shopping cart and checkout along with any other item that’ll be added to the cart.

Class Bookings - Info Cards

There are a few different statuses to which a certain class booking might fall during its life cycle.

A Booked Class

A ‘Booked Class’ will be indicated in ‘Green’ as shown below. This type of bookings can easily be identified from the ‘Booked’ tag.

Waiting List Enabled

When a certain class is fully booked and the ‘waiting list’ setting is enabled for the class at the time of creation, the users will be allowed to join the waiting list. Here, if someone who booked a slot cancels, that particular empty slot can be booked by the users on the waiting list based on a first come first serve basis. Normally, these types of classes are shown in ‘Brown’. Once the ‘waiting list’ is enabled for a given class, it’ll be shown on the info card itself with the number of users waiting in the queue.

In the Waiting List

Whenever a user enters a waiting list, in the corresponding info card, his spot on the waiting list will be shown. This type of bookings can easily be identified from the ‘In queue’ tag.

Cancelled Booking

A class can be cancelled by the user himself or by the instructor if there occurs any inconvenience. Any cancelled class will be marked in ’Red' color and this type of bookings can easily be identified from the ‘Cancelled’ tag.

Drop-In Classes

If a certain class cannot be booked via the mobile app, and the users can join those classes by visiting the respective facility, they are marked as ‘Drop-In’ classes and shown in the ‘Grey’ color.

Join/Drop-out from the Waiting List

At a point when the ‘Waiting List’ is enabled for a particular class, and the user clicks on that class info card from the list view, he will be shown a ‘JOIN WAITING LIST’ button that can be used to reserve the next available spot on the waiting list.

If you are already on the ‘Waiting List’ and wish to drop out from it, you can simply click on the ‘DROP OUT FROM WAITING LIST’ on the screen as shown below.

First Available Date

The list of classes usually starts from the first date when there exist scheduled classes. If there aren’t classes scheduled for a certain date or a date range, it’ll be shown as follows, so that you won’t get confused. Also, even if there’s a date somewhere in the middle, without any classes, they will be marked as shown in the following snapshots.

No-Show Fees

Whenever you miss to attend the booked classes, you will be charged a No-Show fee that you should settle to be eligible to book other classes. If you are a user who has missed classes and is no longer allowed to book classes through the app, you will be notified to pay the due No-Show fee and immediately go on booking.

Enabling the waiting list for a Class

1. Go to the BRP configuration

2. Go to Settings

3. Search for the “waiting list" setting

4. Enable the setting

Class Card Variations based on different Settings

Assume a scenario with 20 slots in total and 5 are booked,

Based on the two setting, showAvailableSlots and showNumberOfParticipants , the following variations can be identified. By using various combinations of these two settings, you can customize the way how you need to show available slots for the classes.

showAvailableSlots >>> FALSE
showNumberOfParticipants >>> FALSE

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> FALSE

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> TRUE

showAvailableSlots >>> FALSE
showNumberOfParticipants >>> TRUE

Prototype