Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Note

Please note that this document is a draft and still not finalized.

Info

This page describes the user flows to view, book, cancel and pay for Classes on the Go-Active App.

Table of Contents
minLevel1
maxLevel7

What are Fitness Classes and Group Activities?

The popularity and the attraction of the Fitness Classes are increasing. And if you’re an instructor, fitness fanatic, or a newbie you can benefit from fitness classes. A Fitness Class is simply, an organized meeting in a gymnasium led by an instructor and involving various exercises designed to keep participants fit. Fitness classes provide physical exercise consistently and they are significant for the physical well-being of anyone. The demand for fitness classes has led to the development of many forms of Group Exercises, also known as Group Activities. The term Group Activities encompasses any form of fitness that's done in a group setting, led by a personal trainer or group instructor. Yoga, Spinning, Pilates, Zumba, HIIT, Bootcamp, Kettlebell, etc, are some of the most commonly offered classes. Fusion classes are also more the norm, with combination cardio-strength designs such as cycle–strength or cardio–core class formats. CrossFit has become very popular which is the extreme of these types of group classes.

Before you start,

Classes have been introduced as another type of product facilitated through the Go-Active Mobile Application, making it much easier for the users to book and sign-up for the preferred classes on the go.

You can view the classes even as a Guest User, but to book a class, you should necessarily have an account created.

Classes on Go-Active are twofold based on the manner the payments are done, namely;

  • Classes included within a membership - No additional payment is required and will be included within the membership itself.

  • Classes that should be paid - Can be paid either by direct payments or by redeeming an existing value card

If you are trying to book a class for the first time through the mobile app, you will be asked to set up a few preferred facilities to customize the list of classes you see on the application. The idea behind is that you will only see the classes offered by the preferred facilities that you select.

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.

How to book a Class?

View Classes

When you land on the Home Screen, click on a web category related to Classes, or else click on the ‘Classes’ menu on the bottom navigation panel to view a list of classes.

When you select a specific web category, you will be able to see only the classes that fall under the selected web category, drawn from the preferred facilities based on your selection. By clicking on the ‘info icon’ right next to the caption of the web category, you will be able to see the corresponding ‘Web Category Detail Screen’.

If you select the ‘Classes’ menu directly, you can see a list of all the classes that are drawn from the selected preferred facilities, irrespective of the web categories they belong to.

In the class list view, different classes are represented in distinct info cards, based on the nature of the classes.

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.

Using the calendar component at the top of the screens with the class list views, the user can traverse within the date range as long as the classes are available to see how the classes have been scheduled in the future. Always, the current date will be in the focused state.

Edit the Class Filters

If you wish to edit the list of preferred facilities or adjust ‘Class’ and ‘Instructor’ filters to narrow down the list of classes, it can be done easily by clicking on the ‘Filter icon’ on the top right corner of the screen with the ‘Class List View’.

Each filter can be edited by adding or removing the filter criteria by ticking and un-ticking the relevant items and selecting the ‘UPDATE’ button after the edits. Also, the user can revert the latest edits to the last saved ones by using the ‘Reset’ option available on the top right corner of each screen.

An overview of the applied filters can be seen from the ‘Filter’ screen as follows and by clicking on the ‘FILTER RESULTS’ button, the user can apply all the added filters and see the list of classes accordingly.

Book a Class

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.

Image RemovedImage Added

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.

Image RemovedImage Added

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.

Image RemovedImage Added

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.

When clicked on the ‘BOOK WITH VALUE CARD’ button, you will be directed to a screen where you get to see a list of available value cards. You can select any of them and click on the ‘BOOK NOW’ button to see the ‘Booking Confirmation’ screen.

If you are having only one value card available to be redeemed, it’ll be selected by default.

If you’ve clicked on the ‘ADD TO CART button, you will be shown a success pop-up with two CTAs. 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 and thereafter, you can continue with the generic checkout flow to pay for the class by redeeming a value card and book it.

If any class is already added to the cart and you revisit the same class, it’ll be as ‘ADDED TO CART’.

Payment Errors

Whenever a payment error occurs, the following pop-up will be shown you can click on the ‘RETRY’ button to get redirected to the ‘CONFIRM’ page where you were before and continue with the payment again.

View Bookings

On the ‘Home Screen’, click on the ‘My Bookings’ menu from the bottom navigation panel to see the list of your upcoming bookings. A red color notification bubble on the ‘My Bookings’ menu will convey the number of upcoming bookings currently available for a certain user. The list is organized based on the dates starting from the current or the nearest date with bookings.

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 yet 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.

Cancel a Booking

From the ‘Upcoming Bookings’ screen, when clicking on a class booking, you will be shown a screen where you can find a ‘CANCEL BOOKING’ button as shown follows. When clicked to cancel, you will be shown a pop-up and if you select ‘I AGREE’ and confirm the cancellation of the booking, it’ll get cancelled and removed from the ‘Upcoming Bookings’.

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.

Settings and Configurations

How to create a Class?

1. Log in to the BRP Back Office

2. Open BRP configuration from the list

3. Scroll down the page to the Products and click on Products

4. Click on the add button(+) to create a new class(new product)

5. Choose product type(class) from the list

6. Enter a name and a description

7. Add any product group

8. Set the availability options

9. Select the unit type

10 . Set the Accounting details

11. Go to resource requirements and add staff as a resource type if you need staff support

12. Select rooms as a resource type if you need a room as a resource

13. Add a fixed length by considering the session period

14. Go to the class tab and add the number of slots or the number of drop-in places

15. Save the added details

16. Go to the web categories and assign the created class to an available web category

17. Go to the BRP resource planner from the BRP back office

18. Select a date that you wish to add the class

19. Click on any room/staff resource and select the ‘Class’ option from the pop-up

20. Add the details of the orderer

21. Select the previously created class product

22. Confirm the Staff Member and the Room resource

23. Click on the ‘Complete’ button to finish the class creation

How to enable 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

Figma for confluence lite
width375px
nodeUrlhttps://www.figma.com/proto/ABKWIRvKx5143WrPZS4NvY/Classes%2FApp?node-id=6070%3A61878&scaling=scale-down&page-id=5767%3A24190&starting-point-node-id=6070%3A61878
height812px