Triathlon Ready is a new web-based mobile and desktop app that gets people up and running in training for a triathlon by automatically furnishing their preferred calendar with a personalized, daily training schedule. This was a months-long side project I worked on in the Fall of 2015.
Anyone who's ever trained for a major sporting event like a marathon or triathlon has likely taken the time to research and put together a training plan. It's often clunky work, replete with data entry.
What if, instead, athletes could get a training plan generated automatically for them, customized for their race, skill level, and days left to train? If the race will be hilly, the plan will incorporate more hills. If you're a beginner swimmer, it will start off with baby steps.
After generating a personalized plan, Triathlon Ready can sync that plan with your calendar, complete with tips. It will also adapt its plan based on your completion rate.
This app is co-developed by DJ Park, a former Microsoft program manager. The interspersed screenshots are of the app during the wireframing and design process, and have yet to be implemented. It is a web-based app, shown here on a laptop computer. For screenshots of our mobile designs, and more insight into the my design approach, visit this page here.
The slideshow above showcases design screenshots of the Sample Plan. Image 1 displays the first week's plan. Image 2 displays what happens when the user clicks to week 2.
The images above are of the Full Plan. The difference between the first and second image is that after the user clicks the "I did it!" button, the yellow triangular button turns into a green triangle with check mark on it.
So far, we've met five times, once a week on Thursday afternoons. We spent the first weeks nailing down our major, business-critical assumptions (see figure 1), so we could make sure we were building a prototype that would test them. We then drafted out four proto-personas (see figure 2), imaginary people we think represent our target market, along with their backstories, wants, and pain points. We lastly listed all the current features (see figure 3) that were already available in the current iteration of the web app, and which ones were seriously considered and in the pipeline, and which needs of which proto-personas these features fulfilled. All of these steps lead to our next two phases of development: prototype finalization and GOOB (Get Out Of the Building) user testing. Once the prototype is completed, we will take it into the field for in-person and remote testing and interviewing.
With our proto-personas and user testing in mind, we built out the user experience.
Dive more deeply into the details of Triathlon Ready's interactive design through the page below: