Smarter Workouts - Better Results

A hybrid way to safely become the best version of yourself

What is TrainSmart?

Project introduction

In a world where fitness and good health is widely pursued, comprehending the individuals behind the different routines is essential in order to achieve smart solutions for better results. TrainSmart is a project that aims to initially capture fitness-related problem areas that might arise for different types of people. In order to pinpoint individual development areas and create possible solutions that fit each individual, we also seek to recognize and enhance peoples unique goals, current habits and challenges. 

Peoples health and fitness journeys are greatly diverse- some look for strength and good looks while others aim to maintain mental wellbeing. 

There are plenty of different products in the market which aim to help people reach their fitness goals. Many apps that have entire libraries of workouts such as Gymshark training app, where you can pick and choose different plans and workouts. The Gymshark app is very helpful because it is not only structured by which body part you want to train, but also by equipment, format, type of training and duration as well as the option to choose level of exercise intensity. Gymshark also offers videos that show proper form of individual exercises. 

Another product big on the market is Fitbit, which offers workouts but also tracks your achievements by registering activity and workouts. You can log your water intake and meals, sync to the Fitbit Aria Air which is a scale that can calculate your BMI to the app and follow your trends throughout time. Fitbit also allows features that can track your sleep and pulse, while also encouraging you in terms of reaching your fitness goals.  

To us there is still something missing from the current products on the market. For example, the Fitbit app requires a Fitbit device and the Aria Air scale, while Gymshark is free and more accessible which gives the user the possibility to plan their workouts. Although products such as Fitbit and Gymshark exist, many still don't know what type of exercise they need to reach their fitness goal. A global issue regarding exercising is not knowing how to train safely. People who are eager or just not knowledgeable enough tend to take big risks which results in injuries. TrainSmart would like to provide a tool to minimize the risks in weight training, by helping people with proper form and using progressive overload.

A second-case control study, made in the University of Amsterdam 2024, that aims to research and focus on factors related to gym-based injuries shows that a significant factor would be risky behaviour while exercising at the gym. As opposed to training at the gym, exercising at home is also shown to lower injury rates. This study includes 493 participants that suffer from fitness-injuries and also 971 participants with no injuries. Furthermore, study also explains that males are at higher risk of suffering from fitness-related injuries. 

Different types of training activities such as CrossFit and weightlifting have been studied in numerous countries. A study, also made in University of Amsterdam 2024, shows that physical inactivity has been a major public health issue that increases the risk of various types of diseases and illnesses such as depression and diabetes. Physical activity, particularly through strength training, is shown through this survey to be playing an important role in terms of being a potential solution. The survey shows that although physical activity does improve your mental and physical health, participating in exercising also means an overall risk of increased injuries. According to this research, 17% of all fitness-related injuries are accountable for all sport injuries, whereas beginners particularly are at risk.  

These two research projects have been reviewed as they are relevant to our project TrainSmart, because they highlight important aspects such as the mental and physical significance of exercising and also the risk of fitness-related injuries that can occur. The similarities our project has to these presented studies shows the major need for a solution that could help people reach their desired fitness- and health goals while minimizing the risk of injuries.

TrainSmart

Our team -

Py Altrell - I am a 24-year-old woman who lives in the city, studies at Malmö University, and works in a sports store on the side. I have a background in track and field, but I want to start running and go to the gym at present.

Sara Benic - I am 20 years old and live in Malmö. I stay active by taking long walks with my dog but I would like to start strength training. I find it difficult to get started as I am not familiar with using the equipment or planning effective workouts.

Yasmin Elhaddaoui - Im a 25 year old living in Helsingborg. I’ve been passionate about boxing and muay thai for about 12 years and believe in the importance of staying active, regardless of the type of training, as fitness is an essential part of physical and mental health.

Sandie Schibrach - I am 24 years old and live in Ängelholm. I have a background in martial arts but find that it’s very difficult to exercise on my own. I miss it in the sense that it’s much easier when someone tells you exactly what to do, but I don’t have the time to take up karate again.

Ellinor Johansson - I’m 25 y/o and live in Malmö. I’ve worked in sales for approximately 8 years and therefore always been on my feet during my workdays. I started studying this September and aren’t moving as much as I did before. I want to take up running again and also build muscles.

Grace Smith - The Beginner

Chad Bolton - The Former Tennis Player

User stories 

Chad is a dedicated gym goer and has a background in programming, Chad struggles with getting the result he wants because of his past injuries. He wants a solution that helps him improve his form and track his progress effectively ensuring he doesn't get injured again.  

Grace is a retail worker and nature enthusiast, she seeks to improve her mental and physical health through strength training. Grace is overwhelmed by her lack of knowledge about proper exercises and techniques. She desires a structured and personalized solution that aligns with her budget and helps her gain confidence in the gym. 

The user stories of Chad and Grace provide a comprehensive framework for understanding the diverse needs, goals and challenges that potential users may face, forming the foundations of the user experience our product aims to deliver. These narratives emphasize the specific context in which the product will be used, ensuring the design is both relevant and user-centered. For individuals like Chad, who have experienced previous injuries, the product prioritizes safety and rehabilitation. It archives this by generating exercise recommendations that avoid placing unnecessary strain on previously injured areas. Additionally, the product emphasizes overall form improvement during strength training, and by offering precise guidance and adaptable routines, the product supports his goal of training effectively and safely.

For users like Grace, the product provides beginner-friendly workout plans that help her navigate the challenges of starting her fitness journey. The emphasis on proper technique, paired with detailed suggestions for improved form helps her to exercise safely and effectively from the start. This feature is beneficial for individuals who feel intimidated about asking for advice at the gym or are hesitant to interact with others for guidance. By addressing these barriers, the product reduces anxiety and enables users to exercise with assurance. Furthermore, the product also stands out as a practical and budget-friendly alternative to hiring a personal trainer. This accessibility ensures that a wider range of users, regardless of their financial constraints, can benefit from personalized and effective guidance. 

The product is designed to reach a diverse range of people with different fitness levels and goals, offering something valuable for everyone. It helps users work toward their personal fitness goals without being afraid of getting injured or judged for doing something wrong. By providing guidance and support the product creates an encouraging environment where the users can focus on their fitness with confidence making it more enjoyable at any stage of their journey.                  

Chad

Grace

The storyboards

When we created the storyboards we focused mainly on the goals and frustrations from the two personas we had created. We really wanted to capture the struggles of an Overachieving goal setter like Chad and an introverted shy person like Grace. The storyboards are meant to visually reflect what each person is facing when starting their workout journey. 

The creating process: We started by collecting data from multiple different people from the age range of 18-30. From the data we collected we created these two very different personas that each has their unique personality. We then observed strangers at the gym that we saw fit into each persona. We watched their behavior to get an idea of how they behave in reality. From then we had enough data to start writing each person's storyboard. 

The first version of the storyboard was a written short story. This was to get all the details and personality traits into the story. When the two short stories were done, we needed to apply the short stories to the comic strip. We discussed what each part of the comic strip should represent and came up with a plan for how the comic should be visualized. We used an AI picture generator to make the images and built the comic in PowerPoint. 

The goal of the storyboard is to use it as marketing to help identify those who recognize themselves in these situations so that we can offer them support and assistance with the help of our product. And also to have the storyboard in mind when we create our product. To think about how we can ease the problems that Chad and Grace face throughout the entire storyboard.

Wireframe-Mockups

Färgschema och Tematik

Första steget i designprocessen var att bestämma vilket färgtema vi skulle ha i vår logotyp, vilket i sin tur skulle matcha vår hemsida. Blå är en färg som symboliserar styrka, mod och harmoni. Detta ansåg vi vara passande eftersom vi riktar oss mot människor som ska använda sin kropp för att förbättra sin fysiska hälsa. Vi ville även inkludera fler färgglada element i vår logotyp och valde därför orange. Orange representerar värme, glädje, ljus, optimism och nyfikenhet, vilket även här passar syftet med vår designidé. Vi avslutade med turkos för att fortsätta det färgglada temat. Turkos symboliserar lugn, trygghet och lojalitet, men framför allt renhet och friskhet. Friskhet är en gemensam nämnare genom hela projektet då vår slogan är:
“Smarter workouts, better results – A hybrid way to safely become the best version of yourself.”

Användarvänlighet och Interaktionsmodeller

I vår app utgick vi från flera interaktionsmodeller som vi tyckte var viktiga. Den mest grundläggande var pek- och klickinteraktioner. Användaren klickar sig fram mellan funktioner som “Log In”, “Create Account”, “Start your Workout” eller “What’s your Focus Today?”. Användaren navigerar på ett naturligt sätt från “Log In” till “What’s your Focus Today?”, vilket gör att intuitionen är enkel.

Tanken bakom designen var att skapa något som är lätt att använda och speglar appens innehåll. För att användaren aldrig ska behöva känna sig förvirrad eller osäker på hur appen ska användas utgick vi från USD (User-Centered Design), som fokuserar på användarens beteende och behov.

När vi började skissa på designen tittade vi på hur liknande appar inom samma område är utformade. Vi lade extra vikt vid att studera hur menyer är uppbyggda för att skapa igenkänning hos användaren. Vi analyserade även placeringen av olika knappar för att säkerställa en intuitiv interaktion som är enkel och förståelig. Eftersom profilen har stor betydelse i vår app studerade vi också hur profiler skapas i liknande appar. Detta gjordes för att skapa trygghet för användaren och en konsekvent användarupplevelse.

Fokus på Navigering och Profilhantering

I designen av vår träningsapp har vi lagt stort fokus på användarvänlighet. Knappar och menyer har designats för att vara tydliga och lättillgängliga. “Log In” och “Create Account” är de första valen som användaren möter, och dessa knappar är placerade centralt för att guida användaren in i appen. Startsidan innehåller även en stor “Start your Workout”-knapp som är designad för att fånga användarens uppmärksamhet och göra nästa steg självklart.

Alla andra sidor i våra wireframes har en navigeringsmeny längst ner på skärmen, vilket är en konsekvent designlösning som gör det enkelt för användaren att växla mellan olika sidor i appen, som till exempel profil, dagens träning och progress. Genom att ha en tydlig navigeringsmeny säkerställs att användaren alltid vet var de befinner sig i appen och hur de kan nå olika funktioner.

När vi designade profilen i vår app tog vi inspiration från hur liknande appar inom träningsområdet utformade sina profiler och användarfrågor. Genom att anpassa oss efter etablerade metoder kunde vi skapa igenkänning och trygghet, vilket minskar osäkerheten och gör det enklare för användaren att känna sig bekväm med vår app. Vi skapade frågor som är relevanta och lätta att förstå, som till exempel kön, ålder, vikt och träningsmål. På detta sätt kan användaren snabbt skapa sin profil samtidigt som det ger en personaliserad upplevelse.

Enkel Användning och Effektivitet

Målet är att skapa något som är enkelt för användaren att använda, där de inte aktivt behöver tänka för att navigera i appen. Det ska vara enkelt att registrera sina dagliga framsteg samt få upp förslag på vad man kan träna just då.

Enligt Hicks’ lag kan man minska den kognitiva belastningen på användaren genom att ha så få val som möjligt för att nå sitt mål. Därför har vi en stor, centrerad knapp för att påbörja “dagens träning”. Här spelar även Fitts’ lag in, eftersom användarens rörelse och tidsåtgång kortas ner genom kortvägar till de vanligaste och mest frekvent använda funktionerna.

Vidareutveckling av Designen

Designen i våra mockups som de ser ut nu kan upplevas lite “platt”. Det saknas även en meny för att hantera funktioner som ens profil och tidigare registrerade resultat. Dessa är dock inkluderade i våra skisser.

Något som också kan övervägas är om appen, eftersom den ska vara personligt skräddarsydd, bör föreslå vilken muskelgrupp som bör tränas istället för att användaren väljer detta själv. Självklart bör användaren ha möjlighet att ändra, men på så sätt kan appen hjälpa till att skapa variation och stötta användaren att uppnå sina mål.

Motivation och Engagemang

Ett enkelt utformat gränssnitt har fördelar i den meningen att det förenklar användningen av appen. Dock kan en utvecklingsfråga här handla om brist på visuellt engagemang. En kort video vid första användningen av appen, där användaren introduceras till TrainSmarts olika funktioner och fördelar, kan vara idealisk och underlättande.

TrainSmart kan även erbjuda en funktion där användaren aktiverar sin kamera för att utföra övningar, varefter appen ger feedback på användarens form. För att hålla användaren motiverad kan ytterligare funktioner främja detta, exempelvis pushnotiser med träningsmål baserade på användarens utveckling.

Alternativa Funktioner och Tillgänglighet

Ett alternativt designval för TrainSmart kan vara att göra appen mer inkluderande. Genom att implementera röststyrning för att starta och stoppa träningspass, samt erbjuda större textalternativ, kan TrainSmart bli ännu mer användarvänlig.

För att göra appen mer trivsam kan inställningar erbjudas som låter användaren anpassa temat efter egna önskemål. Många användare föredrar exempelvis att ställa in sina appar i mörkerläge, och därför bör denna möjlighet finnas i TrainSmart.

Appen kan även utvecklas genom att användaren kan markera sina favoritövningar samt de som känns svåra. På detta sätt kan TrainSmart registrera dessa övningar och erbjuda träningspass som passar användarens preferenser och behov.

Hemsidans Design

Vi har skapat en hemsida som för närvarande inte är riktad mot användaren; den innehåller istället all information om själva projektet. Däremot har vi utvecklat hemsidan med potential att enkelt omvandla den till en användarcentrerad sida. Den ser alltså ut som en färdig företagshemsida.

Interactive prototype, usability evaluation & blog update

Part 1. Interaktiv prototyp

Majoriteten av användarna som deltog i vår undersökning svarade att de behöver hjälp med att skapa en träningsplan, men även att de känner osäkerhet kring hur de ska manövrera maskiner och fria vikter på gymmet. Därför valde vi att fokusera på just detta. Resultatet blev en app som är enkel att använda och låter användaren välja vilken muskelgrupp de vill träna. Appen föreslår sedan rätt övningar baserat på detta val.

En viktig funktion i vår app, TrainSmart, är tydliga illustrationer som visar hur alla övningar utförs. Dessutom inkluderar vi instruktioner för hur man lyfter vikter på ett säkert sätt för att minimera risken för skador – vilket också ligger till grund för appens namn, TrainSmart.

Eftersom appen riktar sig till nybörjare eller personer som behöver hjälp med att skapa ett träningsschema, är det avgörande att den är lätt att använda. Ett verktyg som exempelvis en app med dålig användarupplevelse (UX) ska inte utgöra ett hinder för att komma igång med träningen. Därför har vi följt “Jacob’s Law” och använt konsekventa designval som är inspirerade av andra liknande appar, för att skapa en bekant och intuitiv användarupplevelse.

För att förstärka känslan av säkerhet och kontroll hos användaren har vi också tagit hänsyn till principen om “User Control and Freedom”. I våra prototyper har vi därför inkluderat en hemknapp längst ner på skärmen – en designlösning som skapar igenkänning och trygghet. När användaren trycker på hemknappen går de endast tillbaka ett steg, istället för att alla val raderas. På så sätt kan användaren ångra ett specifikt val utan att förlora all tidigare information, vilket motverkar frustration och skapar en smidigare användarupplevelse.

Sedan för att ta hänsyn till “Recognition Rather than Recall” så inkluderade vi både en kalender och achievements knapp. Där kan man se alla tidigare resultat, längd på träningspass och vilka dagar man tränat. Detta gör det enkelt för användaren att tracka sina träningspass och skapa motivation till förbättring.

Part 2. Utvärdering av användbarhet

5 av 8 av Sneidermans gyllene regler:

• Sträva efter konsekvens, designen ska vara konsekvent till utseende (färg, typsnitt, layout, menyer, kommandon). Det skapar igenkänning hos användaren och underlättar för användaren att förstå och lära sig gränssnittet. Likert skala 4. Självklart är detta viktigt, och absolut mer attraktivt för ögat. Däremot anser vi inte det vara avgörande för ifall man vill använda en app eller ej, så länge den har bra funktioner - därav en 4a på Likert-skalan. I vår design har vi dock försökt eftersträva konsekvens genom att använda oss av logga, färger, samma form på knapparna etc.

• Tillåt användaren att enkelt ångra en åtgärd. Är gränssnittet förlåtande och flexibelt så minskar stressen hos användarna. Vi har så att man kan återgå till startsidan om användaren vid något steg skulle ångra sig, och exempelvis gå in på sin kalender, registrera resultat eller välja att träna någon annan muskelgrupp. Att enkelt kunna ångra en åtgärd får 5 på Likert-skalan, eftersom att det kan ge upphov till frustration och hindra användaren från att vilja använda appen igen om de måste starta om hela för att få tillgång till de funktioner som de passerat och vill gå tillbaka till.

• Designa dialoger för att ge avslutning. Ge bekräftelsemeddelande när en uppgift är klar. Att på något vis få bekräftelse när man har avslutat ett träningspass, registrerat sig som användare, loggat in eller liknande är självklart viktigt så man vet att den information man har angivit har tagits emot. Däremot kan det anses vara ganska uppenbart om appen går vidare, utan att annonsera det med ett bekräftelsemeddelande också. Vårt fokus ligger mer på andra aspekter av användarvänlighet. Därför blir rankningen på Likert-skalan 2 på denna, håller delvis inte med.

• Stöd användarens känsla av kontroll. Användaren bör få en känsla av att de styr interaktionen, snarare än att själva systemet gör det åt dem. Det gör att användaren upplever mindre frustration och får en bättre upplevelse. Exempelvis uppmuntrar vi användaren att anta sin utmaning och välja vad den ska träna, sedan frågar vi vad användarens fokus är just idag. Att tillåta användaren att välja själv i appen skapar en känsla av kontroll vilket är något TrainSmart eftersträvar bland sina användare. Appen är skapad med en simpel design för att tillåta användaren att navigera runt på ett enkelt sätt vilket också kan tillfredsställa känslan av kontroll. Likert skala 3.

• Minska belastningen på korttidsminnet. Viktig information bör vara lättillgänglig och synlig, så användaren inte behöver komma ihåg onödig komplex information. TrainSmart gör information lättillgänglig genom att visa viktig information tydligt på skärmen. Informationen framhävs även genom specifika knappar, färgkodning och storlek som vi skapat i syfte att underlätta för användaren för att enkelt kunna navigera eller komma ihåg tidigare steg. Tydlig och enkel design är något vår app strävar efter. Minska belastning på korttidsminnet får en rankning på 3 på Likert-skalan. 

Think-aloud-metoden

Användarfeedback om appen

Personen som gett denna feedback tränar både på gym och hemma regelbundet. Har använt sig av ett antal olika träningsappar, tex. fitbit, runkeeper, Myfitnesspal och Strava. Hen har ingen bakgrund inom UX eller applikationsutveckling utan gav endast synvinklar som en faktisk potentiell användare. Personen fick tillgång till appen och var beordrad att utföra vissa specifika uppgifter. Syftet med detta användartest var att så utförligt som möjligt identifiera förbättringsområden och samtidigt få positiv feedback. Under tiden hen provade appen antecknade vi värdefulla citat som reflekterar hens tankar och känslor. Detta gav oss värdefulla insikter.

Uppgifterna inkluderade:

1. Skapa konto och logga in för att sedan navigera till träningssidan.
2. Välja ett fokusområde.
3. Identifiera användningsområden.
4. Navigera tillbaka till startsidan och logga ut.

Användarens upplevelse

Startsida och inloggning

• Positivt: Startsidan och inloggningsfunktionen upplevdes som tydliga och användarvänliga. "Det är enkelt att navigera sig runt, jag hittade lätt och kom igång smidigt" - John Doe.
• Förbättringsförslag: Hem-knappen var tydlig med en hus-ikon. Skapade däremot viss osäkerhet kring vad den gör mer än att ‘’gå hem’’. Användaren föreslog en tillbaka-pil bredvid husikonen för att tydliggöra att varje klick navigerar ett steg tillbaka och inte hela vägen till startsidan.

Förstasidan efter inloggning

• Positivt: "Appen känns clean och enkel att använda utan för mycket information så man blir överväldigad." - John Doe.
• Negativt: Första sidan efter inloggning skapade viss förvirring. Användarens intuition var att den stora blå bubblan var en knapp. Insåg senare att play-knappen skulle användas. "Jag blev lite frustrerad när jag klickade fel men lyckades på andra försöket." - John Doe.
• Förbättringsförslag: Göra alla knappar lika stora för en mer konsekvent design och tydligare vägledning.

Navigering och logga ut-knappen

• Positivt: ‘’Navigeringen kändes i stort sett smidig i och med att det finns tydliga ikoner och knappar som man känner igen från andra appar.’’ - John Doe.
• Negativt: ‘’Placeringen av "Logga ut"-knappen var en aning problematisk för att den ligger nära "Achievements"-knappen, vilket riskerar att jag trycker fel.’’ - John Doe.
• Förbättringsförslag: Flytta "Logga ut"-knappen till en annan plats och addera en bekräftelsefråga "Är du säker på att du vill logga ut?" samt ‘’Avbryt’’. "Om jag råkar logga ut mitt i ett träningspass kan jag bli stressad och frustrerad, särskilt om jag inte har lösenordet i huvudet" - John Doe.

Design och informationspresentation

• Positivt: Användaren uppskattade listformatet för träningspassen och de orangea pilarna som gjorde det enkelt att navigera.
• Negativt: Färgerna på fokusområdessidan upplevdes som monotona. "Det känns enformigt att allt ser likadant ut" - John Doe.
• Förbättringsförslag: Införa färgkodning för träningspassen som matchar fokusområdena. Ta bort loggan längst upp på träningssidan för att ge mer plats åt träningsschemat och göra knapparna större för att undvika feltryckning.

Anpassning och flexibilitet i träningspass

• Positivt: Den stora orangea startknappen och möjligheten att pausa under passet uppskattades. "Det känns tryggt att kunna pausa om jag känner för det, framförallt om man är på gymmet och blir störd. Däremot hade jag velat se hur lång tid det har passerat under de olika övningarna. Även att kunna välja tidslängd på passet." - John Doe.
• Förbättringsförslag: Erbjuda en funktion där användaren kan ange önskad längd på passet och antal repetitioner. Även förslag på träningsscheman för både enskilda pass och veckobasis.

Sammanfattning

Vad fungerade bra:

• Tydlig inloggning och startknapp.
• Smidig navigering och listformat för träningspassen.
• Pausfunktionen gav användaren trygghet.
• Estetisk layout med övergripande bra färgval.

Vad kan förbättras:

• Navigeringen av första sidan efter inloggning bör bli mer intuitiv.
• Placeringen av "Logga ut"-knappen kan ändras och en bekräftelsefunktion ska införas.
• Färgkodning och enhetlig design kan förbättra estetiken och tydligheten på sidan med val av träningsfokus.