Young professionals are exercising with the goal of getting better, improving their technique, getting healthier or just maintaining their fitness level.
Key insights from research indicated that young professionals are:
I designed MeetFit, a mobile website that helps young professionals to continue going to exercise sessions and build social relationships. Users can use the product to join the exercise sessions of others or create their own session. It can be used for all kinds of exercise types from running to yoga.
The goal of the research was to get to know how people plan exercises as part of their daily lives so that we understand what kind of product they need. Five people, with the age of 30 to 35 years old, participated in a moderated interview study.
There were 3 research objectives:
Helped to identify overarching themes based upon all the data collected from the user interviews.
The following key insights were identified for this project:
The two personas represent the research findings by stating the goals, motivation, challenges and expectations they have. The personas helped during the design process to see if the product is still on track to provide a solution for these goals.
These HMW’s are based upon the key insights from the research and the goals of our personas. The HMW’s helped to generate a wide variety of ideas of which two were selected to proceed with.
Storyboards were used to visually represent two ideas from the brainstorm, while simultaneously considering the product's user benefits and its discoverability.
The common business and user goals helped to select idea 1 to proceed with.
It also highlighted a very important pain point that a large user base is needed to make the product work and be successful.
This helped to identify which pages were important to focus on for wireframing and would be necessary for building a functional prototype for usability testing.
The task flows are centered around the product's must-have features, including joining and hosting sessions, searching for specific sessions, and user registration. TThese flows outline the user journey as they navigate the product to accomplish specific task.
Translating the user and task flows into visual representations was the first step in the iterative design process, enabling early exploration.
Translating the sketches into digital gray-scale wireframes with accurate proportions provided a solid foundation for subsequent high-fidelity design work, enabling seamless integration of branding and style elements.
Building the wireframes, with the focus on the mobile viewport, that represent a finished product that can be used for prototyping and user testing.
A moderated usability testing with 5 participants with the goal of getting to know what path the users follow to complete the given tasks so that we can optimize the task and user flows.
All participants were able to successfully complete the task flows, but the path that the participants took was varied and was depending on the search functionality.
It would be beneficial to iterate on the search functionality and features for an optimized user flow and offer new flows when searching for a specific date or location based.
An revision based on the insights of the usability test with the focus on the search functionality and feature.
While the initial focus was on the mobile version, I also created mid-fidelity wireframes for a desktop version. A logical next step would involve developing high-fidelity prototypes for both versions, with potential adjustments to the mobile design informed by the desktop implementation.
The final revision is based upon usability testing results. A next step would be to do another usability test to see if the users are able to complete the task and follow the desired paths without misclicks. The mobile and desktop version could be tested simultaneously.
I have only done usability testing at the hi-fi stage for this project, but it would be interesting to do usability testing with mid-fi or even lo-fi wireframes to get feedback from the users earlier in the design process. The mid-fi wireframes of the desktop version could also be used for usability testing or when incorporating other features in the product like creating private sessions.
I have develop a couple of icons, but more similar style icons can be created to match with other exercise types.
A trip-planning platform catering for people who are in search of new adventures.
View case study
