SocialFit App

Role: UX Designer, Researcher, & Project Manager

Timeline: 2 weeks

Research Methods: User Interviews, Affinity Mapping, User Flows/User Journeys, Wireframes, Sketch Prototype, Usability Testing, Figma Prototype

Overview:

There's plenty of fitness apps to help motivate and track progress, there's also a lot of social apps that help you find potential partners, friends or ways to connect with your community, but is there isn't an app that can tie these two concepts into one.

SocialFit App does just this. Check out my process to solving and designing below:

Key User Findings:

I began by conducting interviews for my target audience: people who enjoy group settings and like to be active outdoors. I used affinity mapping to pull out key themes and features that I could incorporate into the design.

Distance

Users don't want to drive more than 30 min for a meet up

Group Size

Prefer groups smaller than 10

Chat Feature

Want to connect with users on app

Scheduling

Want to know a couple days in advanced about an event

User Info

Want to know age, like interests, and gender of users

Pains

Use multiple sites to find things to do

Market Analysis:

Before sketching some initial ideas, I took time to research the current competitive landscape along with websites and apps users mentioned in their interviews.

I drew inspiration from looking at the UI for user profiles and map view, if they had a chat feature, if they connected with other apps, iconography for sports, what they included in their home navigation. I ended up taking most of my inspiration from AirbnB which is always a go to, specifically how they present each.

Strava

Hinge

AllTrials

Airbnb

Design Ideation + Flow:

Now the fun part! Using my user data and market analysis, I got the drawing board. I like to dump every possible idea, feature, look, flow, ect. into a piece of paper which frees me from perfectionism or being too focused on the end goal.

Key features I knew I wanted for the app was a user-friendly way to view activities users could join nearby and the ability to filter their search for scheduling and preferred activities. Since this was also a social app I was sure to include a profile page along with chat/comment features.

Features:

Login
Profile
Choose radius
Map view only
Filter search
Activity page
Calendar for events
Inbox/chat
RSVP
See who's going

Usability Results:

I performed usability tests throughout each design iteration by uploading sketches into Marvel and creating a low-fi prototype to see how users interacted with the design.

My assumption that users would want the main discovery interface to be a "map view" to search for activities was incorrect as users preferred to have a "list view" with the option of a map.

Each user throughout each design iteration was asked to login> find a yoga event> see more about the activity> attend the activity (as seen in the user flow above). The test had a 100% success rate as far as navigating the app, so all that was left was to create a high-fidelity mock-up of the app.

Next Steps:

Conduct usability tests with final hi-fi prototype
Work with developer - uncover any limitations
Launch app

Clickable Prototype

Click around the app here >>