This is an app I am creating for a boot camp I am in with General Assembly. I've wanted to create a quality hang-boarding app for awhile now, and this UX/UI boot camp was the perfect opportunity to do so. This is still a work in process so you probably won't find finalized hi-fi prototypes on here or a finished app yet. However, the intention is to push this live and have it be a product at least in the Android App Store.
PS: For those who don't know what a hang-board is or what I'm talking about. A hang-board is a device climbers use to literally hang from to strength and increase stamina in their fingers and arms. Hang-boards come in all shapes and sizes and have many different size holds and grips for climbers to choose from depending on what they want to work on.
Given the compressed timeline of the boot camp, many of the processes are more condensed than usual. I conducted 4 user interviews and recorded them for later reference and note taking. The goal was to determine why climbers do/don't use a hang-board for training, why they do/don't use a hang-board app when training, and what other fitness apps they have experience with. I also wanted to determine what pain points users had with hang-board apps (hint: a lot) and what they liked and didn't like about other fitness apps. I tried to minimize any inquiry that would lead to users beginning to work on solutions for hang-board apps. Below you will see an Affinity Map I created based on the feedback I received from these user interviews.
In addition to user research, I also conducted competitive research to determine what other apps are already on the market and the features they have as well as the pros and cons of each one. I did this through a Competitive Analysis and a Pluses and Deltas Analysis. You can see screen grabs of both below but I will also link to them since it can be hard to see in just screen grabs.
Personas and Problem Statements
Personas were a ton of fun to make. It was interesting to try and consolidate the research information to determine the true needs of the users, and then create personas that would create empathy and show specific situations those needs would be found in. I was only supposed to create one persona but I felt like at least two were needed to accurately depict most of the needs of the users.
Based on these personas I created several problem statements to guide me.
Problem statement #1: John needs a way to optimize his workout routines because he has limited time to do them.
Problem statement #2: Katherine needs a way to be motivated to hang-board train more often because she finds it boring and difficult to plan.
Problem Statement #3: John needs a way to see and track progress in his training because if he has to train he wants to make sure it's making a difference.
Problem Statement #4: Katherine needs a way to customize training because she wants to train exactly what she wants.
The next step was to set up a user flow based on what would be the primary use case as shown from the personas created. (Many of the problem statements are useful but do not necessarily apply to the MVP. I first need to create an MVP before I can address some of the other problem statements created from the research.) Clearly, since this app is to assist with hang-board training the main use case would be to, you know, use it to train on a hang-board. The main difference between this app and the other ones out in the market now is this one will allow for selecting specific holds on a hang-board so you can customize and setup sessions more easily. I also want to implement analytics like other exercise apps do so users can see the progress they are making and are encouraged by that.
I created paper prototypes next based on the user flow for users to try out. I used the Marvel app so users could get a better feel of what it might be like on their phone.
The next step is to brainstorm as many features as I can and then use systems to prioritize them. I decided to use the 2x2 Matrix and the Now, Next, Later methods to help me prioritize. These helped me narrow down what would be in the MVP and what would be awesome things to add afterward. Below you can see the paper prototype. The prompt was the setup a new workout using a new hang-board with 3 sets.
Next I worked on wireframing some of the key pages that will be needed in the app to help think through not only general design, but also some of the IA and how that will be communicated to the user as they use the app.
Using Information Architecture and Card Sorting I've begun developing HiFi prototypes so I can begin user testing using InVision. Once the user testing is finished I'll create a finalized version and begin annotating them so my badass wife who is a software developer can begin creating the app.