Fitness Tracking App Interface

Design

Author List
Perry Li (pli63)
Jiani Wu(jwu50)
John Elliott (jel119)
Ben Empson (bje59)
Baichuan zou (bzo15)
Mohadesa Sharifi (msh233)

COSC 368 - Assignment 1

Report Due Date: 18th September 2023
——————————————————————————————————————————

1. Executive Summary:
An overview of the design and development process for FitTechi, an app that tracks fitness
levels for users, is given in this document. Users are divided into low, medium, and high
intensity groups, and personalities are introduced to represent each category. Task importance
and frequency are the basis for task prioritization.Preliminary design options are presented in
the document, with an emphasis on goal-setting, performance tracking, profile updating, login,
and user registration. In order to provide a user-centric experience, these designs try to find a
balance between simplicity and personalization.The main goal is to lay the groundwork for
FitTechi's mobile interface design so that it can accommodate its users' various fitness goals
and preferences.

——————————————————————————————————————————
——————————————————————————————————————————

Table of Content:

1. Executive Summary: 2
2. Introduction: 4
3. User and Task Identification: 5
3.1 User Identification: 5
3.1.1 User Groups: 5
3.1.2 Personas: 6
3.2 Task Identification: 6
3.2.1 User Tasks： 6
3.2.2 Smart Device Tasks: 7
3.2.3 Performance Tracking Tasks: 7
3.2.4 Goal Setting Tasks: 8
3.2.5 Informational tasks： 9
3.3 Tasks Prioritisation: 10
3.3.1 User Tasks: 10
3.3.2 Smart Device Tasks: 11
3.3.3 Performance Tracking Tasks: 11
3.3.4 Goal Setting Tasks: 12
3.3.5 Informational tasks： 12
4. Preliminary Design Alternatives and Rationale: 13
#1 Sketched design alternative: 13
#2 Sketched design alternative: 16
#3 Sketched design alternative: 18
5. Final Design: 22
6. Conclusion: 27
7. Contributions: 27
——————————————————————————————————————————
——————————————————————————————————————————

2. Introduction:
Physical fitness has seen a rise over the past years. As many individuals now wish to create a
more sustainable and healthy lifestyle for themselves This transition is propelled by the
continuous development of lifestyles and an increased consciousness regarding our personal
health.

With this increase in public consciousness toward personal health, smart devices are becoming
ever more integrated into our lives. These devices provide an easy way to integrate tracking into
the laymans workout routine. It is for this reason that FitTechi seeks to create an application that
aims to eliminate the need for traditional methods such as spreadsheets. The primary objective
of this application is to alleviate users from the laborious task of recording and analyzing data
during their workout sessions, thereby enabling them to focus more on achieving their fitness
goals.

This report will start by identifying and explaining the applications stakeholders. This allows for a
more comprehensive understanding of users' wants for the application. Task categories and
accompanying tasks will then be listed with scenarios being present from the perspectives of
our identified users. This again allows a clear view of the application goals.

Several designs are made that aim to fulfill these goals and tasks. These designs are analyzed
to identify key components necessary for a final product. Using what was identified a final
design will be created and accompanied with the designed rationale and review.

——————————————————————————————————————————
——————————————————————————————————————————

3. User and Task Identification:

3.1 User Identification:

3.1.1 User Groups:

FitTech applications focus is to support users' workout progress and tracking to inform their
workout routine. It has been determined that our key users can be categorized into three
categories, which relate to their workout needs.

Low intensity users are those who casually work out. Such as beginners, the elderly, or those
who workout to maintain their health. To support these users the application should be easy to
understand and use so as to be easily integrated into their workout regimen. As these users do
not require a high level of task complexity.

Medium intensity users are those who work out periodically, have an awareness of common
routines and terminology, and are invested in being able to support their workout routine.
Examples of these users are Yoga practitioners, weight loss seekers, or those with a regular
workout schedule.. Unlike our low intensity users, these users will require more customisation
options that allow them to have a more personalized and informed workout routine. As these
users are not specialists, not all tasks will need this same level of complexity.

High intensity users are those who work out frequently or as a job, these users are
professionals who require an advanced level of proficiency in this field. Such as bodybuilders,
athletes, trainers, or fitness enthusiasts. To support these users they would need advanced
features that allow them to be specific when planning and recording their workout routines..
They will have a high level of proficiency and therefore not want a simplistic application, with
vague details, and lacks customization.

All users listed above may also have smart devices which help inform their workouts. It should
therefore be assumed that these users would also seek features which enable them to better
connect their device to external systems.

These are our key users because their wants align with FitTech applications goals. However, it
was determined that low – medium intensity users are the most important user base because
these users are a larger percentage of the fitness space and allow for an app which can be
more generalized to the layman unlike the high intensity users... High intensity users likely
already have a method for recording in place or have strict wants and needs that an inclusive
application will not be able to support. Therefore, our focus will be making the app simple and
user friendly, with some customisation options.
3.1.2 Personas:
The following personas have been created based on the user groups defined above. They will
be used for task scenarios.

- Tim is a student at UC and uses the UC gym to work out every day. He works out to
improve his build.
- June is a personal trainer and they focus on helping and reviewing others' training.
- Liam is a highschool sports player. He has not worked out at a gym before. He wants to
learn how to improve his build.
- Pearl is a senior. She works out at home to help maintain her health. She has little
knowledge to help plan her workouts.
- Rachel works out often both at home and at the gym. She works out to help maintain her
health and likes to track her progress.

3.2 Task Identification:

Tasks have been categorized into several groups of essential design choices. All task sets are
important in achieving the outlined fitness app but some sets better encapsulate the needs of
certain users.

3.2.1 User Tasks：

The user tasks are a set of tasks that relate to the initial application setup and users personal
data. The identified user task are:
- Signing up
- Logging in/out
- Editing a profile

Signing up task scenarios:

Tim wants to set up the application to help track his workout. He would want to make an account
by entering a username and an assortment of information related to him which is protected with
a password.

Logging in/out task scenarios：

Tim has made an account and would like to sign in in order to track his workout and use the
applications functionality. This would need his username and password.

Tim would like to stay signed into the application as long as he hasn’t logged out of the
application so that he doesn’t have to spend time signing in again.

Tim would like to sign out of the application and in order to use another account.

Editing a profile task scenarios:

June is logged into the application and would like to change her name from “Junie” to “June”.
Liam is logged into the application and would like to change his password. This would need the
original password to do.

3.2.2 Smart Device Tasks:

The smart device tasks are a set of tasks that relate to allowing users to integrate smart devices
and machines into the applications tracking. The identified smart device task are:
- Device connection
- Transmitting account data

Device connection task scenarios:

Pearl wants to connect her device to a treadmill she is using for her next workout.

Pearl wants to record her workout she just completed by using the treadmills recorded data.

Rachel wants to disconnect her device from a lifting machine as she is no longer using it.

Transmitting account data task scenarios:

Tim wants to send his personal trainer, June, the workout he just completed so that they can
better plan his next workout. These workouts should be able to be sent as a document so that
they can be viewed outside the application.

Pearl wants to send her doctor a set of her last workouts so he can see her recent activity.
These workouts should be able to be sent as a document so that they can be viewed outside
the application.

3.2.3 Performance Tracking Tasks:

The performance tracking tasks are a set of tasks that relate to the user logging and tracking
their workout information. The identified performance tracking task are:
- Log workout
- Log food
- Log modifying and deleting
- View past logs

Log workout task scenarios:

Pearl has just completed her treadmill workout and now wants to log it. She would like to log the
type of workout and the amount of time she spent working out.

Tim has just completed his lifting workout and would like to log it. He would like to log the type
and time spent but he would also like to log his number of repetitions and weights he had used.
Rachel would like to log her lifting workout she just completed. She wants to remember some
changes she had made to her workout form and would like to have a note attached to her
workout log.

Log food task scenarios:

Tim has a goal to eat a certain number of calories and he would like to log a meal he just ate.
He would like to have the food and number of calories as part of the log.

Pearl has been struggling with her diet recently and would like to attach a note to her recent
food log to help her remember what foods have worked best for her.

Log modifying and deleting task scenarios:

Tim has realized he has logged the wrong number of calories and would like to change his past
log from “200” to “150”.

June has realized that she has logged the wrong amount of time she spent working out and
would like to change it from “1 hr” to “30 mins”.

Pearl had made a log by mistake and would like to delete it. She would like to have a
confirmation to ensure she is deleting the correct log.

View past logs task scenarios:

Rachel would like to be able to view all her past food and workout logs as she wants to look at a
past workout. She would like to have them grouped by completion dates.

Rachel made a mistake in her past workout and would like to edit the logged workout to fix the
issue. This change should also be reflected in goals which may change their completion status.

Pearl would like to be able to view only a specific type of log (food/workout) so that it is easier
for her to view the past logs.

3.2.4 Goal Setting Tasks:

The Goal Setting tasks are a set of tasks that relate to allowing users to better manage and
control their workout tracking and goals. The identified Goal Setting task are:
- Workout goal creation, modifying, and deleting
- Food goal creation, modifying, and deleting
- Goal monitoring

Workout goal creation, modifying, and deleting task scenarios:

Liam wants to create a workout goal of his time spent training so that he can better plan his
workouts. He would like to be able to title the goal, give it a goal time, and have a goal due date.

Tim wants to create a workout goal that will track the time spent on a specific type of workout he
is doing to allow him to ensure he is balancing his workout regimen. He would like to have a
goal title, workout style, goal time, and a goal due date.
Pearl wants to change a workout goal tracking her workout time from “1 hr” to “2 hrs”. As she
made a mistake when creating her goal.

Pearl would like to have her goals updated when see logs or updates her workout logs without
her manually entering them again. So that it is easier for her to use the app. These logs should
be linked to the goal and viewable if desired.

Rachel no longer wants to track her workout goal and wants to delete it. She would like to have
a confirmation to ensure she is deleting the correct goal.

Food goal creation, modifying, and deleting task scenarios:

June wants to plan her diet better and wants to create a goal that can track the amount of
calories she has consumed. She would like to have a title, calories limit, and goal due date.

June wants to now increase her calories limit and would like to edit and change her goal from
“2000” to “2500”.

Pearl would like to have her goals updated when see logs or updates her food logs without her
manually entering them again. So that it is easier for her to use the app. These logs should be
linked to the goal and viewable if desired.

Rachel no longer wants to track her food goal and wants to delete it. She would like to have a
confirmation to ensure she is deleting the correct goal.

Goal monitoring task scenarios:

Pearl would like to understand her current workout progress. She would like to view a simple
design that concisely shows her current goal progress alongside relevant goal information.

Tim would like to view his goal in more depth as he wants to better understand his workout. He
would like to be able to, from, the concisely viewing format view a more indepth and editable
version of his goals. The goal should display any logged tasks that have contributed to the goals
completion.

3.2.5 Informational tasks：

The Informational tasks are a set of tasks that relate to better informing the users about their
current workout progress and help them better plan their workouts. The Informational task are:
- Workout plans generation and modifying
- View workout and goal statistics
- Receive workout reminders

Workout plans generation and modifying task scenarios:

Liam doesn’t know what type of workout to start with and wants to have a list of workout tasks
generated for him. He wants these tasks to reflect his current workout training. The generated
tasks would be based on available information such as logging, goals, and personal data.
Pearl would like to have a detailed description of her generated tasks and how to complete them
so that she can understand and implement them easily into her workout routine.

Liam doesn’t like the weights given for one of his generated workout ideas and wants to edit it.
The tasks should be editable to change their properties such as workout time, weights, or style.

Pearl doesn’t like that one of her generated ideas as it's too difficult for her and wants to be able
to delete it. She would like a confirmation to ensure she is deleting the correct task.

Viewing workout and goal statistics task scenarios:

Liam wants to understand how much time he has spent working out over the last week and
would like to see a graph or representation of his logged workouts and goals.

Liam wants to better understand his progress and would like to see wider date ranges,such as
months, so he can better inform his workout. Pearl would like to see a representation of her
goals progress and the projected workout amount based off of her past workouts towards the
goal so that she can adjust and focus on completing her goals. June would like to view a
statistical representation of her calories-in versus her calories-out so that she can better inform
her diet and change it if needed.

Receive workout reminders task scenarios:

Pearl would like to set up a workout reminder as she has a bad memory and is prone to
forgetting. She would like for a workout reminder that has a title and reminder time.

Tim would like to set up a workout reminder so that he knows when to start his next set of
workouts as it can sometimes become difficult to manage.

Pearl would like for workout reminders to be repeatable so that she doesn’t have to create a
new one each day. She would also like to have an option between having a stop date and an
indefinite time.

Tim wants to add a new workout and has to change an old one. He would like to be able to
delete and edit active reminders so that he can adjust his workout plan.

3.3 Tasks Prioritisation:

Task prioritization is determined based on task importance to users and its frequency of use.
3.3.1 User Tasks:
Signing up: Medium priority
The app's sign-up feature is vital as it allows the collection of necessary information about new
users. This data is essential for customizing the interface, recommending exercises, plans,
personalized recommendations, and helping them achieve their fitness goals.
Users only register (sign up) when an account is created. This is a one-time task for each user,
and they will only repeat it if they create another account.
Logging in/out: High Priority
Logging into the app is an essential feature for all users, as it is required to customize the
interface.
The frequency of logging in may vary among the users. As users stay logged in, most users are
unlikely to use this feature. However, some users may log out after a workout or if they want to
switch accounts.
Edit profile: Medium priority
The application needs up-to-date information since it is customized to help users track based on
user information. Users may enter the wrong data during registration, or others' metrics, such as
weight and intensity level, have changed. Edit profile has the same priority as the register
because keeping data up to date is vital to the application.
3.3.2 Smart Device Tasks:
Device connection: High Priority
The application's primary objective is to help users record and track their progress. Connecting
to equipment is essential because it allows users to record a workout quickly by using gym
equipment to fill in the data. It is important to note that not all users have access to smart
devices they can use to pair with equipment/phones. Due to their more extensive equipment
selection, it would be easier to connect to smart equipment at gyms. Therefore, users who
workout at gyms would be more likely to use this feature.
Transmitting account data: Medium priority
Users should be able to save their fitness data in different formats. This allows them to share
this data with healthcare professionals or others.
While some users may find this task essential, it is less critical than general tracking. Sharing
data is not a frequent action in the user's workout routine.
3.3.3 Performance Tracking Tasks:
Log workout: high priority
Gym members use the application primarily to record and track their workout progress.
Designing the app to meet users' needs is crucial, allowing them to log various exercises they
engage in. Gym workouts usually include using gym machines, engaging in cardio exercises,
and strength training like push-ups and weight lifting. We can automatically track gym machine
usage with a smart device connection. However, for other sports, users need to log input data
manually. As a result, performance tracking is as crucial as connecting to devices.
Log food: high priority
Users often seek to track their diet. Achieving fitness goals lies in a combination of regular
exercise and a healthy diet. Although the application has a food database that users can select
from, users need to be able to input details of the food they consume due to the variety of foods.
This feature provides flexibility and accuracy in food tracking. It has a similar priority to log
exercise.
Log modifying and deleting: high priority
Log modification and selection are as crucial as initial creation. A good application allows users
to refine their data, ensuring flexibility and accuracy of data.
View past logs: high-priority
Viewing past logs is a high priority. Viewing past logs helps users track progress and make
informed decisions about their fitness journey. Due to its frequent use, a user-friendly and
seamless feature for viewing past logs can increase user satisfaction.
3.3.4 Goal Setting Tasks:
Since the main objective of the application is to track users' performance, goal setting task's
priority comes after performance tracking tasks.
Workout goal creation, modifying, and deleting: high priority
Goal setting keeps users accountable, and focused. By setting workout goals, users redirect
their efforts and activities toward a specific objective, which results in a more effective workout
routine. It holds users accountable for a consistent fitness routine to achieve their goals. A good
design allows flexibility in setting goals. Users appreciate functions that would enable deleting or
editing a goal. Goal setting features can improve user's overall performance.
Food goal creation, modifying, and deleting: high priority
Food goal creation is as important as workout goal creation, since a balanced diet is critical to
achieving fitness objectives. Since most app users are low and medium-intensity users, they
might need help creating a realistic diet goal. Suggesting achievable and healthy diets to users
enhances user satisfaction and improves their overall achievement.
Goal monitoring: high priority
Monitoring and tracking goals keep users motivated and driven toward achieving fitness
objectives. Observing their achievement provides a sense of accomplishment. Goal monitoring
can encourage them to maintain their hard work, resulting in better performance.
3.3.5 Informational tasks：
Workout plan generation and modification: Medium priority
Users need to have a workout plan to achieve their fitness goals. Generated workout plans aim
to benefit users who want help with this process. It has a lower priority than user-created
goal-setting functionality as it is a supplementary tool. Not all users will benefit the same level
from a generated workout plan, but as our key users are low/medium intensity, we view this as
being an integral feature.
View workout and goal statistics: High priority
Viewing workout history and goal overview enables users to track their progress. It can also
provide a sense of accomplishment. Viewing workout progress and history is considered a
frequent task. Users rely on this feature to monitor their workout journey consistently.
Receive workout reminders: Medium priority
Another significant application objective is to inform and educate users about their workout
routines. To ensure the user is continually updated, the app provides notifications to keep them
informed. The workout reminder feature is a valuable tool to keep users engaged and on track
with their fitness routines. While it may not be as critical as core functionalities like recording and
tracking, it plays a significant role in user engagement. Users benefit from timely reminders,
ensuring they do not miss their scheduled workouts.

——————————————————————————————————————————
——————————————————————————————————————————

4. Preliminary Design Alternatives and Rationale:

#1 Sketched design alternative:

[All figures are indicated with pink text on image below]

Figure 1.1 depicts the login screen, where users can sign in with their email address or cell
phone number. Figure 2 shows the main interface after clicking the Login button. Click the Sign
In option if the user does not have an account. Figure 1.2 shows the user being directed to the
registration page. The user enters his personal information and chooses the mode of exercise
recommendation he wants on the registration page. The registration will be successful after you
click the Submit button, and you will be taken to the main screen shown in Figure 2.

The benefit of this is that user login and registration will be extremely quick. The negative is that
no CAPTCHA verification has been added to the login screen, which could lead to bot
registrations. There is no forgotten password option, which may prevent users from logging into
the app after losing their password.

Figure 2 depicts the app's main page, which includes all of its key features. The benefit is that
all of the app's primary elements are available at a glance, and the user can see today's workout
and exercise plan at a glance. The negative of this is that the main interface has too much
information, and if you continue to add features, the main interface may become too difficult.

Figure 3 shows how to enter the user's personal information screen by clicking on the user's
avatar in the main interface. Users can edit their information item by item here. On this screen,
you can also log out of your account. Adding change buttons after each message protects users
from submitting the wrong information. However, it may not be practical for information that
needs to be updated on a daily basis, such as weight.

The Daily Plan part of the main interface displays the recommended exercise duration, calories
burned, and workouts based on the user's intensity mode selection. If the user is unhappy with
the system advice, he can access the Self-determined plan interface by clicking the
Self-determined plan button, as illustrated in Figure 4.

In the Self-determined plan screen, users can specify the number of hours they want to exercise
today, the number of calories they want to burn, and the exercises they want to undertake.
When the campaign is activated, the information appears on the main screen. The benefit of this
design is that consumers can freely control their exercise programme. However, once modified,
the user may be unable to return to the system-recommended programme.
The main page will display today's exercise report as an image, allowing you to see the results
of the workout. The report may be refreshed at a predetermined time each day (for example, at
23:59 each night). As illustrated in Figure 5, click the show more option to see additional past
reports, such as the weekly consolidated report and the monthly consolidated report. This
allows users to get a more systematic view of their exercise over time.

At the bottom of the main page, there are two buttons. One is the Food cal button, which is used
to keep track of the calories ingested today. The other one is the Equipment button which is
used to keep track of how much workout equipment has been used.

Figure 6.1 shows the food selection screen after clicking the Food cal button. The total number
of calories consumed today will be displayed at the top. Below that is a button for typical foods;
hitting it will show the calories per gramme of the current food and allow you to change the
quantity of grammes consumed, shown in Figure 6.2. If you can't locate the food you're looking
for, try the search tool at the bottom. This allows for quick selection of foods to be recorded, but
requires a large amount of food data to be stored in the database in advance.

Figure 7.1 depicts how I connected data to the exercise equipment using Bluetooth. The
advantages of this are that the user can only connect to the device when it is close, it does not
consume idle device resources, and after Bluetooth pairing, the user may rapidly connect the
next time.

Figure 7.2 depicts the page that appears automatically after a successful connection to the
device, after which the data on it is synchronized with the data on the equipment. This recording
will be completed when you click the Finish button. The benefit of this is that the device
recording procedure is totally automated and does not require any further user activity.
#2 Sketched design alternative:
Description:
Login: figure 1 shows the login
page. Registered users type their
email address (If registered with
phone number click the phone No
link) and password, click login to
go to the main page.
Register: figures 1-5 shows the
register page. New users need to
provide personal information and
their preferred intensity level to
successfully be registered.

The top navbar and the bottom menu bar are always visible. Navbar: fitTechi links to the home
page, the dropdown controls the app mode, and the circle on the right is the profile. The menu
provides access to task pages including ‘set goals’, ‘start tracking’, 'progress’, ‘device
connection’, and 'history’.
Main page: main page is scrollable for additional content. 1.1 and 1.2 are the main pages.
Although all tasks are accessible
via the menu, certain tasks are
repeatedly outlined in the main
page for enhanced user visibility.
Set Goal: Users can log their
calorie and running target in the
textboxes. Users can increment or
decrement the number by the
buttons in the textboxes. Users can
select one or more body shaping
goals via checkboxes. The app
suggests equipment, exercises,
and diet based on user data and
goals.Start tracking: Clicking
‘login to equipment’ opens a new
page with links to two options:
1.connected via bluetooth 2.scan
Qr code. Selecting either option
leads to a new page that records
certain metrics. Clicking on Track
heartbeat opens a page that
records heart rate. To close these pages, simply click on the close icon.
 Progress Page: Click progress from the
menu. The weight graph tracks the user's
weight progress in their selected time interval.
The pie chart illustrates the proportion of
nutrients used.The exercise bar chart
visualizes the user's movement progress.
Feedback and recommendation is based on
the user progress.
Device connection Page: Access device
connection page via the menu. To login to
equipment click button. Tab on the second
circle to connect to the smartwatch. For data
sharing, click on the file and select the
application you want to share the file with.
History Page: Access history page via the
menu. The history page displays users'
records. A list of equipment used in the
selected time interval is shown. Clicking on a
specific equipment like ‘treadmill’ displays all
related records.
Profile page: Users can update their data by
entering new input. The textboxes and
dropdowns are pre_filled with the existing
information.

Pros: The pages in the app are easily accessible via the menu and the navbar. The menu
utilizes animated images to enhance intuitive navigation. Specific tasks are displayed on the
main page, allowing users easy access even if they’re unsure which menu they belong to. The
app hovers over the selected page on the menu. Every new page has a back button or close
button. The progress report section contains evaluations and suggestions to facilitate users to
plan corresponding exercise plans.
Cons: Breaking the registration into multiple pages can make the process more challenging for
users than initially expected. Users might abandon registering in the middle due to the
perceived complexity. Progress reports and history are separate pages in the menu, although
the data are related, and combining them into a single page can enhance user experience.
While the repetition of information was intended to increase its visibility, it can confuse users and
make the app seem overwhelming. The profile page lacks a save/discard button. The progress
page lacks a time selection option. Notably, The app does not support exercise and food
logging. The application lacks a logout feature. The menu bar can be hidden to prevent
Accidentally touching the menu. The design does not provide a flexible interface. For example
once a user sets a goal there is no option for modifying or deleting.
#3 Sketched design alternative:

Progress Report Page: This is the main page users will see when the app boots up. A
summary of goals and stats are visible. There is a navigation header at the bottom of the page
that is present on all other pages unless stated otherwise, this allows for easy navigation
between screens. Swiping left / right on any screen also moves users between pages on the
navigation header. Users can access any other main page from here, and the goals page from
the + icon.
Logging: On this page users can log workout and food, as well as view workout / food history.
Users can access the Log Food and Log Workout pages from here.
Workout History: Here users can view a detailed list of all past workouts with date details.
Users can scroll down to see more into the past.
Profile Settings: The first page that is shown upon launching for the first time, and accessible
using the settings button. Users can edit the profile settings from here, adding custom
information that will help them with keeping track of the user's health. Also present here is an
adjustable skill level for determining the level of auto tasks in the Task Page. Other general
settings for the app are also found here such as the colour scheme of the app.
Log Food: A subpage of Logging for inputting food details.
Log Workout: A subpage of Logging for inputting workout details. The contents of the page
change based on what type is selected. Users can also automatically log details from NFC on
their workout equipment.
Log Time: A subpage of Log Workout for setting the start and end time of an activity, with the
option to time users’ current activity as they do it.
Goals Page: A list of long term goals users have for maintaining their workout routine. Progress
is tracked by looking at the user's workout and food history and shows how far they are with a
green progress line.
Edit / Add Goal: A subpage of Goals for adding or editing the details of a given goal, users can
edit its name, dates associated with it, and other custom details.
Goal History: A subpage of Goals for viewing past completed goals.

Task Page: A list of short term tasks to achieve in each workout session. When users complete
a task, they tap the circle and it logs the details, moving the task into the Taks History. Tapping
on a task itself opens the Task View page. Users can add their own tasks here manually, or auto
generate a task for them to do.
Task View: An informative page for seeing task details such as the description of the task and a
video showing how the task is performed.
Edit / Manual Add Task: A subpage of Task for adding or editing the details of a given task.
Setting the type will change the other details for input.
Task History: A subpage of Task for viewing past completed tasks. If needed, users can
uncomplete a task, moving it back to the Task Page.
Design Summary: The focus of this design is for tasks to be carried out simply and quickly and
providing users with quick access to information since our users will want to focus on their
workout and have a hassle free experience with the app. This was achieved through several
design decisions such as by having a small number of main pages, all accessible from any
given page using the bottom header, and having at most two subpages per page, generally for
editing / adding and viewing history. Also, when logging workout there is the option to scan data
from equipment allowing for fast input of workout information. Additionally, on the tasks and
goals page, a user can see all the details of a task / goal just from looking at the summary block
as it's large enough to provide lots of text. And the Task View mode allows for users to watch a
short video of how a workout is performed letting them quickly understand and start their
workout. Importantly all tasks, goals and logged workout / food can be edited after the fact,
allowing users to correct any mistakes they may have inputted.

Some drawbacks of this design are that there is no search feature on the history, so after a
while of using it might become difficult to find certain tasks or goals by only scrolling. Also
logging food is entirely manual which could be improved with a scanning feature or database.
Additionally with no account feature, all data is kept locally so sharing app data between devices
isn’t possible.

——————————————————————————————————————————
——————————————————————————————————————————

5. Final Design:
Login and sign in：
The left side of Figure 1 depicts the login screen, where the user can use an email address or
mobile phone number as the account and
complete the login process by entering a
password as the authentication method.
If the user does not already have an
account, they can create one by clicking
on the "Login" option. The right side of
Figure 1 shows the user being directed to
the registration page. Users enter
personal information on the registration
page and select the sports
recommendation method they want.
Finally, set the password corresponding
to the account as the authentication
method for the next login. Click the
"Submit" button to register successfully
and enter the main interface.

Edit Profile:
To view your profile, click on the hamburger icon. Once in the profile
section, you can review your information. If you wish to make
changes, press “edit” and update the relevant information. To log
out, click “Logout” for a logout from your account.
Record of food nutritional intake:
In this part of the design, we combine parts of sketched design1 and sketched design3. Rather
than customizing food calories in sketched design3, the design with a food calorie search library
in sketched design1 allows users to quickly find and calculate calorie intake. Click on the icon
with the "apple" logo in the
lower right corner with the
words "Nutrients". If the food is
in the database, search for it in
the search box. Each food in
the database is assigned an
energy value based on portion
size, e.g., an apple is
approximately 52 calories.
Once a food has been
successfully found in the
search engine, the total value
of the calorie intake is
predicted based on the user's
intake, thus click “ ” or “ ”
increasing or decreasing the
amount of food. Foods which are not in the system database can be added manually by the
user. Click " " to enter the manual add page, enter the food name, estimated calories, and
number of food items, and select the date of intake (the date will be automatically defaulted to
that day). Besides, the user can add notes for the customized food item, such as ingredients
inside a burger in the note.
Progress page (Main Page):
The "Progress" page is, by default, the main page. On the "progress" page, you can set your
goals and monitor your
progress and records. Your
daily goal is prominently
displayed at the very top of
this page. In order to set
different goals or modify
your plan, go to the “Daily
Plan” section. In the “Daily
Plan” section, you can
access exercises and calorie
intake recommendations.
For greater control over
planning your day, navigate
to the “Self-determined Plan”
by clicking on the respective
section. If you prefer to set
goals manually, input the day’s desired calorie intake and exercise period in the provided text
box. You can easily adjust the calorie amount and exercise duration using the increment and
decrement buttons. Select one or multiple options from the checkbox to choose the desired
exercise types. Once you have finished planning your day, press the "save" button to store your
inputs. Click the “back” button to return to the progress page. In the “Today’s Report” section,
you can see three different types of graphs. The exercise bar chart visualizes the user's
movement progress. The weight graph tracks the user's weight progress. The pie chart
illustrates the proportion of nutrients used. Feedback and recommendation is based on the
user’s progress.
To view your progress over different time intervals, click on the relevant section to access
“Viewing Past Exercises and Reports.” Within this page, you can choose a specific date using
the calendar or select a recommended time frame from the dropdown menu. Click the “back”
button to return to the progress page.

Equipment Connection and Workout Tracking:

The tracking pages are accessible from the footer. This section of pages is focused solely on
tracking workout information. You are initially presented with the tracking page. This page is
divided into two key sections. Firstly the “Connecting with sports equipment” which will take you
to an equipment page and the “Log time” section.

The “Log time” section allows you to fill in the type of exercise and the time spent working out.
This is done through the use of a clock widget as shown above. The exercise can also be
recorded via the timer. Initially this timer shows a blank greyed out button where the “Stop”
button is and a “Start” button. Clicking the “Start” button will start the timer and change the blank
button to a “Stop” button, the “Start” button is then greyed out. After clicking the “Stop” button
the time is recorded in the “Start” and “End” fields. The button then changes the “Stop” button to
a “Reset” button that returns the clock to its initial state and the “Start” button becomes usable.
This allows a user to continue a workout if the “Stop” button was clicked by mistake.

It can also be seen the Log time section has a “X” and “✓” buttons. The “X” button will reset the
“Log time” fields while the “✓” button will save the data as a new log. This button is only
clickable when the “Start” and “End” fields have been filled, else it is greyed out.

On the equipment page the application will allow a user to connect and transmit their workout
data from a piece of workout equipment to automate the process of logging. This page will use
bluetooth and if turned on will display any new devices, in the “Other equipment” section, that
can be connected to. Any prior connected devices are then listed in the “My equipment” section.
Only one device can be connected to at a time and this is displayed at the top of the “My
equipment” section. Given a device is connected, clicking the “access to equipment” section will
then take you to a more detailed equipment page, if no device is connected this button is
greyed out. This equipment details page will show the current workout being recorded or that
has just been recorded on the machine. Clicking the “Finish” button will then automate the
process of logging and record this data.

Analysis:
During our initial sketching process we found many similarities appeared across the designs.
We believe that this is in part due to when determining our users we found that a large group
focused on more basic tracking and wanted an app that can be easily integrated into their
workouts instead of highly complex. This gave a clear focus to design when implementing the
task.

One of these key features was the user profile section in every application design we found that
this section was accessible through a header icon and lead to a section that which allowed a
user to update key values about their health such as weight, age, and height. We noticed that all
designs focus on creating a quick and easy system in which users could regularly update these
values. This design allows users health to be accounted for in the application and for and gives
users an easy pathway to updating these changing values.

The header was not the only section we found represented in all designs. Also identified was a
footer which allowed easy page transversal and task separation. Many designs focused on
similar pages such as tracking, goal setting, and a progress report. This showed us that the
separation of these pages and the use of the footer allowed for a more clear and concise design
in which users can easily find and use the necessary tools without obscure and unrelated tools
being presented.

One of the most important sections to this application is the process report. We found many
designs focused on reporting information to the users through the use of graphs. This showed
us that to allow users to best understand their level of progress visual representations should be
used, as allowed for information to be concisely and clearly represented.

All these design choices were instrumental in our final design and helped us to better
understand the key aspects in which a simple design flow was most important to allow these
applications to be easily integrated into a user's workout.

We believe that there are a few changes that could still be made for an optimal design such as
fleshing out the login page to help users who forgot their passwords. Also there are certain
sections of the application that focus too highly on a high intensity user-base that seeks a high
level of customization. Some functionality could have been blended in better into the overall
application. An example of this is the report section which, we believe is vital for helping new
users review their workouts, could have been better organized to create a more presentable and
digestible design so as to not overwhelm the user with information.

Taking into consideration the entire design we believe that while there is still room to improve
the design further the foundation outlined in the page design and their functionality is key to
creating an application that will allow the largest number of users to utilize it in their day to day
workout routines. Therefore we believe that this design is well suited for FitTechi needs

——————————————————————————————————————————
——————————————————————————————————————————

6. Conclusion:
We identified three key user groups: high, medium, and low intensity. These user groups
provided us a foundation on which could determine, analyze, and prioritize the necessary tasks
the user-base would want from this application.

This then led us to designing three initial sketches to explore and analyze different ideas and
implementations of these tasks. Using what we identified we create a final design which we
believe best represents many key aspects found and explored in the initial designs. This was
supported with a discussion of design choices alongside the final design.

——————————————————————————————————————————

——————————————————————————————————————————

7. Contributions:
All team members have agreed that an equal amount of work was contributed from all
members.

——————————————————————————————————————————