Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
NotePlease 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.

Image Removed

Image Removed

Image Removed

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

Image Removed

Image Removed

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.

Image Removed

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

Set Class Filters

Facility Filter

By default the preferred facilities will be applied and any other facility based on user’s preference can be added.

Date Filter

Starting from the current date, 7 day’s time will be applied initially.

Instructor Filter

Class (Product) Filter

IMG_4405-20240422-130225.pngImage Added

All the classes that include within the selected web category will be available as distinct select options. Products are based on which facilities you’ve selected.

If you set Product Labelsup, you can sort different products under different labels. For example you could have product labels called Beginner, Intermediate, Advanced. If you offer multiple variations of a type of class you could sort these as well.

“Yoga”

  • Yoga A

  • Yoga B

  • Yoga C

Instructor Filter

A list of instructors will be available as distinct select options. You will only see instructors based on the facilities you’ve picked.

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.

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.

Image Removed

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

Image Removed

Image Removed

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.

Image Removed

Image Removed

Image Removed

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.

Image RemovedBook a Class

Class Card Variations based on different Settings

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

Based on the two settings 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

Image Added

Image Added

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> FALSE

Image Added

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> TRUE

Image Added

showAvailableSlots >>> FALSE
showNumberOfParticipants >>> TRUE

Image Added

filterGroupActivitiesByInstructor - Whether to show the instructor filter

showGroupActivityEmployeeResourceNames - Whether to show instructors of a group activity

showGroupActivityRoomResourceNames - Whether to show the location of a group activity

Purchase Flows of Different Class Types

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

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

If you are trying to book

Booking a class included within the membership

,

You The user 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 can be booked from the class you wish and you the user will be directed to the ‘Booking Confirmation’ screen. At this point, you the user can click on the ‘ADD TO CALENDAR’ button if you wish to add an entry to your the mobile phone’s native calendar.

Image RemovedImage Added

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

,You

(“Pay for class”)

The user 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 booking 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 Removed

Image Added

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

,

You The user 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 booking a slot. Importantly, on this screen, you will see the number of value cards that are readily available to redeem in place .

Image Removed

There are two options that you can take. ‘BOOK WITH VALUE CARD’ and ‘ADD TO CART’. The difference is that using the first option,will be shown to the user.

Using ' BOOK WITH VALUR CARD', you users 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 they 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.

Image Removed

Image Removed

Image Removed

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

Image Removed

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.

Image Removed

Image Removed

Image Removed

Image Removed

Image Removed

Image Removed

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

Image Removed

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.

Image Removed

Image Removed

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.The following settings are used,

  • payWithValueCardEnabled - To enable pay for classes with value cards

  • hideInvalidValueCards - To enable pay for classes with invalid value cards

Image Added

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 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 will be given to users in 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.

Image RemovedImage Added
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.

Image RemovedImage Added
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’.

Image Removed

Image Removed

Image Removed

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.

Image Removed

Image Removed

The number of drop-in slots can be configured from the Back Office.

Image Added

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 If no-show fees are enabled, whenever the users miss to attend the booked classes, you they will be charged a Nono-Show show fee that you they 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 allows you to complete the payment to immediately go on booking.

Image RemovedImage Added

Settings and Configurations

How to create a Class?

1. Log in to the BRP Back Office

Image Removed

2. Open BRP configuration from the list

Image Removed

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

Image Removed

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

5. Choose product type(class) from the list

Image Removed

6. Enter a name and a description

Image Removed

7. Add any product group

Image Removed

8. Set the availability options

Image Removed

9. Select the unit type

Image Removed

10 . Set the Accounting details

Image Removed

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

Image Removed

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

Image Removed

13. Add a fixed length by considering the session period

Image Removed

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

Image Removed

15. Save the added details

Image Removed

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

Image Removed

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

Image Removed

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

Image Removed

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

Image Removed

20. Add the details of the orderer

Image Removed

21. Select the previously created class product

Image Removed

22. Confirm the Staff Member and the Room resource

Image Removed

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

Image Removed

How to enable the waiting list for a Class?

1. Go to the BRP configuration

Image Removed

The No- Shows can be enabled using the Automatic cancellation of noshows as shown in the screenshot below.

Image Added

Bottom Menu for Classes

It is possible to only show group activities in the “Classes” section (bottom menu of the app), without using a web category for group activity products. In the “Classes” section of the app, users can filter out all group activitites and facilities that are enabled to be shown in the app and web.

image-20240415-090048.pngImage Added

Configuration

BRP Configuration → Web and app → Apps

  1. Enable the “Always show ‘Classes’ in the bottom menu” checkbox.

image-20240415-090743.pngImage Added

Enabling the waiting list for a Class

1. Go to BRP configuration

Image Added

2. Go to Settings

3. Search for the “waiting list” 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

Image Removed

Image Removed

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> FALSE

Image Removed

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> TRUE

Image Removed

showAvailableSlots >>> FALSE
showNumberOfParticipants >>> TRUE

Image RemovedImage Added

Image Added

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