Collaborating with my design team and SV stakeholders, we designed a feature for SV users to explore local running / hiking / biking routes and record the data during & after their workouts. Users can customize the tracking panel by themselves depending on their needs.
In the meeting with SV CEO and design lead, we set our goals for this round of design as follow:
According to the personas, user journey maps, and the empathy map from the earlier research stages, we synthesized challenges for this product as follow:
Integration: HMW integrate and visualize synced data from other apps? What's the priority? What kind of data do users really care about?
Tracking: HMW differentiate the tracking feature of SV from other running/biking/hiking tracking tools so people who love cardio sports don't need to switch between multiple apps?
Analysis: HMW interpret sports data into valuable analysis and come up with useful suggestions for users?
Community: HMW build an active community where users could get motivation from each other?
We, as a team of four, decided to split the big scope and focus on each challenge during the process. It has been a very efficient way for us to engage in solo design and do in-team critics weekly before showing deliverables to the product manager and the CEO. My challenge to tackle is about tracking.
Given the existing research and interviews with SV's potential users, our team have already analyzed existing fitness apps and created user journey maps as a guide for ideation. I marked some keywords and phrases related to the tracking feature and always kept them in mind throughout the following design process.
Advanced-level User:
Beginner-level User:
Thinking about steps users may take when exploring routes and selecting one as their fitness goal, I mapped out the user flow by dividing users' fitness needs into two situations: "explore routes to track" and "start tracking now". Users can choose whichever they want.
Here is a list of my ideas, inspired by the preliminary user research and personas, that I want to incorporate into the user flow. I mapped them out by sketches so that I can clearly see how the ideas were visualized and structured.
Initial Draft of Sketches
Revised Sketches
Lo-Fi wireframes were structured into the wireflow, integrated by the sketches and the user flow, to indicate the layout of elements in pages and pages themselves. In this round, I also provide solutions responding to the following comments based on the last iteration of sketches from the client.
I conducted five interviews with people ranging from beginners to advanced-level biker. The process was a bit limited to the time and the number of people I could reach out to, still, it was fun to notice that people at different fitness levels prioritize information in a very different way when talking with the them.
After discussing with the team to confirm the changes, the deliverables are approved to move forward to the high-fidelity design to incorporate users' feedback and suggested ideas.