DESIGN AND USABILITY ENHANCEMENT PROJECT

NAME Alyssa Aina Haris Goh ID NUMBER 012023090703 PROGRAM BICT

NAME Tabark Almohamad ID NUMBER 012023091547 PROGRAM BICT

NAME Nur Natasha Farzana Binti Badrol Hisam ID NUMBER 012023092098 PROGRAM BICT

NAME Brindha Ravindran ID NUMBER 012023091809 PROGRAM BICT

INSTRUCTION:
1. You are required to submit the soft copy to eklas and hard copy in the class
2. Mode: GROUP
3. Date of Submission: 20th December 2024 (Friday)
4. Date of Presentation: 17th - 20th December 2024

CLO3 Organize and conduct usability testing and heuristic evaluations, effectively communicating
the results to stakeholders and refining designs based on feedback and emerging trends (A4, PLO5)

CHAPTERS:
CHAPTER 10: HEURISTIC EVALUATION
CHAPTER 11: ITERATIVE DESIGN AND REFINEMENT
CHAPTER 12: EMERGING TECHNOLOGIES AND TRENDS
CHAPTER 13: ETHICAL CONSIDERATIONS IN INTERACTION DESIGN
CHAPTER 14: COURSE REVIEW AND FUTURE DIRECTIONS

** If you have any difficulties in submitting the project according to the date given, please come
and discuss with me.

Project Overview
 Table Of Content
Abstract........................................................................................................................................ 1
1.0 Introduction............................................................................................................................2
2.0 Objective.................................................................................................................................3
3.0 Methodology.......................................................................................................................... 4
3.1 Research Phase................................................................................................................ 4
3.2 Prototype Development..................................................................................................... 5
3.3 Testing and Evaluation Methods........................................................................................5
3.3.1 Usability Testing........................................................................................................ 5
3.3.2 Survey-Based Feedback Collection..........................................................................6
3.3.3 Data Analysis............................................................................................................ 6
3.3.4 Iterative Refinement..................................................................................................7
3.4 Evaluation Metrics............................................................................................................. 7
3.5 Tools and Platforms........................................................................................................... 8
4.0 Analysis.................................................................................................................................. 9
4.1 Usability Issues..................................................................................................................9
4.2 Heuristic Evaluation......................................................................................................... 11
4.3 Analyze User Feedback...................................................................................................15
4.3.1 User Demographics................................................................................................ 15
4.3.2 Usability and Functionality...................................................................................... 18
4.3.3 Accessibility and Aesthetics....................................................................................22
4.3.5 Analyze of the Feedback........................................................................................ 23
4.4 User Iterations................................................................................................................. 24
5.0 Conclusion........................................................................................................................... 26
6.0 References........................................................................................................................... 27
Appendix.................................................................................................................................... 28
 Abstract
This project focuses on the usability testing and evaluation of VibeFit: AI-powered Fitness
Coach, a mobile application designed to assist users with personalized workout routines,
nutrition plans, and real-time AI coaching. The application aims to provide an intuitive,
customizable, and motivating fitness experience, with features such as progress tracking,
AI-powered workout recognition, and personalized meal planning. Usability testing was
conducted with a diverse group of 10 users, representing different fitness levels and using
various devices. The feedback gathered highlighted key areas for improvement, including the
app’s color scheme, navigation, meal logging process, progress tracking, and user feedback
mechanisms. Users also expressed a need for more intuitive terminology, clearer instructions,
and better personalization options. This evaluation identifies these usability issues and
proposes actionable solutions, aiming to enhance user engagement, satisfaction, and the
overall effectiveness of the VibeFit app. By addressing these concerns, the app can better cater
to users’ needs, making it a more motivating and user-friendly tool for fitness enthusiasts.

1
 VibeFit: AI-powered Fitness Coach
Prototype Link: https://tinyurl.com/39rscka4

1.0​ Introduction

The evolution of fitness technology has revolutionized how individuals approach health and
wellness, yet significant challenges persist. Many fitness applications struggle to overcome
barriers such as affordability, lack of personalization, and difficulties in maintaining user
motivation. Recognizing these limitations, the VibeFit: AI-powered Fitness Coach project was
conceived to provide a tailored, accessible, and engaging digital fitness experience that caters
to diverse user groups. This project aims to integrate advanced artificial intelligence with
user-centric design principles, addressing the needs of individuals facing busy schedules,
limited access to personalized coaching, and challenges in staying motivated. By tackling these
pain points, VibeFit aspires to make fitness both achievable and enjoyable.

Four key goals guide the design of VibeFit. First, it seeks to deliver a personalized fitness
experience by utilizing AI algorithms to create bespoke training plans tailored to individual
fitness levels, preferences, and progress. Additionally, goal-setting tools are incorporated to help
users define and work toward clear fitness milestones. Second, the application emphasizes
accessibility and inclusivity by offering an intuitive interface that accommodates users with
varying technical abilities and fitness expertise. Features like adjustable text size, voice
commands, and high-contrast modes ensure the app is accessible to a wide audience while
maintaining compatibility across multiple devices. Third, VibeFit prioritizes enhanced
engagement and motivation through real-time feedback, progress visualization, and gamification
elements like achievements and streaks. These features foster a sense of accomplishment and
sustained user interest. Finally, simplicity and usability are central to the design, with a clean,
straightforward interface that minimizes cognitive load and ensures ease of navigation. The app
is optimized for responsiveness, providing a consistent experience across various device types
and screen sizes.

The objectives of VibeFit align with its design goals. The project seeks to bridge the gap
between traditional coaching and digital fitness by delivering an affordable and accessible
solution. Through the development of a user-centered prototype, VibeFit aims to address
real-world user needs while adhering to rigorous testing and iterative refinement. By anchoring
the design process in user aspirations and addressing common fitness challenges, VibeFit
highlights its potential to redefine personal fitness experiences and establish itself as a
pioneering solution in the fitness technology market.

2
2.0​ Objective

The VibeFit project is centered around the creation of a groundbreaking fitness application
designed to seamlessly integrate traditional personal training methods with modern digital
fitness solutions through the power of AI technology. This innovative app specifically targets and
addresses several common obstacles that individuals face on their fitness journeys, such as the
high costs often associated with personal training, the struggle for consistent motivation, and the
overwhelming variety of fitness options available today.

By offering users personalized fitness training tailored to their unique goals and daily schedules,
VibeFit aims to transform the way people approach their health and well-being. The app
emphasizes user-centered design principles, ensuring that its interface is not only intuitive but
also accessible to a broad audience. This includes individuals with varying degrees of technical
expertise and fitness backgrounds, from novices just starting out to seasoned athletes looking
for enhanced guidance.

To ensure that the application truly meets the needs of its users, VibeFit prioritizes iterative
testing and continuous refinement throughout its development process. This commitment to
understanding user feedback helps identify and resolve any usability challenges, ultimately
leading to a product that is both effective and user-friendly.

At its core, VibeFit aspires to be more than just a fitness app; it seeks to be a comprehensive
and engaging solution that empowers individuals to adopt and maintain an active lifestyle,
regardless of the personal constraints they may face. Whether it’s time limitations, financial
considerations, or varying fitness levels, VibeFit is dedicated to creating a supportive
environment that inspires users to achieve their fitness goals.

3
3.0​ Methodology
The research, testing, and assessment procedures used to create, develop, and verify
the VibeFit: AI-powered Fitness Coach application are described in depth in this methodology
section. Iterative testing and user-centered design concepts are used in this method to make
sure the prototype successfully satisfies user demands.

3.1​ Research Phase

Understanding user demands, spotting market gaps, and establishing the
application's functional and non-functional requirements were the main goals of the
research phase. The following techniques were used:

1)​ Literature Review

A comprehensive review of academic papers, industry reports, and case studies
(published between 2020-2024) was conducted. The review focused on topics
such as:

●​ Effectiveness of AI in fitness applications.

●​ User engagement strategies in health and fitness technologies.
●​ Challenges faced by users in adopting digital fitness solutions.

2)​ User Persona Development

A user persona was created to represent the target audience. This persona was
based on research insights, and it embodied the characteristics, goals,
motivations, and frustrations of a typical user:

●​ Goals: Access affordable, personalized fitness training.

●​ Motivations: Maintain fitness within a busy schedule.
●​ Frustrations: Lack of motivation, inaccessible or expensive trainers, and
overwhelming fitness information.

3)​ Competitive Analysis

Analyzing comparable fitness applications like Nike Training Club, MyFitnessPal,
and others was part of the market study. Common design trends and deficiencies
in affordability, motivating support, and customisation were identified by this
investigation. VibeFit's distinctive value proposition was formed by these
discoveries.

4
3.2​ Prototype Development
The VibeFit prototype was developed using Figma, with a focus on intuitive
design and interaction. The prototype highlighted features that aligned with user needs:

●​ Personalized Training Plans: Tailored to individual goals and fitness levels.

●​ AI-Driven Progress Tracking: An interactive dashboard to visualize
achievements and track performance. (“AI Engagement Tactics for Fitness
Apps”)
●​ Goal Setting and Motivation Features: Interactive tools for defining fitness
milestones and receiving real-time motivational feedback.

By emphasizing a clear and uncomplicated interface to reduce cognitive load,

guaranteeing accessibility for a range of user demographics, and optimizing
responsiveness for different device types—with a special emphasis on touch interactions
to improve user experience and adaptability—the design complied with best practices in
usability.

3.3​ Testing and Evaluation Methods

To ensure the prototype’s functionality, usability, and effectiveness, a combination
of qualitative and quantitative methods was applied.

3.3.1​ Usability Testing

Usability testing was conducted to assess how effectively users could interact
with the prototype. Key steps included:

1)​ Participants: A diverse group of users, including students, professionals,

and fitness enthusiasts, was recruited. Participants represented the app’s
target audience, ensuring relevant feedback. (Ryan Alturki)

2)​ Task Scenarios: Participants were asked to complete tasks that mirrored
real-world app usage, such as:

●​ Setting up a fitness profile.

●​ Viewing a personalized workout plan.
●​ Tracking progress toward a fitness goal.

3)​ Observation and Metrics: User interactions were observed, and metrics
such as task completion rate, time taken to complete tasks, and error
rates were recorded.

5
 4)​ Think-Aloud Protocol: Participants shared their thoughts as they
navigated the app, providing insights into their decision-making and pain
points.

3.3.2​ Survey-Based Feedback Collection

A structured Google Form survey was distributed to gather additional insights.
The survey collected both quantitative and qualitative feedback, covering:

1)​ Interface Design

●​ "Was the interface easy to navigate?"
●​ "How would you rate the app's visual appeal?"

2)​ Feature Effectiveness

●​ "Do you feel the AI recommendations were personalized?"
●​ "Which feature do you find most valuable?"

3)​ Open-Ended Feedback

●​ "What challenges did you face while using the app?"
●​ "What improvements would you suggest for the prototype?"

A thorough grasp of user preferences, satisfaction, and usability issues was

guaranteed by the survey.

3.3.3​ Data Analysis

The data collected from usability testing and surveys were analyzed using:

1)​ Quantitative Analysis: Metrics such as task success rates, average

completion time, and user satisfaction scores were calculated.

2)​ Qualitative Analysis: Open-ended feedback was categorized into

themes to identify recurring issues and suggestions for improvement.

3.3.4​ Iterative Refinement

The insights gathered informed iterative refinements to the prototype:

●​ Adjustments to navigation flow to enhance intuitiveness

●​ Refinement of the AI-generated content to better align with user
expectations.
●​ Enhancements to visual design for improved engagement.

6
3.4​ Evaluation Metrics
The following metrics were used to evaluate the prototype:

1)​ Task Success Rate: Percentage of tasks successfully completed by users

without external assistance.

2)​ User Satisfaction Scores: Average ratings from survey questions on ease of
use, feature usefulness, and overall satisfaction.

3)​ Error Rate: Frequency of usability issues encountered during testing.

4)​ Qualitative Insights: Common themes from user feedback, such as areas
needing improvement or features users found particularly valuable.

3.5​ Tools and Platforms

To support the development, testing, and evaluation processes, the following
tools were utilized:

1)​ Figma: For designing, prototyping, and sharing the interactive application.

2)​ Google Forms: For collecting structured feedback and insights from a
broad audience.

3)​ Microsoft Excel: For organizing and analyzing survey responses and
usability testing metrics.

4)​ Zoom/Screen Recording: For remote usability testing sessions, allowing

review and deeper analysis.

7
 This approach guaranteed a thorough comprehension of user requirements and
offered a precise framework for evaluating and enhancing the VibeFit prototype in order
to successfully accomplish its goals.

4.0​ Analysis

4.1​ Usability Issues

A survey using Google Forms has been conducted to gather feedback on the usability
of our fitness application featuring an AI coach. Ten users participated in the survey,
providing valuable insights into their experiences with the app. The responses revealed
several usability issues, such as difficulties in navigation, challenges with task
completion, and concerns over the responsiveness of certain features. Additionally,
users provided feedback on the AI coach's effectiveness and the app’s accessibility
features. This feedback will inform design improvements and help ensure the app better
meets user needs in future iterations.

The survey has been divided into four sections, which include user demographics,
usability and function, accessibility and aesthetics, and general feedback. Each section
aims to measure users' experiences and gather insights on specific aspects of the app.
The User Demographics section collects basic information about the users, such as
their age, fitness level, and the device used to interact with the app. This helps identify

8
any patterns or trends among different user groups, allowing for more targeted
improvements.

Based on the feedback gathered from users, several usability issues have been
identified in the app that need attention for improvement.

First, the color scheme was a common concern. Many users found the color palette to
be too dull, which negatively impacted their motivation to engage with the app. For a
fitness app, it is essential to use more vibrant and energetic colors to encourage users
to stay active and engaged with their fitness goals.

Next, users experienced navigation complexity in certain areas of the app. Some
reported difficulties in transitioning between features like workout plans, meal logs, and
progress tracking. While the app's layout was clean, improving the clarity and flow of
navigation would help users complete tasks more smoothly and intuitively.

The meal logging feature was another point of frustration for users. They found the
process of logging meals to be cumbersome and not as user-friendly as expected.
Simplifying this feature would improve its usability and encourage users to use it more
effectively.

9
Additionally, the progress tracking feature lacked sufficient detail, with users wanting
more comprehensive feedback on their fitness journey. Providing detailed progress
reports, including personalized insights and visually appealing charts, would help users
stay motivated and better track their fitness progress.

Users also pointed out the lack of immediate feedback when performing actions, such
as saving preferences or starting workouts. Without visual cues like button animations
or confirmation messages, users were often unsure whether their actions had been
successfully completed. Implementing such feedback would reduce confusion and
improve the overall experience.

In terms of terminology, some users found terms like "Preferences" and "AI-Assist"
unclear. To improve accessibility and understanding, more intuitive terms should be
used, which would help users easily grasp the app’s features and functionalities.

While the AI Coach feature was appreciated, users wanted more personalization in
terms of workout routines and meal plans. Adding more customization options would
allow users to tailor the app to their specific fitness goals, enhancing the app's
effectiveness for different types of users.

Another usability issue identified was the lack of undo/reset options. Users expressed a
desire for a way to easily undo changes made to their workout plans or preferences.
Introducing an undo or reset function would enhance user control and prevent
frustration when mistakes occur.

Lastly, the onboarding and help documentation were considered insufficient, especially
for first-time users. Without a proper tutorial or introductory walkthrough, users found it
challenging to understand how to use some features, such as AI assistance and meal
tracking. Incorporating tooltips or a brief onboarding guide would significantly enhance
the experience for new users.

10
 4.2​ Heuristic Evaluation​
The VibeFit prototype was tested by Mr. Mohad Irfan Haris Lim, a professional web designer.
His expertise in user interface design and usability provided valuable insights into the
application’s functionality and design elements. His feedback emphasized areas for
improvement, particularly in ensuring aesthetic appeal, functionality of interactive elements, and
overall user engagement.

11
12
 Picture 4.2: Heuristic Evaluation Form

Mr. Mohd Irfan Haris Lim, a web designer, conducted a heuristic evaluation of the VibeFit:
AI-Powered Fitness Coach prototype on December 19, 2024, using a smartphone. His
evaluation focused on various tasks, including sign-up, personalization, workout tracking, AI
assistance, nutrition, preferences, and support features.

In terms of visibility of system status, Mr. Lim noted that while progress indicators and task
notifications were effective, there was a lack of feedback when certain buttons, such as "Save
Preferences" or "Start Workout," were clicked. He recommended adding visual cues, like button
animations or confirmation messages, to confirm actions. For a match between the system and
the real world, while the app uses familiar terms like "Workout" and "Meal Plan," terms such as
"Preferences" and "AI-Assist" were unclear for some users. He suggested replacing these with
more intuitive labels, such as “Settings” and “Ask AI.”

Regarding user control and freedom, the app allows users to navigate freely and edit their
profile, but there is no option to undo changes in meal plans or workout preferences. Mr. Lim
recommended adding an “Undo” or “Reset” feature to reverse unintended changes. In terms of
consistency and standards, he observed inconsistent button placements across different
sections of the app, such as between the "Workout Planner" and "Meal Plan." He advised
standardizing the size, position, and design of all buttons for a more unified interface.

13
When evaluating error prevention, he pointed out that while input fields are validated during
sign-up, critical fields like fitness goals or calorie limits can be skipped. He recommended
making such fields mandatory and providing inline error prompts. For recognition rather than
recall, while the app effectively uses icons and labels, the fitness questionnaire felt text-heavy
due to the lack of illustrative icons. He suggested adding icons for each question to make it
more user-friendly.

In terms of flexibility and efficiency of use, Mr. Lim appreciated the customizable workout plans
for all users but noted that advanced users found setting up workouts time-consuming. He
recommended allowing users to save workout templates and create shortcuts for frequently
used features. For aesthetic and minimalist design, he noted that while the app had a clean
interface, the color scheme was dull and lacked vibrancy. He proposed incorporating a more
energetic color palette with motivational visuals to boost user engagement.

Mr. Lim also pointed out that the error messages provided by the app lacked clarity, such as the
generic “Invalid Input” error. He suggested providing detailed error messages with corrective
suggestions, such as “Workout duration must be between 10-120 minutes.” Finally, regarding
help and documentation, while the app includes a help section, it lacks guidance for first-time
users navigating complex features like “AI-Assist” and “Workout Tracking.” He recommended
adding an introductory walkthrough or tooltips to assist new users.

In conclusion, Mr. Lim’s heuristic evaluation highlighted several areas for improvement,
including better visual feedback, more intuitive terminology, improved error handling, and a more
vibrant and engaging design. Addressing these issues would enhance the usability and overall
user experience of the VibeFit app.

14
 4.3​ Analyze User Feedback
The survey, conducted through Google Forms, was distributed to 10 users from various
fitness levels to gather feedback on the VibeFit: AI-Powered Fitness Coach prototype. These
users provided insights into the app's usability, functionality, and design, helping to identify areas
for improvement and refine the user experience based on their diverse perspectives. The
feedback gathered will be used to enhance the app's overall performance, accessibility, and
appeal across different user demographics.

4.3.1​ User Demographics

The survey was distributed to a diverse group of 10 users, representing various

levels of fitness experience. This included individuals from different age groups, fitness level,
devices used and familiarity with fitness apps.

Chart 1: User Age Group

The majority of participants, 6 out of 10, were in the 18-21 age group. This suggests that the
app may appeal more to younger users, such as college students or young professionals, who
are likely to be tech-savvy and interested in fitness. Additionally, 4 participants were in the 22-30
age range, representing a slightly older demographic. This group likely includes individuals who
may be more established in their careers or have specific fitness goals tied to health
maintenance or muscle gain.

The age range of participants provides valuable insights into how well the app caters to younger
users, as well as those in their late 20s and early 30s. With such a diverse group, the feedback
gathered can help refine the app to suit different fitness levels and user needs, ensuring that
VibeFit meets the expectations of a broad audience.

15
 Chart 2: User Fitness Level

The survey for the VibeFit: AI-Powered Fitness Coach prototype included participants with
varying fitness levels, allowing for a comprehensive evaluation of the app’s usability and
features. Out of the 10 participants, 5 were beginners, 2 were intermediate, and 3 were
advanced users. This mix of fitness levels provides valuable insights into how the app
accommodates different experience levels.

For the beginners, the focus was on the ease of use, accessibility, and whether the app offers
sufficient guidance for those just starting their fitness journey. Meanwhile, the intermediate users
gave feedback on how well the app supports a more established workout routine, while the
advanced users provided input on the customization options and the app’s ability to meet the
demands of more intense training. By including users across all fitness levels, the survey results
offer a well-rounded perspective on how the app can be improved to cater to a wide range of
users.

Chart 3: devices used for the test

16
The survey for the VibeFit: AI-Powered Fitness Coach prototype was conducted using a variety
of devices. Out of the 10 participants, the majority (8 users) accessed the app via smartphones,
indicating that the app's mobile compatibility is crucial for its user base. This aligns with the
trend of users preferring to access fitness apps on the go, utilizing the portability and
convenience that smartphones offer.

Meanwhile, 2 participants used desktop or laptop computers to interact with the prototype. While
this group is smaller, it highlights the importance of ensuring that the app is also functional and
responsive on larger screens. The feedback from both smartphone and desktop users provides
valuable insights into the app's versatility and user experience across different device types.

Chart 4: Familiarity with Fitness Apps

The survey participants showed varying levels of familiarity with using fitness apps, which
provides a diverse set of insights into the app’s usability. Out of the 10 participants, 5 rated
themselves as very familiar with fitness apps (rating 5), suggesting that the majority of users are
likely to have high expectations for functionality and ease of use. These participants can provide
valuable feedback on advanced features, customization, and the overall user experience.

Four participants rated themselves as moderately familiar (rating 3), indicating that they have
some experience with fitness apps but may not be as deeply engaged as the more experienced
users. This group offers insights into how intuitive the app is for users with a moderate
understanding of fitness apps. One participant rated themselves as slightly familiar (rating 2),
suggesting they may be new to using fitness apps. Their feedback is crucial for assessing how
accessible and user-friendly the app is for beginners or those with limited prior experience.

17
 4.3.2​ Usability and Functionality

The usability and functionality of the VibeFit prototype were assessed through the survey, with
users finding core features like workout tracking, AI recommendations, and meal planning easy
to use. However, some participants suggested improving button feedback (e.g., for saving or
starting workouts) and making preferences setup clearer, especially for beginners. Additionally,
advanced users recommended more streamlined customization options for workout selection
and intensity adjustments. These insights will help refine the app's usability and enhance its
user experience across various fitness levels.

Chart 5: App Navigation

The ease of navigation within the VibeFit app was generally well-received by survey
participants. Out of the 10 users, most (8 participants) rated the app as 4, indicating that they
found it quite easy to navigate. One participant rated the navigation as 5, suggesting that it was
very intuitive for them. One participant rated it as 3, indicating that while the navigation was
manageable, there may have been some slight challenges. Overall, these results suggest that
the app's layout and structure are user-friendly, but there may still be room for slight
improvements to make navigation even more seamless for all users.

18
 Chart 6: Features Helpfulness

All 10 participants in the survey found the AI Coach features helpful. This consistent feedback
indicates that the AI-powered functionalities, such as personalized workout recommendations,
real-time feedback, and meal planning, were well-received by users. The positive response
highlights the effectiveness of the AI Coach in providing valuable support and enhancing the
user experience.

Chart 7: Workout Module

The design of the workout module received mixed feedback in terms of intuitiveness. Out of the
10 participants, 4 rated it as 4, indicating that the majority found the design relatively easy to
understand and use. However, 4 participants rated it as 3, suggesting that some users
experienced challenges with navigating or understanding the workout module. One participant
gave it a 5, indicating that they found it very intuitive. These results suggest that while the
workout module is generally well-designed, there may be areas for improvement to enhance its
intuitiveness, especially for users who rated it lower.

19
 Chart 8: Meal Planning Expectation

The survey results regarding meal planning in the app show mixed feedback. Most participants
(7 out of 10) answered Yes, indicating that the app met their expectations for meal planning.
However, 3 participants answered Somehow, suggesting that while the feature was somewhat
useful, it may not have fully met their needs or expectations. One participant answered No,
indicating that the meal planning feature did not meet their expectations at all. These responses
suggest that while the meal planning feature is generally well-received, there may be
opportunities to enhance its customization or effectiveness to better meet user needs.

Chart 9: Completion Tasks

The majority of participants were able to complete tasks such as signing up, personalizing
workout plans, starting a workout, tracking progress, using the AI chat, and utilizing AI
recognition with ease. Most users successfully completed these tasks, highlighting the app’s
usability and its effectiveness in helping users navigate core features. However, some users
indicated difficulty completing certain tasks, such as logging meals or personalizing their
workout plan. These responses suggest that while many features are accessible and functional,
there might be some challenges with specific tasks that could benefit from further refinement or
simplification.

20
 Chart 10: Feature to improve

The feedback from users revealed several areas where improvements and additions could
enhance the VibeFit app. While some users felt the app was already good as it is, others
suggested specific improvements. One common request was for more workout routines, with
users wanting additional variety to cater to different preferences and fitness levels.

Another area for improvement was the progress tracking feature. Users indicated that it could
be more dynamic and motivating, as some felt it lacked energy. Enhancing this feature to make
it more engaging could increase user satisfaction and keep them motivated throughout their
fitness journey.

Additionally, the meal plan feature was mentioned by several users, with suggestions for
improvements in both its functionality and usability. A particular concern was the "Log Meals"
page, which users found complicated to navigate. Streamlining this feature to make it more
user-friendly could significantly improve the overall meal tracking experience for users.

21
 4.3.3​ Accessibility and Aesthetics
The accessibility and aesthetics of the VibeFit app were evaluated based on user feedback.
While the app was generally easy to navigate, some users suggested improvements in its visual
appeal and usability to enhance the overall experience.

Chart 11: App Accessibility

Most users reported that the app was accessible, with the majority confirming that it was easy to
use, including features such as text size, contrast, and general accessibility. However, one user
indicated that the app's accessibility was only partial, suggesting there may be areas for
improvement in terms of user experience or specific features.

Chart 12: Visual Appeal of the App

22
The visual appeal of the app received mixed ratings from the users. While some users rated it
highly (4 or 5), indicating that they found it visually appealing, others gave it lower ratings (3),
suggesting that there is room for improvement in terms of aesthetics. The feedback highlights
the need for a more engaging and vibrant design to enhance the overall user experience.

Chart 13: Issue with Responsiveness on user’s device

The feedback regarding the app's functionality compared to real apps was generally positive.
Most users responded with "No" or "No, working better than real apps," indicating that they felt
the app performed well. A few users noted areas for improvement but did not provide specific
details, suggesting that overall, the app met their expectations in terms of performance.

4.3.5​ Analyze of the Feedback

The feedback from the usability test of the VibeFit app provides valuable insights into user
preferences and areas for improvement, starting with the user demographics. The participants
varied in age, primarily between 18-30 years old, and included a mix of fitness levels from
beginner to advanced. Most of the users were familiar with fitness apps, with the majority using
smartphones for the test.

In terms of usability and functionality, users generally found the app easy to navigate and
appreciated the AI Coach features, especially for real-time workout feedback. Most users also
found the workout module intuitive, though some suggested adding more workout routines to
cater to different fitness needs. While many users had positive feedback about the meal
planning feature, others felt that progress tracking and meal logging could be improved to offer
more accurate and motivating data.

Regarding accessibility, the app was accessible to most users, with no significant issues in text
size or contrast. However, a few users mentioned that the app's color scheme was dull and

23
could be made more vibrant to enhance user motivation and appeal. The visual appeal of the
app was rated mixed, with some users finding it attractive, while others felt it lacked energy and
vibrancy.

Overall, the feedback emphasized that while the app was functional, users suggested
improvements in design, navigation, and feature enhancements. Key areas for improvement
include the addition of more workout routines, better progress tracking, and a more engaging
color palette to improve overall user experience and motivation.

4.4​ User Iterations

●​ Iteration 1: Initial Concept

The first iteration of VibeFit aimed to offer a personalized, user-friendly fitness app with an AI
Coach to assist users in managing their fitness goals. Key features included personalized
workout plans, real-time workout feedback, and meal planning powered by AI. The app also
featured progress tracking tools and an initial set of workout routines and meal plans. Early
testing highlighted the importance of user-friendly navigation, intuitive design, and real-time
feedback to ensure that users remain motivated and engaged.

Users appreciated the AI Coach, which helped personalize workout routines and provided
real-time feedback during exercises. The interface and design were generally well-received,
with users finding the layout clean and easy to navigate. The AI recognition feature, which
provided feedback on workout form, was also praised. However, some users struggled with
navigation, particularly when transitioning between workout plans and meal logs. They also
noted that the color scheme of the app felt dull and lacked energy, which could hinder
motivation. The meal logging feature was cumbersome for many users, and progress tracking
was seen as insufficiently detailed.

●​ Iteration 2: Updates Based on Feedback

In response to the challenges users faced with navigation, the app’s interface was streamlined.
Clearer icons and section names were introduced to make the navigation panel more intuitive.
The design was adjusted to provide easy access to key features like workout plans, meal logs,
and AI chat. Additionally, visual feedback was added when users clicked buttons, such as “Save
Preferences” or “Start Workout,” to confirm that actions were processed.

To address concerns about the dull color scheme, the design was updated with more vibrant,
energetic colors like greens and blues, which are more motivating for a fitness-focused app.
Motivational visuals, such as inspiring workout images and fitness icons, were also incorporated
to enhance the user experience and increase user engagement.

24
The meal logging process was restructured to make it simpler and more user-friendly, with fewer
steps and a clearer interface. The AI now provides personalized meal recommendations based
on user goals, making the meal planning feature more relevant and effective. Users also
requested improvements to progress tracking, so the app was updated with more detailed
charts, graphs, and a weekly progress overview to give users a better sense of their
achievements.

To make the app more adaptable to different fitness levels, the workout library was expanded to
include a broader range of exercises and routines. The AI Coach’s real-time feedback on
workout performance was enhanced, providing more detailed corrections and tips. New features
like motivational messages during workouts were added to keep users engaged and encourage
them to push through their limits.

●​ Iteration 3: Future Enhancements

Users suggested adding a social aspect to the app, such as a community feature where users
can share achievements, discuss routines, and motivate each other. A group challenge feature
and leaderboards are being explored as potential additions to foster a sense of community and
friendly competition.

Based on user requests, future versions of the app will explore integration with third-party
fitness trackers (e.g., Google Fit, Apple Health) to provide a more holistic view of user health
data. This integration will make the app more comprehensive and adaptable to users' needs.

To ensure the app is accessible to all users, including those with disabilities, plans are in place
to introduce text size adjustments, high-contrast modes, and voice commands. These
enhancements will make it easier for users to navigate the app regardless of their physical
abilities.

Users reported occasional delays when switching between pages or loading workout content.
Efforts will be made to optimize the app’s performance to ensure faster load times and smoother
transitions between features.

Through these iterations, VibeFit continues to evolve based on user feedback, enhancing both
functionality and design. Each update addresses challenges, improves usability, and introduces
new features that align with user needs, ensuring the app remains effective and engaging for a
wide range of users.

25
5.0​ Conclusion

In conclusion, the VibeFit project exemplifies the transformative potential of harnessing

cutting-edge AI technology alongside a user-centered design approach to develop a fitness
application that is not only accessible but also deeply personalized and highly engaging. The
iterative development process was crucial, revealing significant areas that required
enhancement—such as the navigation flow, the accuracy of AI recommendations, and the
responsiveness of features. These insights were meticulously addressed through refinements
driven by direct user feedback.

To further elevate the application’s effectiveness, it is essential to optimize the AI algorithms,

ensuring they deliver even more precise and contextually relevant fitness recommendations
tailored to individual user needs. Additionally, simplifying the navigation structure and enhancing
the visual design will contribute to a smoother, more enjoyable user experience, making it easier
for individuals to engage with the app. Moreover, the inclusion of advanced motivational tools
such as gamification elements that make workouts more fun and rewarding, as well as real-time
feedback mechanisms can significantly bolster user engagement and encourage long-term
commitment to fitness goals. This interactive approach not only inspires users but also helps
maintain their momentum on their fitness journeys.

The impact of VibeFit extends beyond mere functionality; it addresses critical gaps in the digital
fitness landscape by tackling common challenges faced by users, such as prohibitive costs,
limited accessibility, and the overwhelming amount of fitness information available. By providing
an inclusive platform designed with diverse needs in mind, VibeFit empowers individuals to
pursue healthier lifestyles, regardless of their current fitness levels, hectic schedules, or varying
degrees of technical expertise. This project sets a new standard for the integration of advanced
technologies with thoughtful design, emphasizing the creation of meaningful and user-friendly
solutions. VibeFit is positioned to become a transformative force in the fitness technology sector.
Looking ahead, maintaining ongoing user engagement and solicitation of feedback will be vital
in guiding the evolution of VibeFit, ensuring that it continually adapts to meet the dynamic needs
and aspirations of its audience.

26
6.0​ References

Ryan Alturki. “Usability Testing of Fitness Mobile Application : Methodology and

Quantitative Results.” September 2017,
https://www.researchgate.net/publication/320284487_Usability_Testing_of_Fitness_Mob
ile_Application_Methodology_and_Quantitative_Results

“AI Engagement Tactics for Fitness Apps.” 13 December 2024,

https://www.restack.io/p/ai-for-personalized-shopping-answer-ai-engagement-tactics-fitn
ess-apps-cat-ai?utm_source=chatgpt.com

27
 Appendix

Picture 1: Heuristic Evaluation with Mr Mohd Irfan Haris Lim

28
12/20/24, 6:48 AM Usability Testing Survey for VibeFit: AI Coach Fitness App

Usability Testing Survey for

VibeFit: AI Coach Fitness App
We are Group 4, working on developing and designing a fitness application
featuring an AI coach. This survey is part of our usability testing process to
gather feedback on the app's design, functionality, and overall user experience.

Thank you for participating in this usability test! Your feedback is invaluable for
improving our AI Coach Fitness App. Please complete this survey based on your
experience with the app. The survey should take about 5–10 minutes.

* Indicates required question

Title Section 1 : Demographics

This section helps us understand the diversity of our user base. Please share any
information you’re comfortable with.

1. Name *

2. Your Age *

Mark only one oval.

13 - 17

18 - 21

22 - 30

31 - 40

41 and above

https://docs.google.com/forms/d/1laxf7ISTPQrtLXVT6K4Y0Nw4fQDRorJWeligGWFUKGI/edit 1/6
12/20/24, 6:48 AM Usability Testing Survey for VibeFit: AI Coach Fitness App

3. What is Your Fitness Level? *

Mark only one oval.

Beginner

Intermediate

Advanced

4. What device did you use for this test?

Mark only one oval.

Smartphone

Tablet

Desktop/Laptop

5. How Familiar Are You with Using Fitness Apps? *

Mark only one oval.

1 2 3 4 5

Very Unfamiliar Very Familiar

Section 2: Usability and Functionality

6. How easy was it to navigate the app? *

Mark only one oval.

1 2 3 4 5

very difficult very easy

https://docs.google.com/forms/d/1laxf7ISTPQrtLXVT6K4Y0Nw4fQDRorJWeligGWFUKGI/edit 2/6
12/20/24, 6:48 AM Usability Testing Survey for VibeFit: AI Coach Fitness App

7. Did you find the AI Coach features helpful? *

Mark only one oval.

Yes

No

Somehow

8. How intuitive was the design of the workout module? *

Mark only one oval.

1 2 3 4 5

Not Intuitive at All Very Intuitive

9. Did the app meet your expectations for meal planning? *

Mark only one oval.

Yes

No

Somehow

10. Were you able to complete tasks easily? *

Check all that apply.

Sign Up
Personalize Work Out Plan
Star a Workout
Log Meals
Track Progress
AI Chat and AI Recognition

https://docs.google.com/forms/d/1laxf7ISTPQrtLXVT6K4Y0Nw4fQDRorJWeligGWFUKGI/edit 3/6
12/20/24, 6:48 AM Usability Testing Survey for VibeFit: AI Coach Fitness App

11. What features would you improve or add? *

Section 3: Accessibility and Aesthetics

12. Was the app accessible to you (e.g., text size, contrast, voice commands)? *

Mark only one oval.

Yes

No

Partially

13. Rate the visual appeal of the app *

Mark only one oval.

1 2 3 4 5

Very Poor Excellent

14. Did you encounter any issues with responsiveness on your device? (Yes/No) *

Section 4: General Feedback

15. What did you like the most about the app? *

16. What did you find frustrating or challenging? *

https://docs.google.com/forms/d/1laxf7ISTPQrtLXVT6K4Y0Nw4fQDRorJWeligGWFUKGI/edit 4/6
12/20/24, 6:48 AM Usability Testing Survey for VibeFit: AI Coach Fitness App

17. Any additional suggestions or comments?

Thank You For Your Time!

This content is neither created nor endorsed by Google.

Forms

https://docs.google.com/forms/d/1laxf7ISTPQrtLXVT6K4Y0Nw4fQDRorJWeligGWFUKGI/edit 5/6
Log in

Email

Password

Forgot password?

enter

OR

Dont have an account? sign up

Signup
Email

Password

Age

Fitness goals

Fitness level

enter
OR
 Hello Sam
Las Vegas, Nevada
sun mon tue wed thur fri sat
13 14 15 16 17 18 19

WEDNESDAY 20 MOVES

Today’s
Workout
Push up 20 MOVES
Day 2 - 20 Mins

Power workout 20 MOVES

Day 3 - 30 Mins

Pilates 20 MOVES
Day 4 - 15 Mins

Schedule workouts AI assistant profile

AI ASSISTANT

----------
hello! I am vibebot I am your AI
assistant to help you on your fitness
journey, click below to explore my
features

Meal Plan Chat

 profile

Sam

s*****[email protected]


Fitness quiz

Daily Progress

Settings

Progress Tracker

Schedule workouts AI assistant home

 fitness quiz

what exersizes do you prefer

what equipment do you have access to

How much time can you dedicate to a workout?

How often do you want to work out per week?

Do you have any injuries or physical limitations?

What is your experience with strength training?

ENTER

home
workouts AI assistant
Schedule
 settings

Notifications

Profile & Personal Information

Workout & Training Preferences

Privacy & Security

Support & Feedback

home
workouts AI assistant
Schedule
Push up
1 x 15

Crunches
2 x 10

Pilates
3 x 10

Core workout
4 x 20

Arm circles
2x5

Squats 20 MOVES

1 x 10

EXIT
TODAY
WED 16th NOV 2024

Heart
 Calories
Sleep
 Training

92 1150 8:00 1:30
Per min Kcal Hours Hours

4.0
KM
 AI COACH
Line yourself up with the blue outline before
starting the workout

start
AI CHAT
 AI MEAL PLAN

location:

preferred store:

budget:

dietary restrictions:

type of diet :

show me my diet plan!

Schedule workouts AI assistant home

choose your type of workout!

Yoga

Pilates

Meditation

Fitness
 MONTHLY SCHEDULE

add vacation days


edit dates


Schedule workouts AI assistant home

TODAY’S WORKOUT

start

view

edit

end
 MEAL PLAN

generate another
 MONTHLY SCHEDULE

add vacation days


From:
To:

edit dates


Schedule workouts AI assistant home

 MONTHLY SCHEDULE

add vacation days


edit dates


From:
To:

Add Event Delete Event

Schedule workouts AI assistant home

 NOTIFICATIONS

mark all as read | select

Great job! You've completed 5 out of 7 workouts

this week. Keep it up

You're doing awesome! Only 1 more workout to

reach your weekly goal

Consistency is key! You’ve hit your step goal for

the third day in a row. Let's make it 4!

Congratulations! You've just unlocked the '10K

Steps' badge!

New milestone unlocked: 100 workouts

completed! Keep pushing your limits!


You've burned 500 calories today! That's a

great start toward your goal!

read more
 < PUSHUPS >

10 x 1

AI COACH RECOGNITION
 < LUNGES >

5x4

AI COACH RECOGNITION
 < PILATES >

20 x 3

AI COACH RECOGNITION
 < SQUATS >

10 x 3

AI COACH RECOGNITION
succesfully added to workout!!

close
workout ended for today



In progress
Finished
0 Workouts
1


Completed 
 Time sent
workouts 12 Minutes

close

summary of workout
WEDNESDAY,NOV 16

Summary

Activity Rings

Move

479/800 cal



Exercise

50/30 min



Stand

3/12 hrs

Step Count Step Distance

Submission Guidelines
1. Prototype File: Submit a working interactive prototype (e.g., in Figma, Adobe XD, or other
prototyping tools).
2. Report: Submit your detailed report in PDF format.
3. Presentation: Submit the slide deck (PowerPoint or PDF) you will use during the presentation.
Rubric 1: Communication and Presentation

Needs
Criteria Excellent (5) Good (4) Satisfactory (3) Unsatisfactory (1) Marks
Improvement (2)

Ideas are clearly

and logically Ideas are clear
Ideas are mostly Ideas are unclear,
communicated. with good logical Communication
Clarity of clear, but there are with poor
Excellent flow, but some lacks clarity in
Communication areas where more organization or no
organization of minor areas could several areas.
clarity is needed. visuals.
content and visual be improved.
aids.

Exceptional use of Good use of Some visuals are

Few or poorly
visuals to support visuals, but could used, but they
Visual designed visuals No or minimal use
the narrative use more examples don’t consistently
Communication that confuse of visuals.
(graphs, charts, and or improvements support the
rather than clarify.
prototype screens). in clarity. narrative.

Demonstrates
Communication is Stakeholder Struggles to
excellent ability to Unable to
mostly clear with communication is communicate with
Stakeholder communicate communicate
some difficulty in adequate, but stakeholders in an
Communication complex concepts effectively with
explaining certain lacks engagement understandable
to stakeholders stakeholders.
concepts. or clarity. manner.
effectively.

Confident, clear, Good presentation Adequate Presentation lacks

and engaging skills with minor presentation with confidence or has Presentation lacks
Presentation
presentation with issues in several significant issues clarity and
Skills
effective use of engagement or engagement or in structure.
time. time management. time issues. communication.

Total

Rubric 2: Project and Design

 Needs
Criteria Excellent (5) Good (4) Satisfactory (3) Unsatisfactory (1) Marks
Improvement (2)

Exceptional
Heuristic Evaluation Basic application
application of Strong application of Correct application of Limited or incorrect
of heuristics;
heuristics with heuristics with heuristics with application of
Application of issues identified
insightful analysis of detailed usability moderate analysis of heuristics; minimal
heuristics to identify lack depth or
critical usability issue identification. usability issues. issues identified.
usability issues. clarity.
issues.

Comprehensive
Iterative Design
Exemplary refinement; refinement; Moderate refinement Minimal
feedback fully feedback with feedback refinement; some No iteration or
Refinement of
integrated with clear systematically incorporated into feedback refinement;
prototypes based on
justification for addressed, most aspects of the addressed feedback ignored..
feedback and
changes made. improving the design design. superficially.
iteration.
significantly.

Emerging
Innovative integration
Technologies Strong integration of Appropriate use of Basic mention of No integration of
of cutting-edge
emerging technologies with technologies; emerging
technologies; future
Integration of new technologies; trends moderate minimal relevance technologies; lacks
trends leveraged
technologies and thoughtfully applied consideration of to the project or relevance to future
effectively to enhance
designing for future to improve design. future trends. user needs. trends.
outcomes.
trends.
Ethical
Considerations Exceptional focus on Strong application of
Minimal
ethics, inclusivity, and ethical principles; Basic incorporation Ethical
consideration of
diversity; solutions inclusivity and of ethical principles considerations
Inclusion of ethical inclusivity or
demonstrate diversity are and inclusivity with absent or poorly
principles, inclusivity, significant positive ethical principles;
wellconsidered and moderate impact. addressed.
and diversity in lacks depth.
impact. impactful.
design.
Reflection on Course
Outstanding synthesis Strong reflection, Moderate synthesis
Basic reflection on
Demonstrated of course concepts synthesizing of course concepts Little to no
course concepts
understanding of with innovative concepts effectively with relevant reflection or
with limited
course concepts and application to future and applying them application to design synthesis; concepts
application to
ability to synthesize trends and research to future-oriented improvements or poorly applied.
future directions.
knowledge for future directions. design. trends.
directions.
Implementation
Feasibility
Exceptionally feasible Highly feasible Moderately feasible Feasibility is weak;
design; solutions are Design is
Practicality and design; solutions are design with minor solutions
practical, impractical or
feasibility of highly practical, issues in are difficult to
implementable, and unfeasible within
proposed design efficient, and realistic implementation implement
well within the project scope.
solutions within given for implementation. practicality. effectively.
constraints.
constraints.
 Needs
Criteria Excellent (5) Good (4) Satisfactory (3) Unsatisfactory (1) Marks
Improvement (2)

Creativity and
Innovation
Exceptional creativity; Strong creativity; Minimal
Moderate creativity; Lacks originality; no
Degree of originality highly original ideas innovative ideas are creativity; project
some innovative evidence of
and innovative with groundbreaking well-integrated and relies on standard
ideas are evident in innovative ideas or
thinking innovation in design enhance project ideas with limited
parts of the project. approaches.
demonstrated in the and execution. value significantly. innovation.
design and execution
of the project.

Total