TaitGo


Take Tait on Your Fitness Journey

An interactive app that enhances the fitness experience at the Tait Mckenzie Fitness Centre.


→ ui/ux, product design, visual design, user research

 

Timeframe

October 2017 - December 2017 (3 Months)

Tools

Adobe Illustrator, Adobe XD, Invision

Role

Research, Wireframing, Prototyping, User Testing, User Interviews 

Team

Lara Calucag

Katreena Dalisay

Michelle Young

 

Observations

The Tait McKenzie centre is the athletic centre at York University. Community members and students are welcome to use a pool area, a main gymnasium, and a fitness centre; though users are mostly students. Individual and group activities are available, such as team practices or personal training.

 

The Challenge

How might we enhance the user experience at the Tait McKenzie Fitness Centre?


 

Problem

The lack of organization and student awareness of the facility services and fitness classes that the centre offers, that can lead to frustration. It will also address the low involvement of students in programs less related to physical activity. 

Solution

Provide students with a tracking and goal-oriented database that illustrates the user’s progress through user inputs and health analytics. Ease of access to activity schedule times and sign ups to be added to a personal calendar. Through filters and user input the system will be able to tailor recommended activities and challenges to the user’s preferences and goals. Gamify the experience of working out, achieving goals, and involvement in the fitness community through a point system. 

 

TaitGo Video Walkthrough

We created a walkthrough video of TaitGO's features, leading the viewer through account creation, home page customisation, viewing the Tait McKenzie schedule and adding a class, viewing the fitness tracker, the community page then adding user goals. 


Initial Research 

With the existing fitness apps in mind, we wanted to understand what the users would find useful and applicable to Tait McKenzie Centre. What aspects of human health and fitness do people care about?  What do users want to see first when accessing the app?  What can we do to motivate the users?  Through conducting an AEIOU site analysis, performing a benchmark analysis, and using the DECIDE framework we were able to have an idea of what users would find beneficial. We created the list of requirements, a system map and use cases.

System Map
AEIOU

System Map AEIOU

Ideation — Development

We thought of methods in which users would need to interact with the application, then came up with six possible use cases and the alternative paths that could be taken to reach the end goal.

Use Case 1: The system prompts the user to sign in or create an account
Use Case 1: The system prompts the user to sign in or create an account (2)
Use Case 2:The system needs to allow users to tailor their experience based on personal preferences
Use Case 3:The system needs to allow users to view their fitness statistics and progress
Use Case 4:The system needs to allow users to sign up for classes and activities
Use Case 5:The system needs to allow users to challenge their friends
Use Case 6:The system needs to allow users to view and add their personal goals

Use Case 1: The system prompts the user to sign in or create an account Use Case 1: The system prompts the user to sign in or create an account (2) Use Case 2:The system needs to allow users to tailor their experience based on personal preferences Use Case 3:The system needs to allow users to view their fitness statistics and progress Use Case 4:The system needs to allow users to sign up for classes and activities Use Case 5:The system needs to allow users to challenge their friends Use Case 6:The system needs to allow users to view and add their personal goals

Visual Design 

Due to the nature of the app, we wanted to choose elements which would elevate the overall friendliness and energetic approach. We chose to use a DIN pro round, an open rounded sans-serif typeface, throughout for consistency and readability for the users. The colours we chose comprised of vibrant tones of blue, yellow, green and purple which were linked to specific pages for easier identification of the user's location and the addition of the red accent colour used for buttons.

User Testing 

We conducted user testing via a post and pre questionnaire, and a thinking aloud test. Through the user testing we were able to assess what was successful, unsuccessful and common problems users had while navigating the application. We visualised the data collected through the questions asked on the post- user testing questionnaire about the interface and usability.

User Testing — Implementation of Recommendations

Through our user testing questionnaires, we also gathered information about what users enjoyed/felt positively about and what users disliked or would like to change in the app. We analysed what these results and thought of recommended ways we could improve the app then implemented the changes.

Results & Initial Analysis
Final Analysis
Implementation

Results & Initial Analysis Final Analysis Implementation

Final Prototype 

The high fidelity prototype demonstrates the defined use cases and allows the user to explore possible user flows.

 

Reflection

Working together with two other designers on a product which solved a problem close to home was super enjoyable and it felt very collaborative with combining ideas, user testing and presenting our product as a team. I believe we were able to address the problems and needs of the users of the Tait McKenzie Centre with our solution, however with more time we would be able to further develop the product with options such as colour customisation, further information about the facilities, and integration of the pride shop.

 

 

Using Format