Fitness coaching tool for people that are new to technology

UX Design
Two mockups from my personal project - ActiveNow
I'm willing to present the full information on the interview.
Client
Personal Project
Project Type
UX design
Project Year
2022
My role
Entire product's design
  • research to conceptualization
  • user interviews
  • low & high-fidelity designs
  • prototypes
  • user testing
Tools
Figma, FigJam

I was specially exited putting my hands on this project as it matches what I used to do as a physiotherapist. So now, I had a chance to design a tool that would help me in my previous job.The task was to create a mobile app that makes fitness super easy, and goes  together with a responsive website that complements the product. Both of them should be created for people new both to fitness world as well as using technology.

View prototype
Arrow
2 screens from ActiveNow app
3 screens from AtiveNow website

My process

empathzieDefineIdeatePrototypetest
Create a fitness coaching tool that has a user-friendly, accessible, and intuitive interface that encourages users to engage with the tool and an accompanying website to answer all the possible questions.
People new to technology can feel lost in the world of mobile applications, options and features. This confusion can be a factor causing quitting their resolutions such as exercising.

The problem

The solution

Empathize

This time I did some internet research and used the knowledge I had gathered from my patients when I worked as a physiotherapist. From stories I heard from my patients, I constructed a typical journey that the user would go through.

User journey of ActiveNow app
User persone of the ActiveNow app

Here are some problems that people may encounter when they're new both to the technology and the fitness world: too many options in the application lack of one straight path not enough information about exercises "surprises" during the training like additional equipment- extra exercise

Define

User flow of the ActiveNow app

Ideate

To visualize a path the user would have to go I created a user flow. Here it becomes clear how important is the simplicity of the app.

As I didn't have much time, a lot to do and I was more skilled in Figma I skipped the paper wireframing phase and I created wireframes and a lof-fidelity prototype directly in the program. That allowed me to save some time that I spent later on doing more research. The most important screen of the app is the exercise screen. Each element of this screen responds to questions asked by users in a usability study.

Explenation of the most important exercise screen in ActiveNow app

Prototype

  1. Users want to be able to edit their exercise sets so I created descriptions of exercises and equipment in the form of editable lists.
  2. Users are concerned about their health, so I decided to give them access to experts' opinions about exercises. I added a possibility to connect and consult the app with the user's physiotherapist or doctor.
  3. One of the wishes of people new to technology is to have someone who would guide them through the process. In the real world it's usually a coach or a physiotherapist so I figured out in my app there should be also someone like this. That's how I came up with Elisa. A virtual assistant and coach that tells you (through text and sound) exactly what to do.
menu of the ActiveNow app with circled added page train with
Screen from the ActiveNow app shhowing Elisa- virtual asistent
menu of the ActiveNow app with circled added pages training and exercised description

Test

After I finished the prototype I tested it with 5 people in the age range of 70-76 years old. All of them started using their first smartphone no longer than 2 years ago. I have 3 insights from this test:

Check out my other projects!

Thank you for your time, I hope you liked my work. Let's connect!

email iconLinkedIn icon